Aside. A semantic article aside with optional emphasis.
- Article structure
- Static
- Stability · Initial
- :::postkit-aside
Usage.
<Aside title="A note from the editor" tone="note">
Use an aside for context that supports the article without interrupting its main thread.
</Aside>Props. Always in step with the code.
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | None | An optional heading for the aside. |
| tone | "note" | "tip" | "important" | "warning" | "caution" | "note" | The semantic emphasis of the aside. |
| Appearance | |||
| size | "sm" | "md" | "lg" | "md" | The component density and type scale. |
| variant | "outline" | "subtle" | "plain" | "subtle" | The component visual treatment. |
Every component also takes unstyled and the part-styling props. Change a default for your whole site with defaults in createPostkit. Part styles
Anatomy. Every part is yours to restyle.
Renderers. One component, everywhere you publish.
- Headless @postkit/reactSupported
- Chakra @postkit/chakraSupported
- Email @postkit/emailSupported
- Astro @postkit/astroStatic
- Web components @postkit/elementsPlanned