← components/Gap Fills — Tier 4

Toolbar

A horizontal bar of action icon buttons for editor or app controls

+--------------------------------------------+
| [icon] [icon] [icon]  (~ ~)  [icon] [icon] |
+--------------------------------------------+

DETAILS

categoryGap Fills — Tier 4sizingfillsourcegap-fillslugtoolbar

Related in Gap Fills — Tier 4

+----------------------+
| Monthly Revenue      |
| $48,295       +12% ^ |
+----------------------+

Stat Card

(~ - - - - - - - - - - - - - - ~)
(~   Headline text goes here   ~)
(~   Subheading description    ~)
(~   [ Get Started ] [ Learn ] ~)
(~ - - - - - - - - - - - - - - ~)

Hero Section

[logo] (~ Links  Links  Links ~)
- - - - - - - - - - - - - - - -
( copyright ) (~ ~) ( social )

Footer

+------------------------------+
| Sign In                      |
| [ Google ] [ GitHub ]        |
| - - - - or - - - -           |
| (~ email input ~)            |
| (~ password input ~)         |
| [ Sign in ]                  |
+------------------------------+

Auth Form