Separator

콘텐츠를 시각적으로 또는 시맨틱하게 구분해 주는 컴포넌트예요.

출처: 문서

본문

두 영역 사이에 구분선을 그려 주거나, 화면 리더 등에 구분을 시맨틱하게 알려 주는 컴포넌트예요. 가로/세로 방향을 모두 지원해요.

모든 파트를 임포트해 조립해요.

import { Separator } from "radix-ui";

export default () => <Separator.Root />;

구분선 자체예요.

Data attribute	Values
`[data-orientation]`	`"vertical" \| "horizontal"`