Shipnity Website Document

# Carousel

ใช้ snt-carousel เพื่อทำภาพสไลด์

# Usage

  <snt-carousel
    :items="[
      { 
        src: 'https://picsum.photos/id/52/800/600'
      },
      { 
        src: 'https://picsum.photos/id/34/800/600'
      },
      { 
        src: 'https://picsum.photos/id/87/800/600'
      }
    ]">
  </snt-carousel>

# API

# Examples

# Custom Slide

<snt-carousel
  :items="[
    { 
      src: 'https://picsum.photos/id/109/800/600',
      label: 'Click me'
    },
    { 
      src: 'https://picsum.photos/id/65/800/600',
      label: 'Click me'
    },
    { 
      src: 'https://picsum.photos/id/24/800/600',
      label: 'Click me'
    }
  ]"
  height="600px">
  <template #label="{ item }">
    <snt-button 
      :label="item.label"
      :style="{ 
        position: 'absolute', 
        right: '50%',
        bottom: '10px'
      }">
    </snt-button>
  </template>
</snt-carousel>

← Card →