siddcn
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.

SimpleButton
import { SimpleButton } from 'siddcn';

<SimpleButton 
  label="Click me" 
  onPress={() => console.log('Pressed!')} 
/>

Props

PropTypeDefaultDescription
labelstring-Button label text
onPress() => void-Callback when pressed

Primary Button

A styled primary action button with theme colors.

PrimaryButton
import { PrimaryButton } from 'siddcn';

<PrimaryButton label="Submit" />

Danger Button

A button for destructive actions with red styling.

DangerButton
import { DangerButton } from 'siddcn';

<DangerButton label="Delete" />

Glow Button

Animated glowing border button with pulsing effect.

GlowButton
import { GlowButton } from 'siddcn';

<GlowButton label="Glow Effect" />

Pulse Button

Pulsating animated button that draws attention.

PulseButton
import { PulseButton } from 'siddcn';

<PulseButton label="Pulse" />

Icon Button

A button with a leading icon character.

IconButton
import { IconButton } from 'siddcn';

<IconButton 
  icon=">" 
  label="Continue" 
/>

Props

PropTypeDefaultDescription
iconstring-Icon character
labelstring-Button label text

Keyboard Navigation

All buttons respond to:

  • Enter - Activate the button
  • Space - Activate the button
  • l - Activate (vim-style)