Terminal
An interactive command-line interface modeled after macOS Terminal. Great for demos.
Basic Usage
✔ Checking registry.✔ Created 1 file:- src\components\ui\snappy-checkbox.tsxInstallation
Props
Terminal Component
| Name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to be typed out in the terminal |
| className | string | - | Custom CSS class for styling |
AnimatedSpan Component
| Name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to be animated |
| delay | number | 0 | Delay in milliseconds before the animation starts |
| className | string | - | Custom CSS class for styling |
TypingAnimation Component
| Name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to be animated |
| delay | number | 0 | Delay in milliseconds before the animation starts |
| className | string | - | Custom CSS class for styling |
| duration | number | 100 | Duration in milliseconds for each character typed |
| as | React.ElementType | "span" | The component type to render |