Overview
- Getting Started
- Loading States
- Forms
- Feature Flags
- Portal
- Show
- For
- Text
- Toggle
- Local Storage
Actions
- Button
- Icon Button
Communication
- Admonition
- Accordion
- Avatar
- Notifications
- Progress Indicators
- Tag
- Tooltip
Containment
- Confirm Modal
- Prompt Modal
- CTA Modal
- Modaldeprecated
- Dialog
- Table
Navigation
- Menu
- Tabs
Selection
- Drag & Drop
- Checkbox
- Date Picker
- Radio
- Rating
- Select
- Combobox
- Switch
Inputs
- Field
- Input
- Textarea
- Labeldeprecated
- Fieldset
- Field Messagedeprecated
- File Uploader
Hooks & Helpers
- split-props
- trap-focusdeprecated
- use-root-colors
- use-theme
- use-theme-context
- use-toggledeprecated
Components
Components are interactive building blocks for creating a user interface.
Installation
Install the Cerberus React library, with the package manager of your choice:
1pnpm add @cerberus/react@npm:@cerberus-design/reactTypescript
The Cerberus React library is written in TypeScript and includes type definitions for all components.
Customizing Icons
The Cerberus React library is Icon agnostic. This means you can use any Icon library you prefer. To customize the icons used in Cerberus React, you can use the defineIcons function to replace the default icons with your own.
See the Customizing Icons guide for more information.
Installation
Install the Cerberus React library, with the package manager of your choice:
1pnpm add @cerberus/react@npm:@cerberus-design/reactTypescript
The Cerberus React library is written in TypeScript and includes type definitions for all components.
Customizing Icons
The Cerberus React library is Icon agnostic. This means you can use any Icon library you prefer. To customize the icons used in Cerberus React, you can use the defineIcons function to replace the default icons with your own.
See the Customizing Icons guide for more information.