Skip to main content

Callout

Callout 은 유저가 행동한 결과 값에 따른 정보를 전달 해야할 때 뿐만 아니라 일반적인 추가 정보를 전달 해야 할때 사용하는 컴포넌트 입니다.

Loading...

How to use

import { Callout } from '@vibrant-ui/components';

Properties

PropTypeDefaultDescription
title(*)stringCallout 의 제목으로 보여지는 값
contentsstringCallout 의 본문으로 보여지는 값. renderContents 와 함께 사용할 수 없습니다.
renderContents() => ReactElementChildCallout 의 본문으로 보여지는 값. content 와 함께 사용할 수 없습니다.
kinddefault | informative | error | warning | successdefaultCallout 의 종류를 지정합니다.
buttonTextstringCallout 내부에 위치하는 버튼에 등록되는 값
onButtonClick() => void버튼이 클릭되었을 경우 실행할 함수

Usage

종류

Loading...

버튼

Callout 내부에 있는 버튼을 사용하려면 buttonTextonButtonClick 을 함께 제공해주어야 합니다.

Loading...
Previous
BreadCrumbs