InformationPanel
ユーザーに情報を伝えるために、他の要素より視覚的に目立たせるためのコンポーネントです。伝えたい情報の種類によってアイコンを切り替えて使います。
Props
title必須
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal
パネルのタイトル
titleTag非推奨
"h1""h2""h3""h4""h5""h6"
@deprecated titleTagは非推奨です
type
"error""warning""info""success""sync"
表示する情報のタイプ
togglable
falsetrue
true
のとき、開閉ボタンを表示する
active
falsetrue
パネルの開閉の状態
onClickTrigger
(active: boolean) => void
開閉ボタン押下時に発火するコールバック関数
decorators
DecoratorsType<"openButtonLabel" | "closeButtonLabel">
コンポーネント内の文言を変更するための関数を設定
ref
(instance: HTMLDivElement) => voidRefObject<HTMLDivElement>