Skip to main content

Header

In this section you can customize the various components of the header. You can edit the background, border and the text color of the components in the various statuses.

You have the following components available:

header.png

  1. Header and Header item

    Customizable attributes: background

  2. Header App Name

  3. Header Divider Color

  4. User MenuUser Menu

  5. AvatarAvatar

  6. Search

    Customizable attributes: background, border, search, search icon

Component statuses

Some components have attributes that have different, customizable statuses. The following statuses are customizable:

Notice

Not all statuses are available for all components.

  • disabled: The component is inactive and the user can't click or interact with it.

  • default: The componente is not in any other status (default).

  • focused: The component is currently selected for interaction via keyboard navigation or other accessibility tools.

  • hovered: The mouse cursor is currently hovering over the component.

  • active: This component shows interaction is happening - after pressing but before releasing the component.

In this section: