Skip to content

Commit

Permalink
updating tabs section
Browse files Browse the repository at this point in the history
  • Loading branch information
aleksa-krolls committed Nov 28, 2023
1 parent bcf8093 commit bec8907
Showing 1 changed file with 2 additions and 20 deletions.
22 changes: 2 additions & 20 deletions docs/docs-roadmap/style-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -256,32 +256,14 @@ This is a warning

## Tabs

```mdx-code-block
```txt
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
```

Note how we import tabs first, then use them as below:

```mdx-code-block
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
<Tabs
defaultValue="apple"
values={[
{ label: 'Apple', value: 'apple' },
{ label: 'Orange', value: 'orange' },
{ label: 'Banana', value: 'banana' },
]}
>
<TabItem value="apple">This is an apple 🍎</TabItem>
<TabItem value="orange">This is an orange 🍊</TabItem>
<TabItem value="banana">This is a banana 🍌</TabItem>
</Tabs>
```

```mdx-code-block
```txt
<Tabs
defaultValue="apple"
values={[
Expand Down

0 comments on commit bec8907

Please sign in to comment.