Callout
Callout은 중요한 정보를 시각적으로 강조하여 사용자에게 전달하는 메시지 컴포넌트입니다.Examples
Callout with Icon
Callout의 역할을 직관적으로 표현하기 위해 아이콘과 함께 사용합니다.
Property
ColorPalette
Callout의 역할에 따른 색상을 설정합니다.
Props Table
Callout.Root
Root of the Callout compound component, a colored box that highlights a short message such as a notice, tip, or warning. Renders a <div> element.
| Prop | Default | Type |
|---|---|---|
colorPalette? | primary | hintprimarysuccesswarningdangercontrast |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |
Callout.Icon
Holds an icon inside the callout, sized to the height of one line of its text. Renders a <div> element.
| Prop | Default | Type |
|---|---|---|
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |