Tabs

A layout component for navigation.

$ import { Tabs, TabItem } from 'geist-ui-svelte';

Basic

Disabled

No Underline

Remove the bottom border by setting `border=false`.

Horizontal Scrolling

Tabs allows horizontal scrolling when it overflows and can be accessed through user agent scrolling mechanisms (e.g. left/right swipe, shift-mousewheel, etc.).

With Icons

No special configuration tabs allows any html content in its slot.

As Links

You can use tabs as links by using the `href` attribute.

1
2
+
3
4
5
+
6
7
8
+
9
10
11

Using

`#`

Tabs pattern matching is made so that its easy to use `#` this allows you to maintain your tab state even through refresh.



Next Badge