Carousel

Import

import {Carousel} from '@astryxdesign/core/Carousel';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Carousel scrolls a row of items horizontally when they overflow the available width. Use it for card grids, image galleries, product lists, or any set of items that should be br...

Important props

Theming targets

Best practices

• DoEnable scroll-snap when each item should land precisely at the start edge, like a gallery or product list.
• DoAlways provide an aria-label that describes what the carousel contains, like "Featured products" or "Team members".
• DoUse a consistent gap and item width so the carousel looks intentional, not like content overflowing by accident.
• Do notUse a carousel for content every user must see. Not everyone scrolls horizontally, so put critical content above the fold.