Tabs

Tabsは、関連するコンテンツをグループ化し、タブを切り替えることで表示内容を変更できるコンポーネントです。

プロパティ

Tabsは、以下のプロパティをサポートしています。

名前	型	デフォルト値	説明
`tabs`	`TabsItem[]`		タブ項目の配列を渡します。
`currentTabId`	`number \| string`		現在選択されているタブのIDを指します。

TabsItemは、タブ内の情報を表すオブジェクトです。

名前	型	デフォルト値	説明
`id`	`number \| string`		タブ項目のidです。
`label`	`string`		タブの項目名です。
`disabled`	`boolean`	`false`	タブを無効化します。操作できません。

以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。
パスは実際のプロジェクトの構成にあわせて更新してください。

特に操作が行われていない、デフォルトの状態です。

currentTabIdを指定することで、任意のタブを選択状態にすることも可能です。

利用不可の状態です。