Function: BulletList()
BulletList(
items:BulletItemInput[],options?:object):BulletListElement
Bullet list component with individual bullet point animation and interactive click-and-drag focus.
Parameters
| Parameter | Type | Description |
|---|---|---|
items | BulletItemInput[] | - |
options | { align?: Align; blur?: number; brightness?: number; className?: string; color?: string; customPositioned?: boolean; enterDelay?: number; enterDuration?: number; exitDelay?: number; exitDuration?: number; height?: Size; id?: string; interactive?: boolean; itemsHidden?: boolean; itemSpacing?: string | number; marker?: string | string[]; markerColor?: string; onActivate?: () => void; onDeactivate?: () => void; onMount?: () => void; onUnmount?: () => void; opacity?: number; origin?: ElementAnchor; position?: Position; rotation?: number; scale?: number; size?: Size; style?: Properties<0 | string & object, string & object>; theme?: Partial<ThemeConfig>; width?: Size; x?: PositionCoord; y?: PositionCoord; } | - |
options.align? | Align | - |
options.blur? | number | Blur in virtual pixels (default: 0). |
options.brightness? | number | Brightness multiplier (default: 1). |
options.className? | string | Additional CSS class name. |
options.color? | string | Foreground text and bullet marker color. |
options.customPositioned? | boolean | Whether this element manages its own CSS transform / positioning (disables stage translate3d). |
options.enterDelay? | number | Delay in seconds before entering scene transition begins. |
options.enterDuration? | number | Duration in seconds for entering scene transition. |
options.exitDelay? | number | Delay in seconds before exiting scene transition begins. |
options.exitDuration? | number | Duration in seconds for exiting scene transition. |
options.height? | Size | Height in stage units or CSS length (default: content size). |
options.id? | string | - |
options.interactive? | boolean | Whether clicking or dragging bullet items focuses them interactively (default: true). |
options.itemsHidden? | boolean | Hide items initially for reveal (default: false). |
options.itemSpacing? | string | number | Vertical spacing between bullet items in stage units, or a CSS length. |
options.marker? | string | string[] | Marker symbol(s) for bullet points (default: "–"). Single symbol or an array per depth level. A per-item marker overrides this. |
options.markerColor? | string | Default marker color for bullet points (overrides color for markers). A per-item markerColor overrides this. |
options.onActivate? | () => void | - |
options.onDeactivate? | () => void | - |
options.onMount? | () => void | - |
options.onUnmount? | () => void | - |
options.opacity? | number | Whole-element opacity from 0 to 1 (default: 1). |
options.origin? | ElementAnchor | Which point of the element sits on its coordinate (default: "top-left"). |
options.position? | Position | - |
options.rotation? | number | Rotation in degrees (default: 0). |
options.scale? | number | Scale multiplier (default: 1). |
options.size? | Size | Both dimensions in stage units or CSS length (default: unset). |
options.style? | Properties<0 | string & object, string & object> | - |
options.theme? | Partial<ThemeConfig> | - |
options.width? | Size | Width in stage units or CSS length (default: content size). |
options.x? | PositionCoord | Horizontal position in stage units (default: 0). |
options.y? | PositionCoord | Vertical position in stage units (default: 0). |