Tabs
详情页使用下划线标签页,页面标题栏使用胶囊标签页。
The gateway answered in 1.2 s.
<Tabs defaultValue="overview" className="w-480">
<Tabs.List aria-label="Request">
<Tabs.Tab value="overview">Overview</Tabs.Tab>
<Tabs.Tab value="conversation">Conversation</Tabs.Tab>
<Tabs.Tab value="request">Request</Tabs.Tab>
<Tabs.Tab value="response">Response</Tabs.Tab>
</Tabs.List>
<Tabs.Panel value="overview" className="pt-16 text-body text-fg-secondary">
The gateway answered in 1.2 s.
</Tabs.Panel>
</Tabs>import { Tabs, PillTabs } from "@logicplanes/kaeso-ui";属性
childrenReactNode标签列表和面板。
defaultValuestring首次渲染时选中的标签页。
onValueChange((value: string) => void)调用时传入选中的标签页。
valuestring受控时选中的标签页。
variant"pill" | "underline"用于页面的下划线标签页,或用于小分组的胶囊。