The Design Systems
Beta
Categories
Systems
Info
Back
Polaris
Company
Shopify
Website
polaris.shopify.com
Follow
Blog
Twitter
Tags
SaaS
Guidelines
Accessibility
G
Accessibility
Colors
G
Color
Content
G
Content
Data visualizations
G
Data Visualizations
Icons
G
Icons
Illustrations
G
Illustration
Interaction states
G
Interactions
Sounds
G
Sounds
Spacing
G
Layout
Typography
G
Typography
Components
Action list
C
Dropdown Menu
Autocomplete
C
Autocomplete
C
Search
Avatar
C
Avatar
Badge
C
Badge
Banner
C
Banner
Button
C
Button
Button group
C
Button Group
Callout card
C
Callout
Caption
C
Typography
Card
C
Card
Checkbox
C
Checkbox
Choice list
C
Radio Button
Collapsible
C
Details
Color picker
C
Color Picker
Combobox
C
Combobox
Data table
C
Table
Date picker
C
Date Input
Description list
C
List
Display text
C
Typography
Drop zone
C
File Uploader
Empty state
C
Empty State
Exception list
C
List
Filters
C
Filter
Form
C
Form
Form layout
C
Form
Heading
C
Typography
Icon
C
Icon
Index table
C
Table
Inline error
C
Message
Layout
C
Layout
Link
C
Link
List
C
List
Listbox
C
List
Loading
C
Loading
Media card
C
Card
Modal
C
Modal
Navigation
C
Navigation
Option list
C
List
Pagination
C
Pagination
Popover
C
Popover
Progress bar
C
Progress Bar
Radio button
C
Radio Button
Range slider
C
Slider
Resource list
C
List
Select
C
Select
Skeleton body text
C
Skeleton
Skeleton display text
C
Skeleton
Skeleton page
C
Skeleton
Skeleton thumbnail
C
Skeleton
Spinner
C
Spinner
Stepper
C
Progress Steps
Subheading
C
Typography
Tabs
C
Tabs
Tag
C
Tag
Text container
C
Typography
Text field
C
Text Field
Text style
C
Typography
Toast
C
Toast
Tooltip
C
Tooltip
Visually hidden
C
Typography
Patterns
Designing onboarding flows
P
Onboarding
