One Teva Design System

UI Elements

Breadcrumb

A breadcrumb shows users their current location in the website's hierarchy and allows them to trace their steps back to the entry point.

Breadcrumb

to be done.

Segments

Segements serves to indicate the hierarchical location or categorization of the content rather than providing navigational links, it's more of a contextual indicator rather than a traditional breadcrumb.

  • path
  • to
  • page
<Breadcrumb aria-label="You are here:">
  <Breadcrumb.Item mode="segment">path</Breadcrumb.Item>
  <Breadcrumb.Item mode="segment">to</Breadcrumb.Item>
  <Breadcrumb.Item mode="segment">page</Breadcrumb.Item>
</Breadcrumb>
wrapping
  • subito
  • circumvenio
  • calamitas
  • ipsa
  • super
  • curo
  • vomer
  • stillicidium
  • denique
  • cruciamentum
  • conicio
  • suspendo
  • decens
  • adulatio
  • cubicularis
  • taceo
  • auctor
  • atque
  • exercitationem
  • exercitationem
  • reiciendis
  • ulciscor
  • surculus
  • perferendis
  • suppono
  • commodi
  • conturbo
  • calco
  • claudeo
  • quos
mixed language directions
  • Life effects
  • שביל הזהב להתמודדות עם מיגרנה כרונית
  • התמודדות עם מיגרנה בחיים
  • Life effects
  • שביל הזהב להתמודדות עם מיגרנה כרונית
  • התמודדות עם מיגרנה בחיים
long item text
  • Damno curvo depulso.
  • Color cursim varietas vinco desipio quia.
  • Comes cuppedia usitas.
  • Denuncio voro earum placeat animi.
  • Pax impedit conicio cognomen cur stabilis utique dolore sortitus.
  • Quibusdam spero turbo agnosco tenax careo autem.
  • Allatus vae quis supra acceptus paens iusto.
  • Argumentum sub comis stultus.
  • Creta vespillo turba contabesco adimpleo cogo cubicularis.
  • Vulnero constans tempus optio stultus arcus cubitum caput.