Data

Overflow List

Shows a bounded set of items and reveals the rest in a popover.

idle

Usage

import { OverflowList } from "@mizen-labs/ui";

Guidance	Practice
Do	Keep the most useful items visible and label the overflow action with what it reveals.

Guidance	Boundary
Scope	Do not hide essential actions behind a count. Use a full list when reviewing every item is the task.
Scope	visibleCount is fixed, not viewport-measured.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`visibleCount`	`number`	`3`	Nonnegative integer count of initially visible items.
`overflowLabel`	`string`	`More items`	Accessible label for the disclosure.
`aria-label`	`string`	`Required`	Names the visible list.
`children`	`ReactNode`	`Required`	ListItem children with caller-owned content.

Data

Shows a bounded set of items and reveals the rest in a popover.

idle

import { OverflowList } from "@mizen-labs/ui";

Guidance	Practice
Do	Keep the most useful items visible and label the overflow action with what it reveals.

Guidance	Boundary
Scope	Do not hide essential actions behind a count. Use a full list when reviewing every item is the task.
Scope	visibleCount is fixed, not viewport-measured.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`visibleCount`	`number`	`3`	Nonnegative integer count of initially visible items.
`overflowLabel`	`string`	`More items`	Accessible label for the disclosure.
`aria-label`	`string`	`Required`	Names the visible list.
`children`	`ReactNode`	`Required`	ListItem children with caller-owned content.