UncontrolledAlert
Anatomy
알럿을 구성하는 요소를 설명합니다.
Rules of Use
Icon variation
상황에 따라 왼쪽 아이콘을 변경하여 사용할 수 있습니다.
Spacing
상하 마진은 4의 배수 혹은 8의 배수를 권장합니다.
Import
import { UncontrolledAlert } from '@goorm-dev/vapor-components';Examples
Props
| name | description | default |
|---|---|---|
| toggle | 닫기 버튼을 토글할 때 사용할 함수. toggle 함수가 null이면 닫기 버튼이 렌더링 되지 않습니다. | |
| className | 추가적인 스타일을 적용할 클래스명 | |
| leftIcon | 알림 아이콘 | |
| closeClassName | 닫기 버튼에 추가적인 스타일을 적용할 클래스명 | |
| closeAriaLabel | 닫기 버튼의 aria-label | |
| cssModule | CSS Module | |
| color | color primarysuccesswarningdangerhintcontrast | |
| fade | Alert가 나타나거나 사라질 때 트랜지션을 사용할지 여부 | true |
| tag | 렌더링할 컴포넌트 태그를 변경 string | div |
| transition | Alert가 나타나거나 사라질 때 사용할 트랜지션 | |
| innerRef | Alert의 ref |