# snt-carousel

ภาพสไลด์

# Component Pages

• carousel

# Props

# value

The designated model value for the component.

• Type: String | Number
• Default: 0

# items

carousel images

• Type: Array<item>
• Default: []

item

{
  src: string // url รูปภาพ
  href: string // link เมื่อกดรูปภาพ
  label: string // label ของรูป
}

# height

• Type: String | Number
• Default: 400px

# show-arrows

Displays arrows for next/previous navigation.

• Type: Boolean
• Default: true

# show-arrows-on-hover

Displays navigation arrows only when the carousel is hovered over.

• Type: Boolean
• Default: true

# hide-delimiters

Hides the carousel’s bottom delimiters.

• Type: Boolean
• Default: true

# hide-delimiter-background

Hides the bottom delimiter background.

• Type: Boolean
• Default: true

# interval

The duration between image cycles. Requires the cycle prop.

• Type: String | Number
• Default: 6000

# cycle

Determines if the carousel should cycle through images.

• Type: Boolean
• Default: false

# contain

ย่อภาพให้ลงภายในกรอบ carousel

• Type: Boolean
• Default: false

# Slots

# label

label ของ item ใน carousel (ดูตัวอย่างการใช้งานในหน้า ui)

{
  index: number,
  item: {
    sequence: number,
    src: string,
    href: string,
    label: string,
    visible: boolean
  }
}