CSDComponents
  • Home
  • Getting Started
  • Components
⌘K
CSDComponents
HomeGetting StartedComponents

Components

Browse all UI components

ButtonCheckboxRadioInputTextareaSelectToggleRange
Number InputPassword InputSearch BarRich Text EditorOTP Input
ButtonSplit ButtonToggle ButtonFloating Action Button
AccordionBreadcrumbCardListSplitterStepperTimelineReorder
BadgeChipTagSegment
Calendar
Menu BarTabSidebar
LoadingModalPopoverToastToolbar

Components

Browse all UI components

Form Controls

Button

Standard, outline and icon buttons in various sizes

Checkbox

Selection controls for multiple options

Radio

Selection controls for single options

Input

Text input fields with validation support

Textarea

Multi-line text input fields

Select

Dropdown menus for selecting options

Toggle

On/off switches for binary options

Range

Range

Slider controls for numeric inputs

Advanced Inputs

Number Input

Number Input

Input fields for numeric values

Password Input

Password Input

Secure input fields with visibility toggle

Search Bar

Input fields optimized for search

Rich Text Editor

Rich Text Editor

WYSIWYG text editing component

OTP Input

OTP Input

One-time password verification fields

Actions

Button

Standard, outline and icon buttons in various sizes

Button with primary and dropdown actions

Split Button

Button with primary and dropdown actions

Toggle Button
Buttons that can be toggled on/off

Toggle Button

Buttons that can be toggled on/off

Floating Action Button

Floating Action Button

Prominent buttons for primary actions

Layout

Accordion

Accordion

Expandable panels for organizing content

Breadcrumb

Breadcrumb

Hierarchical navigation path indicators

Card

Card

Content containers with various layouts

List

List

Organized display of related items

Splitter

Splitter

Resizable dividers for layout panels

Stepper

Stepper

Step-by-step process navigation

Timeline

Timeline

Visualization of sequential events

Reorder

Reorder

Interactive item reordering controls

Data Display

Badge

Badge

Small count and status indicators

Chip

Chip

Compact interactive elements for data, attributes, or actions

Tag

Tag

Compact labels for categorization

Segment

Segment

Grouped buttons for related options

Date & Time

Calendar

Calendar

Date picker and calendar display

Navigation

Menu Bar

Menu Bar

Horizontal menus for navigation

Tab

Tab

Tabbed interface for content organization

Sidebar

Sidebar

Side navigation panels for applications

Feedback & Overlays

Loading

Loading

Spinners and progress indicators

Modal

Modal

Overlay dialogs for focused interactions

Popover

Popover

Contextual overlays for additional information

Toast

Toast

Brief status notification messages

Toolbar

Toolbar

Groups of related actions and tools

CSDComponents

Documentation

Getting StartedComponentsJS UtilitiesCSS Utilities

Resources

ExamplesTemplatesSupport

Community

GitHubContributingTeam

2025 CSD Components. All rights reserved.

Termini | Licenza | Privacy | Impostazioni Cookie