All Components
Buttons
Interactive button components for terminal UIs.
Buttons
Interactive button components for terminal UIs. 6 variants available.
Simple Button
A basic button with label and optional callback.
import { SimpleButton } from 'siddcn';
<SimpleButton
label="Click me"
onPress={() => console.log('Pressed!')}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Button label text |
onPress | () => void | - | Callback when pressed |
Primary Button
A styled primary action button with theme colors.
import { PrimaryButton } from 'siddcn';
<PrimaryButton label="Submit" />Danger Button
A button for destructive actions with red styling.
import { DangerButton } from 'siddcn';
<DangerButton label="Delete" />Glow Button
Animated glowing border button with pulsing effect.
import { GlowButton } from 'siddcn';
<GlowButton label="Glow Effect" />Pulse Button
Pulsating animated button that draws attention.
import { PulseButton } from 'siddcn';
<PulseButton label="Pulse" />Icon Button
A button with a leading icon character.
import { IconButton } from 'siddcn';
<IconButton
icon=">"
label="Continue"
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | string | - | Icon character |
label | string | - | Button label text |
Keyboard Navigation
All buttons respond to:
Enter- Activate the buttonSpace- Activate the buttonl- Activate (vim-style)