Browse components

ComponentDemo

Doc helper: Card with title, preview/code toggle, and syntax-highlighted snippet.

molecules

Live example

Default usage you can copy and adapt.

Component demo

Used throughout this docs site

This site wraps each example in ComponentDemo: title, preview, and a code toggle.

Preview area

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
titlestringYes—Example title
codestringYes—Source shown in code view