Cephalopod

Button Variants

Specialized button variants for different use cases.

Button Group

Horizontal

Vertical

Compact Button

Fancy Button

Link Button

or

Usage

Code Example
import { ButtonGroup, CompactButton, FancyButton, LinkButton } from "cephalopod-design-system"

// Button Group
<ButtonGroup>
  <Button>One</Button>
  <Button>Two</Button>
</ButtonGroup>

// Compact
<CompactButton>Small</CompactButton>

// Fancy
<FancyButton>Gradient</FancyButton>

// Link
<LinkButton>Text Link</LinkButton>