Callout
Callout은 중요한 정보를 시각적으로 강조하여 사용자에게 전달하는 메시지 컴포넌트입니다.Examples
Callout with Icon
Callout의 역할을 직관적으로 표현하기 위해 아이콘과 함께 사용합니다.
Property
ColorPalette
Callout의 역할에 따른 색상을 설정합니다.
Props Table
Callout.Root
공지, 팁, 경고 같은 짧은 메시지를 강조하는 색상 상자인 Callout 복합 컴포넌트의 루트. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
colorPalette? | primary | hintprimarysuccesswarningdangercontrast |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
Callout.Icon
Callout 안에 아이콘을 담으며, 크기는 텍스트 한 줄의 높이에 맞춥니다. <div> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |