Jump to Navigation
Skip to Content
Salesforce
Lightning Design System
Search
Submit your search query
New Design
Release Notes
Getting Started
Platforms
Lightning
Overview
Styling Hooks
New Global Styling Hooks Guidance
Reference
Visualforce
Heroku
Android
iOS
Development Guidelines
Development Best Practices
Design Guidelines
Overview
Builder
Overview
Configuration
Canvas
Click to Create
Connectors
Drag and Drop
Header
Layout
Modals
Nodes
Panels
Popover
Validation
Zoom Controls
Color
Overview
Our Color System
Color Palettes
Color Accessibility
Conversation Design
Overview
Language and Style
Best Practices
Bot Personality
Accessibility and Inclusion
Resources & FAQ
Data Entry
Data Visualization
Charts
Metric Display
Displaying Data
Empty State
Iconography
In App Feedback
Overview
Scenarios
Research Strategy
Patterns
Layout
Loading
Localization
Markup and Style
Messaging UI
Overview
Conversation Publishers
Message Entries
A Conversation
Messaging UI Styling
Additional Accessibility Concerns
Navigation
Notifications
Overview
In-App, Out-of-App and Mobile Push Notifications
Patterns
Interface Feedback
Overview
Patterns
Rules, Filters, and Logic
Search
Global Search
In-Context Search
User Engagement
Overview
Onboarding
Feature Discovery and Adoption
Help and Trouble Shooting
Deeper Learning
Patterns
Voice and Tone
Kinetics
Overview
Principles
Personality
Choreography
Making Things Move
Design Transitions
Designing Component Motion
Kinetics & Interaction
Micro Patterns
Accessible Kinetics
Mobile Devices
Implementing Kinetics
Pattern Prototypes
Simple Components
Complex Components
Transitional Components
Know More
Accessibility
Overview
Guidelines
Web Design
Mobile Design
Keyboard Interaction
Global Focus
Text on Backgrounds
Patterns
Overview
Accordion
Listbox
Menu
Toggle Button
Tooltip
Color Contrast
Migration Guide
Known Issue with iframes
Global Color Styling Hooks
Component Blueprints
Overview
Accordion
Activity Timeline
Alert
App Launcher
Avatar
Avatar Group
Badges
Brand Band
Breadcrumbs
Builder Header
Button Groups
Button Icons
Buttons
Cards
Carousel
Chat
Checkbox
Checkbox Button
Checkbox Button Group
Checkbox Toggle
Color Picker
Combobox
Counter
Data Tables
Datepickers
Datetime Picker
Docked Composer
Docked Form Footer
Docked Utility Bar
Drop Zone
Dueling Picklist
Dynamic Icons
Dynamic Menu
Expandable Section
Expression
Feeds
File Selector
Files
Form Element
Global Header
Global Navigation
Icons
Illustration
Input
List Builder
Lookups
Map
Menus
Modals
Notifications
Page Headers
Panels
Path
Picklist
Pills
Popovers
Progress Bar
Progress Indicator
Progress Ring
Prompt
Publishers
Radio Button Group
Radio Group
Rich Text Editor
Scoped Notifications
Scoped Tabs
Select
Setup Assistant
Slider
Spinners
Split View
Summary Detail
Tabs
Textarea
Tiles
Timepicker
Toast
Tooltips
Tree Grid
Trees
Trial Bar
Vertical Navigation
Vertical Tabs
Visual Picker
Welcome Mat
Utilities
Alignment
Borders
Box
Description List
Floats
Grid
Horizontal List
Hyphenation
Interactions
Layout
Line Clamp
Margin
Media Objects
Name Value List
Padding
Position
Print
Scrollable
Sizing
Text
Themes
Truncation
Vertical List
Visibility
Design Tokens
Icons
Tools
Overview
Validator
Scope Customizer
Resources
Articles
Downloads
FAQ
Component Blueprints
Breadcrumbs
Share
Lightning Component
HTML/CSS:
Dev Ready
Web Component:
True
Layout:
Desktop Only