SListItem <s-list-item>

順序付きまたは順序なしリスト内の 1 つの項目。 SListItem は、Shopify Polaris の <s-list-item> web component 向けの型付き Vue 3 wrapper です。

import { SListItem } from 'polaris-vue-elements'

例

Free shipping over $5030-day returns24/7 customer supportAdd items to your cartReview your orderConfirm and check out

<script setup>
import { SUnorderedList, SOrderedList, SListItem, SStack } from 'polaris-vue-elements'
</script>

<template>
  <SStack direction="inline" gap="large-500" alignItems="start">
    <SUnorderedList>
      <!-- SListItem is the only accepted child of SUnorderedList/SOrderedList. -->
      <SListItem>Free shipping over $50</SListItem>
      <SListItem>30-day returns</SListItem>
      <SListItem>24/7 customer support</SListItem>
    </SUnorderedList>
    <SOrderedList>
      <SListItem>Add items to your cart</SListItem>
      <SListItem>Review your order</SListItem>
      <SListItem>Confirm and check out</SListItem>
    </SOrderedList>
  </SStack>
</template>

Props

Prop	型	説明
children	any	リストアイテム内に表示されるコンテンツです。リストアイテムは、順序付きリストまたは順序なしリストの 1 つの項目を表します。
id	string | undefined	要素の一意な識別子です。

Slots

Slot	説明
default	リストアイテム内に表示されるコンテンツです。リストアイテムは、順序付きリストまたは順序なしリストの 1 つの項目を表します。