Terminal. A terminal command and its optional output.
- Technical content
- Static
- Stability · Initial
- ::postkit-terminal
Terminal
npm install @postkit/chakraadded 1 package in 842msUsage.
<Terminal
title="Terminal"
prompt="$"
command="npm install @postkit/chakra"
output="added 1 package in 842ms"
/>Props. Always in step with the code.
| Prop | Type | Default | Description |
|---|---|---|---|
| commandRequired | string | None | The command text. |
| output | string | None | The command output. |
| prompt | string | "$" | The shell prompt marker. |
| title | string | "Terminal" | The terminal window label. |
| 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.
Every part
- root
- header
- dots
- title
- body
- prompt
- command
- output
Renderers. One component, everywhere you publish.
- Headless @postkit/reactSupported
- Chakra @postkit/chakraSupported
- Email @postkit/emailAs text
- Astro @postkit/astroStatic
- Web components @postkit/elementsPlanned