Skip to main content

Border System Props

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

Border Props

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

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

타입

BorderStyle

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

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

OutlineStyle

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

설명
solid실선
none테두리 없음
Previous
Background System Props