Notification settings
Channels as switches and topics as grouped checkboxes with descriptions, saved with a confirmation.
All blocks
Settings blocks
Settings pages with labelled switches, checkboxes and actions that confirm what changed.
3 variants. Every block is one file built from CK-UI components and works in light and dark mode.
Integrations
Connected apps with a labelled switch each, one unavailable with its reason, and a filter for what is connected.
npm packages
npm install @radix-ui/react-avatar @radix-ui/react-label @radix-ui/react-slot @radix-ui/react-switch @radix-ui/react-tabsAPI keys
Create a key, copy it while it is shown, confirm you saved it, and revoke keys behind a confirmation dialog.
CK-UI components
Also copy the files they import: Label, ThemeScope.
npm packages
npm install @radix-ui/react-checkbox @radix-ui/react-dialog @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-icons