m3-baseui

Carousel

横スクロールカルーセル。Carousel.Root / Item で各スライドを配置します。

参考: Material Design 3 公式ガイドライン m3.material.io/components/carousel/overview

Import

import { Carousel, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<Carousel.Root aria-label="ギャラリー">
  <Carousel.Item>スライド 1</Carousel.Item>
  <Carousel.Item>スライド 2</Carousel.Item>
</Carousel.Root>

Props

Prop型既定値説明
Carousel.Itemcomponent—各スライド