chore: Remove older UI (#11720)
This commit is contained in:
@@ -25,13 +25,13 @@ const handleTabChanged = tab => {
|
||||
<template>
|
||||
<Story title="Components/TabBar" :layout="{ type: 'grid', width: '920px' }">
|
||||
<Variant title="Default">
|
||||
<div class="p-4 bg-white dark:bg-slate-900">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TabBar :tabs="defaultTabs" @tab-changed="handleTabChanged" />
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
<Variant title="Custom Tabs with Initial Tab">
|
||||
<div class="p-4 bg-white dark:bg-slate-900">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TabBar
|
||||
:tabs="customTabs"
|
||||
:initial-active-tab="1"
|
||||
@@ -41,7 +41,7 @@ const handleTabChanged = tab => {
|
||||
</Variant>
|
||||
|
||||
<Variant title="No Counts">
|
||||
<div class="p-4 bg-white dark:bg-slate-900">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TabBar
|
||||
:tabs="[{ label: 'Tab 1' }, { label: 'Tab 2' }, { label: 'Tab 3' }]"
|
||||
@tab-changed="handleTabChanged"
|
||||
@@ -50,7 +50,7 @@ const handleTabChanged = tab => {
|
||||
</Variant>
|
||||
|
||||
<Variant title="Single Tab">
|
||||
<div class="p-4 bg-white dark:bg-slate-900">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TabBar
|
||||
:tabs="[{ label: 'Single Tab', count: 42 }]"
|
||||
@tab-changed="handleTabChanged"
|
||||
|
||||
Reference in New Issue
Block a user