Skip to Content

Axiom Design System

Guides Components Styling

- Getting Started
- Installation
- Guides
- CSS Imports
- CSS Layers
- Icons
- React Select
- Primitives
- Box
- Flex
- Grid
- Separator
- Providers
- AxiomProvider
- Components
- Alert
- AlertDialog
- Avatar
- Badge
- Banner
- Breadcrumb ALPHA
- Button
- Calendar ALPHA
- Card ALPHA
- Checkbox
- Combobox ALPHA
- DataTable ALPHA
- DateInput ALPHA
- DatePicker ALPHA
- DateRangePicker ALPHA
- Dialog
- Disclosure
- DropdownMenu
- Field
- Heading
- Indicator
- Input
- Link
- Pagination
- Pill ALPHA
- Popover
- Progress
- RadioGroup
- SearchInput
- SegmentedControl
- Select ALPHA
- Sidebar
- Skeleton
- Spinner
- Switch
- Table ALPHA
- Tabs
- Text
- Textarea
- Toast
- ToggleButton
- Tooltip
- Utilities
- ModalLayer
- Styling
- Style Props
- Design Tokens
- Responsive Styles
- Colors
- Layout
- Align Items
- Align Self
- Display
- Flex
- Flex Direction
- Flex Wrap
- Gap
- Grid Column
- Justify Content
- Margin
- Padding
- Z-Index
- Sizing
- Height
- Max Height
- Max Width
- Size
- Width
- Typography
- Font Family
- Font Size
- Text Color
- Backgrounds
- Background Color
- Borders
- Border Color
- Border Radius
- Border Width
- Effects
- Box Shadow
- Transitions & Animation
- Animation
- Transition Property

Axiom Design System

Axiom is a modular design system for efficiently designing and building UI at Optimizely.

Last updated on March 7, 2025

Copyright 2024-present © Optimizely.