Frame layout

Card-like container with Header, Panel, and Footer slots. Use for dialogs, forms, and structured content.

API Reference

<Frame>

Prop	Type	Default
class	—	required
bleed	Direction	required
safeArea	Direction	required
children	Snippet	required

<Frame.Description>

Prop	Type	Default
class	—	required
children	Snippet	required

<Frame.Footer>

Prop	Type	Default
class	—	required
dataSlot	string	`'frame-footer'`
variant	'default' \| 'bare'	`'default'`
bleed	Direction	`getBleed?.()`
safeArea	Direction	`getSafeArea?.()`
allowSelection	boolean	`true`
children	Snippet	required

<Frame.Header>

Prop	Type	Default
class	—	required
dataSlot	string	`'frame-header'`
allowSelection	boolean	`false`
children	Snippet	required

<Frame.Panel>

Prop	Type	Default
class	—	required
dataSlot	string	`'frame-panel'`
scrollFade	boolean	`true`
scrollable	boolean	`true`
allowSelection	boolean	`true`
children	Snippet	required

<Frame.Title>

Prop	Type	Default
class	—	required
children	Snippet	required