Select

ใช้แสดง Select Field

Usage

<snt-select 
  value="Red"
  :items="['Red', 'Green', 'Blue']">
</snt-select>

API

• snt-select

Examples

เลือก Sorting ใน <snt-all-products>

<snt-all-products #default="{ sortItems, selectOrderBy, filters }">
  <snt-select
    :value="filters.orderBy"
    :items="sortItems"
    prepend-icon="mdi-sort"
    hide-details
    outlined
    dense
    @change="selectOrderBy($event)">
  </snt-select>
</snt-all-products>

เลือกวิธีการชำระเงินใน <snt-payment-methods>

<snt-payment-methods #default="{ value, items, selectMethod }">
  <snt-select
    :value="value"
    :items="items"
    placeholder="เลือกวิธีขำระเงิน"
    dense
    outlined
    @change="selectMethod($event)">
  </snt-select>
</snt-payment-methods>