본문으로 건너뛰기

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테두리 없음
이전
Background System Props