Header
A simple header component.
$ import { Header } from 'geist-ui-svelte'; Basic
default
Basic example
Press `Esc` to close at anytime
Sticky
Pins the header to the top of the screen and allows content to scroll under it while retaining the space it takes up on the screen.
sticky
Fixed
Pins the header to the top of the screen and allows content to scroll under it.
fixed
Fixed header
Notice how the hero section falls partially under the header here.
Press `Esc` to close at anytime
No Border
Sometimes you don't want a border on your header because something else should define that
border if this is the case just add the attribute `noBorder`.
Borderless
1
2
+
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18