Components
Pebble includes 11 components, all built with CSS Modules, design tokens, and React.forwardRef.
| Component | Description |
|---|---|
| Button | Primary actions, ghost, danger variants |
| Input | Text input with label and error state |
| Textarea | Multi-line text input |
| Select | Custom dropdown with glass surface |
| Checkbox | Controlled checkbox with indeterminate state |
| Badge | Status labels — neutral, success, warning, danger |
| Avatar | User avatar with image or initials fallback |
| Card | Glass surface container |
| Modal | Dialog overlay with backdrop blur |
| Tooltip | Contextual hint on hover/focus |
| Spinner | Loading indicator with gradient animation |
Last updated on