Components

62 typed Vue wrappers, one per Polaris web component, grouped the way Shopify's own reference groups them.

Actions

• SButton<s-button>
• SButtonGroup<s-button-group>
• SClickable<s-clickable>
• SClickableChip<s-clickable-chip>
• SLink<s-link>
• SMenu<s-menu>
• SPressButton<s-press-button>

Feedback and status

• SBadge<s-badge>
• SBanner<s-banner>
• SEmptyState<s-empty-state>
• SProgress<s-progress>
• SSpinner<s-spinner>

Forms

• SCheckbox<s-checkbox>
• SChoice<s-choice>
• SChoiceList<s-choice-list>
• SColorField<s-color-field>
• SColorPicker<s-color-picker>
• SDateField<s-date-field>
• SDatePicker<s-date-picker>
• SDropZone<s-drop-zone>
• SEmailField<s-email-field>
• SMoneyField<s-money-field>
• SNumberField<s-number-field>
• SOption<s-option>
• SOptionGroup<s-option-group>
• SPasswordField<s-password-field>
• SSearchField<s-search-field>
• SSelect<s-select>
• SSwitch<s-switch>
• STextArea<s-text-area>
• STextField<s-text-field>
• SUrlField<s-url-field>

Layout and structure

• SBox<s-box>
• SDivider<s-divider>
• SGrid<s-grid>
• SGridItem<s-grid-item>
• SListItem<s-list-item>
• SOrderedList<s-ordered-list>
• SPage<s-page>
• SQueryContainer<s-query-container>
• SScrollBox<s-scroll-box>
• SSection<s-section>
• SStack<s-stack>
• STable<s-table>
• STableBody<s-table-body>
• STableCell<s-table-cell>
• STableHeader<s-table-header>
• STableHeaderRow<s-table-header-row>
• STableRow<s-table-row>
• SUnorderedList<s-unordered-list>

Media and visuals

• SAvatar<s-avatar>
• SIcon<s-icon>
• SImage<s-image>
• SThumbnail<s-thumbnail>

Overlays

• SModal<s-modal>
• SPopover<s-popover>

Typography and content

• SChip<s-chip>
• SHeading<s-heading>
• SNumber<s-number>
• SParagraph<s-paragraph>
• SText<s-text>
• STooltip<s-tooltip>