Tabs

id・label・itemsを渡し、TabsControllerをtabsとして登録します。idと各valueは一意にします。

Highriseのタブと同じく、タブの並びの下に1pxの淡い灰色の罫線を一本引き、その上に白いタブ（1pxの淡い灰色の枠、上の角だけ角丸3px、高さ21px、12pxの文字）を3pxずつ空けて並べます。選んだタブは文字の太さと色を変えず、下の枠を白にして罫線を切り、下のパネルとつなげます。選んでいないタブはホバーすると名前に下線を引きます。iconは名前の前、countはHighriseの「3 People」と同じく、名前と同じ色と太さの数字を名前の後ろに出します（ピルにはしません）。無効なタブは形をそのままにし、文字だけを灰色にします。

初めはselectedのタブを選びます。省略した時や、見つからない・無効なタブの時は、最初の選べるタブを選びます。選べるタブが一つもない時は、タブを出さず「利用可能な項目はありません。」を出します。

タブを押すか矢印キーで移ると、すぐにそのパネルへ切り替えます。無効なタブは表示しますが、選べず、矢印キーでも飛ばします。

切り替えるとtabs:beforechange・tabs:changeを発火します。選んだタブをURLなどに残す時は、利用側で行います。

JavaScriptなしでは選んだタブのパネルだけを表示し、タブを押しても切り替わりません。