Skip to Content

Tabs

Easily create tabs.


Usage

This component was extended from headlessui, built on top of markdoc.

{% tab-group %}
{% tab-list %}
{% tab label="npm" /%}
{% tab label="yarn" /%}
{% /tab-list %}
{% tabs-panels %}
{% tab-panel %}
npm install react
{% /tab-panel %}
{% tab-panel %}
yarn add react
{% /tab-panel %}
{% /tabs-panels %}
{% /tab-group %}

Examples

Default

npm install react

With code

import { Button } from '@/components/Button';
function App() {
return <Button>send mail</Button>;
}
Edit this page on GitHub