AppNavi

Props

AppNavi props

NameRequiredTypeDescription
label-string, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalラベルのテキスト
buttons-(AppNaviButtonProps | AppNaviAnchorProps | AppNaviDropdownProps | AppNaviCustomTagProps)[]表示するボタンの Props の配列
isCurrentUnclickable-false, trueアクティブ状態のボタンがクリック可能かどうか
children-string, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortal追加で表示する内容
className-stringコンポーネントに適用するクラス名
displayDropdownCaret-false, trueドロップダウンにキャレットを表示するかどうか

AppNaviButton props

NameRequiredTypeDescription
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalボタンのテキスト
icon-ComponentClass<ComponentProps, any>, FunctionComponent<ComponentProps>表示するアイコンタイプ
current-false, trueアクティブ状態であるかどうか
onClick-(e: MouseEvent<HTMLButtonElement, MouseEvent>) => voidクリックイベントのハンドラ
isUnclickable-false, true

AppNaviAnchor props

NameRequiredTypeDescription
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalアンカーのテキスト
hreftruestringアンカーの href
icon-ComponentClass<ComponentProps, any>, FunctionComponent<ComponentProps>表示するアイコンタイプ
current-false, trueアクティブ状態であるかどうか
isUnclickable-false, true

AppNaviDropdown props

NameRequiredTypeDescription
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalボタンのテキスト
dropdownContenttruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalドロップダウンのコンテンツ
icon-ComponentClass<ComponentProps, any>, FunctionComponent<ComponentProps>表示するアイコンタイプ
current-false, trueアクティブ状態であるかどうか
isUnclickable-false, true
displayCaret-false, true

AppNaviCustomTag props

NameRequiredTypeDescription
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalボタンのテキスト
tagtrueComponentClass<any, any>, FunctionComponent<any>このボタンのカスタムタグ
icon-ComponentClass<ComponentProps, any>, FunctionComponent<ComponentProps>表示するアイコンタイプ
current-false, trueアクティブ状態であるかどうか
isUnclickable-false, true