0.18.0 • Published 2 years ago

@reach/tabs v0.18.0

Weekly downloads
133,458
License
MIT
Repository
github
Last release
2 years ago

@reach/tabs

Stable release MIT license

Docs | Source | WAI-ARIA

An accessible tabs component.

The Tab and TabPanel elements are associated by their order in the tree. None of the components are empty wrappers, each is associated with a real DOM element in the document, giving you maximum control over styling and composition.

You can render any other elements you want inside of Tabs, but TabList should only render Tab elements, and TabPanels should only render TabPanel elements.

import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@reach/tabs";
import "@reach/tabs/styles.css";

function Example() {
	return (
		<Tabs>
			<TabList>
				<Tab>One</Tab>
				<Tab>Two</Tab>
				<Tab>Three</Tab>
			</TabList>

			<TabPanels>
				<TabPanel>
					<p>one!</p>
				</TabPanel>
				<TabPanel>
					<p>two!</p>
				</TabPanel>
				<TabPanel>
					<p>three!</p>
				</TabPanel>
			</TabPanels>
		</Tabs>
	);
}
gutenberg-block-components@asuite/seed-navigation@infinitebrahmanuniverse/nolb-_reach@everything-registry/sub-chunk-763td-stylekitreact-volume-viewersecretmapper-playgroundzzzz_playminerva-uigooey-guijobiqo-clizanagiizanagi-testpouncejspixorereact-flatifycssnew-reach-uireach-ui-forkreact-uirow-picker-reacttreighton-npmtest@alliance-software/djrad-devtools@allthecode/playground@agney/playground@builtbypixel/plasma@clearkit/react@codecademy/gamut@devtools-ds/navigation@dewcms/block-editorzz9988@e-win/react-component@hashicorp/react-pricing-feature-tabs@hashicorp/react-pricing-features@iampava-devtools-ds/navigation@hygraph/baukasten@getsynapse/design-system@manuscripts/manuscript-article-editor@nearst/ui@nathan22x3/playground@entur/tab@eyeem-ui/organisms@mikecodeur/react-course-app@kaizen/tabs@kaizen/components@joehua/dew-components@joshwcomeau/playground@kentcdodds/react-workshop-app@morqua-design/figma-styled-components@sakshamkathuria/playground@openhacking/playground@onrecess/playground@novvum/gatsby-theme-auth@ntragas/pouncejstest@play4them/design-system@play4them/fresco@pantheon-systems/design-toolkit-react@penrose/browser-ui@sidv1905/jsplayground-react@skillrecordings/player@solo.io/graphql-schema-viewer@seamonster-studios/bs-reach@serptech/ui-kit@drivy/cobalt@colisweb/reason-toolkit@convertkit/design@buzzcms/components@rtcamp/gb-components@theme-components/reach-tabs@theme-components/tabs@theme-stack/tabs@tiller-ds/date@tiller-ds/form-elements@tiller-ds/form-elements-advanced@tiller-ds/formik-elements@tiller-ds/core@tiller-ds/data-display@tiller-ds/menu@tiller-ds/selectors@tiller-ds/upload@tiller-ds/patterns@ticketswap/solaragney-alex-code-playground@xstate/viz@zalastax/nolb-_reach@types/reach__tabsclearkitblocks-uiblocks-ui-looker-forkbs-reachbuzzcms-rich-textcaspar-graphicscarl-uifigma-styled-componentsgatsby-theme-netlify-identitygatsby-interface
0.18.0-pre.0

2 years ago

0.18.0-pre.5

2 years ago

0.18.0-pre.4

2 years ago

0.18.0-pre.3

2 years ago

0.18.0-pre.2

2 years ago

0.18.0-pre.1

2 years ago

0.18.0

2 years ago

0.17.0

3 years ago

0.16.4

3 years ago

0.16.0

3 years ago

0.16.1

3 years ago

0.15.3

3 years ago

0.15.2

3 years ago

0.15.0

4 years ago

0.14.0

4 years ago

0.13.1

4 years ago

0.13.2

4 years ago

0.13.0

4 years ago

0.12.1

4 years ago

0.12.0

4 years ago

0.11.2

4 years ago

0.11.1

4 years ago

0.11.0

4 years ago

0.10.5

4 years ago

0.10.4

4 years ago

0.10.3

5 years ago

0.10.2

5 years ago

0.10.1

5 years ago

0.10.0

5 years ago

0.9.1

5 years ago

0.9.0

5 years ago

0.8.6

5 years ago

0.8.5

5 years ago

0.8.4

5 years ago

0.8.3

5 years ago

0.8.2

5 years ago

0.8.0

5 years ago

0.7.4

5 years ago

0.7.3

5 years ago

0.7.2

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago

0.6.4

5 years ago

0.6.2

5 years ago

0.6.1

5 years ago

0.6.0

5 years ago

0.5.4

5 years ago

0.5.3

5 years ago

0.5.0

5 years ago

0.4.0

5 years ago

0.4.0-beta.0

5 years ago

0.3.0

5 years ago

0.3.0-alpha.0

5 years ago

0.1.6

5 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago