Skip to main content

Eyebrow

Usage

The eyebrow is a constantly visible, mandatory part of the header that contains important user information and actions.

The eyebrow can contain:

  • eyebrow buttons
  • control for France only (label and link)

Platforms

The eyebrow component is designed for two platforms:

  • desktop
    • consists of:
      • a start side with 5 items max + control for "France only"
      • an end side with 5 items max
  • mobile
    • consists of:
      • 7 buttons
      • "France only" control
      • "Impact Company" logo

Component reference

Properties

Attribute / PropertyTypeDescriptionDefault
href-impact-logo / hrefImpactLogo
string

Represents the href for the mobile impact logo.

undefined
src-impactlogo-mobile / srcImpactlogoMobile
string

Represents the src for the mobile impact logo.

undefined

Events

No events for this component