Philosophy
Polaris is the design system for the Shopify admin. If you’re just starting out with Polaris, here’s a list of recommended resources and guidance to get you started.
Principles
- Commerce-focused design
- Accessible
- Consistent Shopify admin experience
- Empowering for merchants
Components
Account ConnectionAction ListApp ProviderAutocompleteAvatarBadgeBannerBleedBlock StackBoxButtonButton GroupCallout CardCaptionCardCheckboxChoice ListCollapsibleColor PickerComboboxContextual Save BarData TableDate PickerDescription ListDisplay TextDividerDrop ZoneEmpty StateException ListFiltersFooter HelpFormForm LayoutFrameFullscreen BarGridHeadingIconInline ErrorInline GridInline StackKeyboard KeyLayoutLegacy CardLegacy FiltersLegacy StackLegacy TabsLinkListListboxLoadingMedia CardModalNavigationOption ListPagePage ActionsPaginationPopoverProgress BarRadio ButtonRange SliderResource ItemResource ListScrollableSelectSetting ToggleSheetSkeleton Body TextSkeleton Display TextSkeleton PageSkeleton TabsSkeleton ThumbnailSpinnerSubheadingTabsTagTextText ContainerText FieldText StyleThumbnailToastTooltipTop BarVideo ThumbnailVisually Hidden
Details
- Platforms
- web
- Tech
- reactweb-components
- Features
- tokensthemingicons
- Last updated