Self Service Block

The self service block is a collection of highlighted self-service actions.

The self-service block is designed to enhance user autonomy; these blocks empower users to effortlessly manage various aspects of their experience, making necessary adjustments and arrangements independently.

Anatomy

  1. Icon. Indicating the theme of the relevant action. Fill color-brand-400.
  2. Subtext. Providing extra context if needed.
    - Regular cases using color-brand-400
    - If bringing users' attention to the critical information or action needed. Using color-invalid
  3. Title. Using typography-heading-6 and fill color-brand-400.
  4. Navigation. arrow-right navigates the user to the flow.

Component Health

Component checklist

Is documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Open in Figma

Status

The component has a health status indicated

Healthy

Repository

Includes a link to an external code repository

Open link