사용법
방향
side로 테두리가 적용될 방향을 선택해요. tone으로 기본·강조 스타일을 구분해요.
전체 테두리
강조 테두리
하단 구분선만
스타일 커스터마이징
Border는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Border className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
BorderProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| side | "all" | "top" | "bottom" | "left" | "right" | all | 테두리 방향 |
| tone | "default" | "accent" | default | 색상 톤 |
Border 컴포넌트 Props 표
가져오기
import { Border } from "@/components/ui/Border";