12 components from @takazudo/zudo-sg/stories, discovered from their .stories.tsx files. Each tile previews the component's first variant, rendered here on the server.
Short supporting copy for the first item.
Short supporting copy for the second item.
Short supporting copy for the third item.
Auto-fit/auto-fill responsive grid primitive for card-style listings, switching column density by minimum track width.
11 variants
Overview
Fluid inline padding keeps this content readable at every width.
Supporting copy sits inside the shared container boundary.
Centers page content in a single ~88rem-wide column, with fluid inline padding that expands on wider viewports.
1 variant
About
A short supporting sentence.
Section header block: optional eyebrow, heading, and an optional intro paragraph.
3 variants
Secondary information stays in its own pane.
Main content gets the larger reading area.
Two-pane layout: stacked full-width panes below md, ratio-controlled side-by-side panes at md and above.
9 variants
Short supporting copy for the first item.
Short supporting copy for the second item.
Short supporting copy for the third item.
Generic flex stack — vertical or horizontal — with bounded gap, cross-axis alignment, and main-axis justification. Horizontal stacks always wrap so they never force overflow.
16 variants
Note
Keep this detail in mind while reviewing the page.
Call-out box for notes/asides in body copy, in an accent-tinted or neutral tone.
4 variants
Use a card to group a small amount of related information.
Flat surface container with a border and rounded corners, in three variants and three padding sizes.
8 variants
## Getting started
Install the package, then render markdown straight from a string.
- Zero-config defaults
- Full **TypeScript** support
```ts
export function greet(name: string): string {
return `Hello, ${name}!`;
}
```
> Edits to this field re-render live once wired into the canvas inspector.
Renders a markdown string client-side (fence highlighting, sanitized output).
2 variants
No components match your search.