UI Bridge
BidSequenceInput
Grid of bid chips with an optional undo button.
Compound component for displaying a sequence of bid chips in a grid layout, with an optional undo button. Shows an empty message when the sequence is empty.
Import from @workspace/ui-bridge/components/bid/bid-sequence-input.
import { BidSequenceInput } from '@workspace/ui-bridge/components/bid/bid-sequence-input';
<BidSequenceInput isEmpty={bids.length === 0} emptyMessage="No bids yet" onUndo={handleUndo}>
{bids.map((bid) => (
<BidSequenceInput.Chip key={bid} bid={bid} />
))}
</BidSequenceInput>Compound API
| Component | Description |
|---|---|
BidSequenceInput | Root container with grid layout, undo button, and empty state |
BidSequenceInput.Chip | Displays a single bid as a compact, disabled BidButton |
Props
| Prop | Type | Description |
|---|---|---|
children | ReactNode | Bid chips to display in the grid |
onUndo | () => void | Optional callback for the undo button (button hidden when omitted) |
emptyMessage | string | Message shown when isEmpty is true |
isEmpty | boolean | Whether the sequence is empty |
className | string | Additional CSS classes |