OCSS · DS

Guides

Foundations

Actions

Button Icon Button Button Group Toggle Group Interactive Chip Link

Inputs

Field Input Textarea Select Combobox Checkbox Radio Group Switch Input Group Search Field

Layout

Card Panel Separator Sheet Dialog Tabs Accordion Disclosure

Navigation

Navbar Sidebar Breadcrumbs Pagination Table of Contents

Feedback

Badge Status Dot Tooltip Toast Banner Skeleton Progress Meter Stat Counter

Data display

Table Data List Avatar Logo Lockup Key Value

OCSS-specific

Signal Flow Conformance Cell Code Block Section Marker Accreditation Badge

Review & Editing

Document Editor Editable Heading Editor Toolbar Code Chip Redline Text Suggestion Card Change List Comment Pin Comment Thread Comment Composer Review Side Rail Review Header Doc TOC Doc Status Presence Avatars

InteractiveChip

States

Removable (onRemove)

Filter group (toggle)