Tabs

How can I use <Tabs/>?

Using MDX comments + token {/* |tabs */} so you can use the <Tabs/> components without any JSX, only old and plain markdown.

You have two options when starting a tab's syntax:

  • Set default tab: {/* |tabs TITLE */} this make your tab with id TITLE as a active tab
  • Without default tab: {/* |tabs */} this make your first heading active in your tab

Set default tab

This is your active tab by default

Without default tab

This is first tab content

To recognize title ids, Writeme convert the string of title to a slugified string.

  • Title -> title
  • Hack the planet -> hack-the-planet
  • é especial -> e-especial