UNPKG

tsm-ui

Version:

### Welcome to TSM-UI: Your Design System for Modern Web Development

2 lines (1 loc) • 1.95 kB
1
2
import{e as i}from"./index.d591fb27.js";import{s as t}from"./index.f31275f4.js";import{j as e,a as m}from"./jsx-runtime.e41c3930.js";import"./_commonjsHelpers.712cc82f.js";import"./index.8dde8ec8.js";const u=t("nav",{display:"flex",alignItems:"center",fontFamily:"$default",background:"$colorGreatAreaPed"}),p=t("li",{marginRight:"0.5rem",display:"inline-block"}),b=t("a",{color:"$colorMain070",textDecoration:"none",transition:"color 0.3s",cursor:"pointer","&:hover":{color:"$colorPurple030"}});t("span",{color:"$colorMain070"});function o({items:r}){return e(u,{"aria-label":"Breadcrumb",children:e("ul",{children:r.map((n,l)=>m(i.Fragment,{children:[e(p,{children:e(b,{href:n.url,children:n.label})}),l!==r.length-1&&e(i.Fragment,{children:e("span",{style:{color:"#AC145A"},children:" / "})})]},l))})})}try{o.displayName="Breadcrumb",o.__docgenInfo={description:"",displayName:"Breadcrumb",props:{items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"BreadcrumbItem[]"}}}}}catch{}const v={title:"Components/Breadcrumb",component:o,parameters:{layout:"centered",docs:{description:{story:"The Breadcrumb component of the DS-TSM Design System is a useful tool for providing hierarchical navigation to users in an application or website. It displays a clear and intuitive navigation trail, allowing users to know which page or section of the application they are on and easily navigate back to previous pages."}}}},g=r=>e(o,{...r}),a=g.bind({});a.args={items:[{label:"Home",url:"/"},{label:"Products",url:"/"},{label:"Category"},{label:"Product "},{label:"Checkout",url:"/"},{label:"Payment",url:"/"},{label:"Confirmation",url:"/"}]};var c,s,d;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Breadcrumb {...args} />",...(d=(s=a.parameters)==null?void 0:s.docs)==null?void 0:d.source}}};const k=["Default"];export{a as Default,k as __namedExportsOrder,v as default};