UnderlineNav

On this page

Stable

4 variants

Edited by Lukas Oppermann on 15 Dec 2022

Figma

Used in repository overview and GitHub’s Explore pages to group projects by specific topics across GitHub.

Props

Name	Type	Values	Default
me,,,n,,,u,,,?	Boolean	`false` `true`	`false`
ov,,,e,,,r,,,f,,,l,,,o,,,w,,,?	Variant	`false` `true`	`false`

State

Position

Playground

me,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,u,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,?

ov,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,r,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,f,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,l,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,o,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,w,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,?

UnderlineNav.Item

The UnderlineNav.Item is a subitem of the UnderlineNav. You can configure ever item itself.

Variants of UnderlineNav.Item

Name	Type	Values	Default
la,b,e,l	Text	-	`Label`
co,u,n,t,e,r,?	Boolean	`false` `true`	`false`
ic,o,n	Instance swap	`instance swap`	`EXTERNAL_COMPONENT`
le,a,d,i,n,g,I,c,o,n,?	Boolean	`false` `true`	`false`
st,a,t,e	Variant	`default` `focus` `hover` `selected`	`default`

State of UnderlineNav.Item

Counter

LeadingIcon

Playground of UnderlineNav.Item

co,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,u,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,r,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,?

le,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,d,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,i,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,g,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,I,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,c,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,o,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,n,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,?

st,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e

Edit this page on GitHub