Sdaia Touch Switch · SDAIA Design System

Home PatternsSdaia Touch Switch

Introduction Installation FAQ Brands

Typography Spacing Radius Grid layouts All Tokens

Accordion Activity Area Chart Audio Player Avatar AvatarGroup Carousel Image Chart Chip Code Snippet Column Chart Context Menu Digital Stamp Divider Donut Chart Draggable List Dropdown Empty State Filtration Footer Image Viewer Line Chart List Media Gallery Menu Metric Nav Bar Nav Header Number PDF Viewer Pie Chart Popover Progress Circle Quote Radial Stepper Scatter Second Nav Header Slideout Menu Structured List Table Table of Content Tree View Vertical Tabs Video Player

Agent Activity Agent Card Agent Handoff AI Citation AI Code Block AI Disclaimer AI Message AI Message Bubble AI Prompt Input AI States AI Status Indicator AI Suggested Prompts AI Thinking Indicator Artifact Viewer Citation Context Manager Prompt Context Prompt Suggestion Prompt Template Prompt Variable Reasoning Trace Source Explorer Source Group Source Reference Thinking Panel Tool Activity Feed Tool Call Tool Status Row Tool Timeline Item Voice Session

Breadcrumb Button Button Menu Button Split Content Switcher Date Picker Floating Button Horizontal Tabs Link Modal Pagination Radio Button Switch Tag

Autocomplete Checkbox File Upload Number Input Range Slider Rich Text Editor Select Signature Slider Text Area Text Input

Alerts Badge Card Feedback Feedback Overview Help Icon Loading Indicator Notification Banner Notification Popup Notifications Progress Bar Rating Rating Overview Skeleton Skeleton/Avatars Tooltip

Sdaia Logo Animation

Sdaia Touch Buttons Sdaia Touch Switch

Sdaia Touch Switch · SDAIA Design System

Overview

Each variant inherits the signature SDAIA hover animation.

Default

Switch Default with SDAIA Touch.

Loading demo: switch-with-sdaia-touch-default

Sizes

Sizes of the Switch with SDAIA Touch.

Loading demo: switch-with-sdaia-touch-sizes

Sdaia Touch Buttons

On this page