COMPONENTS / ACTIONS
Buttons
Action buttons with semantic styles, sizes, shapes, and loading states.
standardv1.0.0verifiedFigma linked
Design variations
Primary
Secondary
Outline
Ghost
Soft
Danger
Success
Link
Icon
Split
Group
Implementation
// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { Button } from '@csc/ui';
export function Example() {
return (
<Button variant="primary" size="md" shape="rounded" icon="none" state="default">Submit application</Button>
);
}Agent prompt
Copy a prompt for this component from the AI Development Hub.
When to use it
Action buttons with semantic styles, sizes, shapes, and loading states.
Dependencies: class-variance-authority, lucide-react. Source: packages/ui/src/button.tsx. 1.0.0 — Primary, soft, outline, ghost, text, icon, split, and group variants.