A client-side React component that renders a styled bullet list with customizable icons, colors, spacing, and layout. Accepts both plain strings and structured `BulletListItem` objects. ## Key Components ### Interfaces - **`BulletListItem`** — Structured item shape with required `text` and optional `id` fields - **`BulletListProps`** — Full props interface for the `BulletList` component ### Exports - **`BulletList`** — Main component that renders a vertically spaced list with icon bullets ### Props | Prop | Type | Default | |---|---|---| | `items` | `string[] \| BulletListItem[]` | *(required)* | | `bulletColor` | `string` | `var(--color-text-primary)` | | `bulletIcon` | `React.ComponentType` | `ShapeCircleDashIcon` | | `bulletSize` | `number` | `16` | | `textClassName` | `string` | `text-h4 text-ods-text-primary` | | `itemClassName` | `string` | `flex items-start gap-3` | | `containerClassName` | `string` | `''` | | `spacing` | `'sm' \| 'md' \| 'lg'` | `'md'` | ## Usage Example ```typescript import { BulletList } from './bullet-list'; import { CheckIcon } from '../icons'; // With plain strings // With structured items and custom icon ``` **Source:** [`bullet-list.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/bullet-list.tsx)