search

code0-tech / pictor

Base UI components for code0 applications
Other
3 stars 0 forks source link

Breadcrumbs component #77

Open nicosammito opened 8 months ago

nicosammito commented 8 months ago

A Breadcrumbs component is a simple flex container with the possibility to define a separator between each child.

The Breadcrumbs.Item component is designs similar to the Badge component but with a hover and active state, where just the text gets underlined. The html element on which the item is based on is the an element.

<Breadcrumbs>

   <Breadcrumbs.Item href=“/”>
       <IconHome/>
   </Breadcrumbs.Item>

   <Breadcrumbs.Item href=“/posts”>
       Posts
   </Breadcrumbs.Item>
</Breadcrumbs>
nicosammito commented 8 months ago

image