12:[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[["$","$L20","div-0",{"code":"import { Breadcrumb } from 'welcome-ui/Breadcrumb'\n\nconst Example = () => {\n return (\n \n Introduction\n Components\n Breadcrumb\n \n )\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"Breadcrumb","pathToFile":"/Breadcrumb/docs/examples/overview.tsx","withCodeEditor":true}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h2-0",{"alignItems":"center","as":"h2","borderBottom":"1px solid","borderBottomColor":"neutral-30","display":"flex","id":"examples","mt":"3xl","pb":"sm","style":{"scrollMarginTop":170},"variant":"h3","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#examples","textDecoration":{"hover":"underline"},"children":"Examples"}]}]]}],["$","$L5",null,{"maxW":"100%","children":[["$","$Lf","h3-0",{"as":"h3","id":"separator","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#separator","textDecoration":{"hover":"underline"},"children":"Separator"}]}],"\n",["$","$L21","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can customize your separator.","position":{"start":{"line":4,"column":1,"offset":16},"end":{"line":4,"column":34,"offset":49}}}],"position":{"start":{"line":4,"column":1,"offset":16},"end":{"line":4,"column":34,"offset":49}}},"children":"You can customize your separator."}],"\n",["$","$L20","div-0",{"code":"import { Breadcrumb } from 'welcome-ui/Breadcrumb'\nimport { Stack } from 'welcome-ui/Stack'\n\nconst Example = () => {\n return (\n \n \n Introduction\n Components\n Breadcrumb\n \n\n \n Introduction\n Components\n Breadcrumb\n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Breadcrumb","pathToFile":"/Breadcrumb/docs/examples/separator.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-1",{"as":"h3","id":"last-child-clickable","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#last-child-clickable","textDecoration":{"hover":"underline"},"children":"Last child clickable"}]}],"\n",["$","$L21","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default we removed clickable the last child. You can change this by set to false ","position":{"start":{"line":10,"column":1,"offset":150},"end":{"line":10,"column":85,"offset":234}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"lastChildNotClickable","position":{"start":{"line":10,"column":85,"offset":234},"end":{"line":10,"column":108,"offset":257}}}],"position":{"start":{"line":10,"column":85,"offset":234},"end":{"line":10,"column":108,"offset":257}}}],"position":{"start":{"line":10,"column":1,"offset":150},"end":{"line":10,"column":108,"offset":257}}},"children":["By default we removed clickable the last child. You can change this by set to false ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"lastChildNotClickable"}]]}],"\n",["$","$L20","div-1",{"code":"import { Breadcrumb } from 'welcome-ui/Breadcrumb'\n\nconst Example = () => {\n return (\n \n Introduction\n Components\n Breadcrumb\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Breadcrumb","pathToFile":"/Breadcrumb/docs/examples/last-child.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-2",{"as":"h3","id":"items-without-link","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#items-without-link","textDecoration":{"hover":"underline"},"children":"Items without link"}]}],"\n",["$","$L21","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Items without link will be disable. We are looking for ","position":{"start":{"line":16,"column":1,"offset":357},"end":{"line":16,"column":56,"offset":412}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"href","position":{"start":{"line":16,"column":56,"offset":412},"end":{"line":16,"column":62,"offset":418}}}],"position":{"start":{"line":16,"column":56,"offset":412},"end":{"line":16,"column":62,"offset":418}}},{"type":"text","value":" prop. (or ","position":{"start":{"line":16,"column":62,"offset":418},"end":{"line":16,"column":73,"offset":429}}},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"to","position":{"start":{"line":16,"column":75,"offset":431},"end":{"line":16,"column":77,"offset":433}}}],"position":{"start":{"line":16,"column":73,"offset":429},"end":{"line":16,"column":79,"offset":435}}},{"type":"text","value":" prop for react-router)","position":{"start":{"line":16,"column":79,"offset":435},"end":{"line":16,"column":102,"offset":458}}}],"position":{"start":{"line":16,"column":1,"offset":357},"end":{"line":16,"column":102,"offset":458}}},"children":["Items without link will be disable. We are looking for ",["$","$L5","code-0",{"alignItems":"center","as":"code","backgroundColor":"neutral-30","borderRadius":"md","color":"neutral-90","display":"inline-flex","px":"sm","py":"xxs","text":"sm","whiteSpace":"break-spaces","children":"href"}]," prop. (or ",["$","$L5","strong-0",{"as":"strong","color":"neutral-90","fontWeight":"500","children":"to"}]," prop for react-router)"]}],"\n",["$","$L20","div-2",{"code":"import { Breadcrumb } from 'welcome-ui/Breadcrumb'\n\nconst Example = () => {\n return (\n \n Introduction\n Disabled\n Breadcrumb\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Breadcrumb","pathToFile":"/Breadcrumb/docs/examples/child-disabled.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-3",{"as":"h3","id":"usage-with-react-router","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#usage-with-react-router","textDecoration":{"hover":"underline"},"children":"Usage with React Router"}]}],"\n",["$","div","pre-0",{"children":["$","$L22","code-0",{"language":"jsx","children":"import { Link as RouterLink } from 'react-router-dom'\n\nreturn (\n \n \n Introduction\n \n \n Components\n \n \n Breadcrumb\n \n \n)\n"}]}]]}]]}],["$","$L23",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#separator","id":"separator","title":"Separator"},{"href":"#last-child-clickable","id":"last-child-clickable","title":"Last child clickable"},{"href":"#items-without-link","id":"items-without-link","title":"Items without link"},{"href":"#usage-with-react-router","id":"usage-with-react-router","title":"Usage with React Router"}]}]}]]