공지 배너

실험primitive

안내·경고·오류·성공을 띠 형태로 알리는 배너입니다. 성격에 따라 색이 달라집니다.

@tissue-ui/layout-react

설치

bash

npm install @tissue-ui/layout-react

tsx

import { NoticeBar } from "@tissue-ui/layout-react";

안내

안내 배너입니다.

tone

closeable

tsx

<NoticeBar tone="info">안내 배너입니다.</NoticeBar>

톤별

안내

정보성 안내 배너입니다.

성공

저장이 완료되었습니다.

주의

곧 만료됩니다.

오류

오류가 발생했습니다.

닫기 가능

closeable 을 켜면 닫기 버튼이 붙고, 닫을 때 onClose 가 실행됩니다.

안내

공지: 다음 주 정기 점검이 있습니다.

본문에 링크 넣기

배너 본문에 링크·버튼 같은 요소를 함께 넣을 수 있습니다.

주의

저장 공간이 거의 찼습니다. 플랜 업그레이드

속성	타입	설명
tone	info \| warning \| danger \| success	배너 성격입니다 (안내·경고·오류·성공). 오류일 때 더 강하게 알립니다.
children	node	배너에 담을 내용입니다.
closeable	boolean	닫기 버튼을 보일지 정합니다.
onClose	node	닫을 때 실행됩니다.

위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.

상태

default

이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.