Navigation
AppHeader
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
App Header
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
AppHeaderRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| variant? | HeaderVariant | "dashboard" | Figma `Type`: Dashboard (Pill Nav · Avisos · account) or Onboarding (Onboarding Step Pill · account). |
| viewport? | NavViewport | — | Figma `Viewport`. Leave it out in screens: the header follows its width. |
| className? | string | — | |
| children? | ReactNode | — |
AppHeaderBrandProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | The router's link to Início, e.g. `render={<NextLink href="/" />}`. |
| className? | string | — | |
| children? | ReactNode | — | Replaces the Logo (Figma `Logo` is an exposed instance). |