본문으로 건너뛰기

Border System Props

테두리를 설정할 수 있는 Prop입니다.

Border Props

속성타입설명크로스플랫폼 지원
borderWidthnumber테두리 두께
borderColorColorToken테두리 색상
borderStyleBorderStyle테두리 스타일
borderRadiusnumber모서리 곡률
roundednone | sm | md | lg | xl | xxlfull모서리 곡률 단계
outlineWidthnumber외곽선 두께
outlineColorColorToken외곽선 색상
outlineStyleOutlineStyle외곽선 스타일
outlineOffsetnumber외곽선 오프셋

추가적으로 borderTopWidth, borderTopLeftRadiusLevel와 같이 특정 방향에 대한 테두리 스타일을 지정할 수 있습니다.

타입

BorderStyle

테두리 스타일을 지정합니다. 크로스플랫폼 지원을 위해 3가지의 타입만 지원합니다.

설명
solid실선
dashed점선
none테두리 없음

OutlineStyle

외곽선 스타일을 지정합니다. 크로스플랫폼 지원을 위해 2가지의 타입만 지원합니다.

설명
solid실선
none테두리 없음