Atomics ~ Navigation
image
Where am I and where can I go?

Navigation needs can be complex and unique to each web experience, yet Silva provides a wide array of common navigation patterns and styles out of the box. These focus on in-page navigation, not global navigation.

navigation
forms
buttons
images
icons
tables
labels
progress bars
media object
cards
counters
Tabs
Simple links
Tabs
Basic

With icons:

Mixed with text:

Right aligned tabs:

Tabs
Underlined

With icons:

Mixed with text:

Right aligned tabs:

Tabs
Duolined

With icons:

Mixed with text:

Right aligned tabs:

Tabs
Stretchlined
Pills

With icons:

Mixed with text:

Right aligned tabs:

Fancy:

Stacked:

Breadcrumbs
  1. Home
  1. Home
  2. Products
  1. Home
  2. Products
  3. This product
  1. Home
  2. Products
  3. This product
  1. Home
  2. Products
  3. This product has a very long label that will wrap
Pagination

Created using a button group.

Prev12Next