SectionNav

Playground

Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.

Section Nav Item

current

boolean

className

string

dsState

Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).

Active	Default	Hover	Focus

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

SectionNavProps

Prop	Tipo	Padrão	Descrição
className?	string	—

SectionNavItemProps

Prop	Tipo	Padrão	Descrição
icon?	ReactNode	—	Figma `Icon`: a 16 px lucide element.
current?	boolean	false	The section on screen: white surface, `aria-current`.
href?	string	—	A link to the section instead of an in-page switch.
render?	ReactElement<unknown, string \| React.JSXElementConstructor<any>>	—	The router's link, e.g. `render={<NextLink href="/conta/perfil" />}`.
className?	string	—
children	ReactNode	—	Figma `Label`.