OLYSENSE Design System
About OLYSENSE DS
Core Leadership
What's New
FAQ
Getting Started
Quick Start
Contributing
Overview
Design Principles
Best Practices
Design Contribution
Issue Tracker
Foundations
Overview
Color System
Accessibility
Web Components
React
Customization
ODS Icons
Design Tokens
Get Started
Token Naming
Border
Breakpoint
Color
Duration
Elevation
Focus
Shadow
Size
Space
Typography
v1 (Deprecated)
Border
Breakpoint
Color
Duration
Elevation
Focus
Shadow
Size
Space
Typography
Components
Component List
Alert
Badge
Button
Button Group
Icon Button
Breadcrumb
Breadcrumb Item
Calendar
Card
Checkbox
Command
Date Picker
Dialog
Divider
Drawer
Icon
Input
Menu
Menu Item
Menu Label
Menu Header
Progress Bar
Progress Ring
Radio Group
Radio
Range
Segmented Group
Segmented Item
Select
Option
Side Nav
Side Nav Menu
Side Nav Menu Section Label
Side Nav Menu Item
Side Nav Menu Group
Side Nav Menu Group Item
Skeleton
Switch
Spinner
Table
Tab Group
Tab
Tab Panel
Tag
Textarea
Tooltip
Visually Hidden
Patterns
Pattern List
Application Bar
Application Switcher
Application User Menu
Application Switcher Button
Application Footer
Combobox
Data Table
Dropdown
Forms
Form Data
Form Validation
React Form Libraries
Inline Panel
Page Header
Popover
Stats Card
Layouts
Layout List
Shell Layout
Navigation Layout
Page Layout
Inline Panel Layout
Style Utilities
Get Started
Layout
Block
Grid
Inline
Spacing
Container
Typography
Border Tokens
Border Radius Tokens
Border Width Tokens
Usage
div
{
border-radius
:
var
(
--ods-sys-border-radius-md
);
}
Search