Overflow API

Responsive truncation — hides overflowing items as the container runs out of width and surfaces the hidden count via an indicator.

Explore these related pages for additional context and usage patterns.

Page	Category
Overflow	Semantic
createOverflow	Semantic
Breadcrumbs	Semantic
Pagination	Semantic

Overflow.Root

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:overflow"

gap

number | undefined

Pixel gap between items (mirror of CSS gap)

Default: 0

priority

any

Side that keeps items when overflow occurs

Default: "start"

disabled

boolean | undefined

Disable truncation; render everything

Default: false

Slots

default

OverflowRootSlotProps

Overflow.Indicator

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:overflow"

Slots

default

OverflowIndicatorSlotProps

Overflow.Item

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:overflow"

value

unknown

Value associated with this ticket (defaults to index)

disabled

boolean | undefined

Skip from capacity calculation; always rendered visibly

Default: false

Slots

default

OverflowItemSlotProps