CarouselArrow

캐러셀의 이전/다음 페이지로 이동할 수 있는 화살표 버튼 컴포넌트입니다.

인터랙티브 예제

아래 UI에서 다양한 속성을 직접 변경하여 CarouselArrow 컴포넌트의 모습을 확인해보세요.

typeselect

화살표의 타입

sizeselect

화살표의 크기

chevronselect

화살표의 방향

import { CarouselArrow } from '@ncds/ui-admin';

<CarouselArrow size="md" chevron="left" />;
<CarouselArrow size="md" chevron="right" />;

Prop	Type	Default	Description
type	'default' \| 'line'	'default'	화살표 버튼의 스타일을 지정합니다.
size	'md'	-	화살표 버튼의 크기를 지정합니다.
chevron	'left' \| 'right'	-	화살표의 방향을 지정합니다.
onClick	() => void	-	버튼 클릭 시 실행할 함수입니다.
className	string	-	추가적인 CSS 클래스를 지정합니다.