shoelace/docs/pages/components/tab.md at tinycolor-update

mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 19:19:13 +00:00

Files

Cory LaViska 1383ea3fe8 React import paths (#1507 )

* fix react imports in examples

* move types to definition files

* update changelog

* update changelog

2023-08-11 13:09:44 -04:00

620 B

Raw Permalink Blame History

meta, layout

meta

layout

title	description
Tab	Tabs are used inside tab groups to represent and activate tab panels.

component

<sl-tab>Tab</sl-tab>
<sl-tab active>Active</sl-tab>
<sl-tab closable>Closable</sl-tab>
<sl-tab disabled>Disabled</sl-tab>

import SlTab from '@shoelace-style/shoelace/dist/react/tab';

const App = () => (
  <>
    <SlTab>Tab</SlTab>
    <SlTab active>Active</SlTab>
    <SlTab closable>Closable</SlTab>
    <SlTab disabled>Disabled</SlTab>
  </>
);

:::tip Additional demonstrations can be found in the tab group examples. :::

620 B Raw Permalink Blame History

620 B

Raw Permalink Blame History