Process

A component that presents a Process as a vertical line of events. Each event can contain information, actions, links or status indicators.

Read more about this component in the Aksel documentation.

All extra props are passed to the root element.

  1. The baby was born
    August 04, 2025
  2. You applied for PARENTAL BENEFITS
    August 22, 2025
  3. Your application was approved
    August 25, 2025
  4. You have received a response to your application
    September 08, 2025
  5. Nav has requested information

    Active

    September 08, 2025
  6. The baby turns 3 years old
    August 22, 2028
    You must use the parental benefits before the baby turns 3 years old. If you are expecting a new baby, you must use the parental benefits before the new parental benefit period starts.

Properties

Process

PropertyDescriptionDefault
Control
Properties
hideStatusText

Hides the "active"-text when the event is active.

boolean
false
isTruncated

Indicates that the process is truncated and that there are more Events not shown either before, after or on both sides of the current list.

"start" "end" "both"
-
ref
bindable

Component reference for binding.

HTMLOListElement
-
Snippets
children

ProcessEvent elements as children.

 -

Properties included from: Omit<HTMLOlAttributes, "children">

ProcessEvent

ProcessEvent represents a single event in a Process.

Read more about this component in the Aksel documentation.

All extra props are passed to the root element.

PropertyDescriptionDefault
Control
Properties
hideContent

Hide the content section of the event.

boolean
false
ref
bindable

Component reference for binding.

HTMLLIElement
-
status

Current event status.

"active" "completed" "uncompleted"
"uncompleted"
timestamp

Timestamp or date to display for event.

string
-
title

Step title.

string
-
Snippets
bullet

Icon or number to display inside the bullet.

 -
children

Rich content to display under the title and timestamp if provided.

 -

Properties included from: Omit<HTMLLiAttributes, "children">