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.