Components

Collapse

Shows as many items as fit on one line, and the rest behind "+N".

GroceriesRentTransportDining outSubscriptionsTravelGiftsHealthBooks

Import

import { Collapse } from '@rinzai/zen';

Prop	Type	Default
`items`Required	`string[]`	`—`
`badgeStyles`	`string`	`—`
`badgeVariant`	`"default" \| "secondary" \| "outline" \| "destructive" \| null`	`—`
`data`	`TData[]`	`—`
`estimator`	`((item: string, textWidth: number) => number)`	`—`
`font`	`string`	`—`
`moreItemsLabel`	`string`	`—`
`parentRef`	`RefObject<HTMLElement \| null>`	`—`