CSC Design System Components
CS
COMPONENT LIBRARY

Explore components

Choose a variation, test its behavior, and copy the implementation.

22 results

standard
Buttons

Action buttons with semantic styles, sizes, shapes, and loading states.

11 variants · Actions
standard
Text inputs

Labeled fields with hint, error, success, and three visual treatments.

4 variants · Data entry
approved
Select controls

Single select, compact select, and a searchable combobox.

3 variants · Data entry
standard
Dialogs and modals

Focus-trapped dialogs for review, editing, and confirmation.

5 variants · Overlays
standard
Sidebars

Five navigation shells with collapse, nesting, and a narrow-width layout.

5 variants · Navigation
approved
Navigation bars

Top bars for public sites and compact application headers.

4 variants · Navigation
standard
Breadcrumbs

Show where the current page sits in the application.

3 variants · Navigation
standard
Cards

Content containers and metric panels.

5 variants · Data display
standard
Data tables

Sortable, searchable tables with an optional card layout.

4 variants · Data display
standard
Tabs

Switch between related sections without leaving the page.

4 variants · Navigation
standard
Badges and statuses

Compact status labels that pair color with text.

5 variants · Data display
standard
Alerts

Persistent notices that use an icon and text, not color alone.

4 variants · Feedback
approved
Toast notifications

Short-lived confirmation that can be dismissed.

3 variants · Feedback
approved
Dropdown menus

Menus for row actions, profile links, and grouped commands.

3 variants · Navigation
approved
Accordions

Expand and collapse related explanations.

3 variants · Data display
standard
Pagination

Move through long result sets.

3 variants · Navigation
approved
Step indicators

Show progress through a multi-stage process.

3 variants · Patterns
approved
File uploaders

Choose a file, drop a file, or use a compact picker.

3 variants · Data entry
approved
Date pickers

Pick a single date or a start and end date from the keyboard or calendar.

2 variants · Data entry
approved
Dashboard shells

Application frames with different navigation density.

4 variants · Layouts
approved
Charts

SVG bar and line charts that resize with their container.

2 variants · Data display
approved
Application form

A three-step application form with validation.

1 variants · Patterns