12:[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[["$","$L20","div-0",{"code":"import { Link } from 'welcome-ui/Link'\n\nconst Example = () => {\n return Link\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"Link","pathToFile":"/Link/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":[["$","$L21","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A link component who can get ","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":30,"offset":30}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"as","position":{"start":{"line":2,"column":30,"offset":30},"end":{"line":2,"column":34,"offset":34}}}],"position":{"start":{"line":2,"column":30,"offset":30},"end":{"line":2,"column":34,"offset":34}}},{"type":"text","value":" property to pass custom linker.","position":{"start":{"line":2,"column":34,"offset":34},"end":{"line":2,"column":66,"offset":66}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":66,"offset":66}}},"children":["A link component who can get ",["$","$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":"as"}]," property to pass custom linker."]}],"\n",["$","$L21","p-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This component is a child from ","position":{"start":{"line":4,"column":1,"offset":68},"end":{"line":4,"column":32,"offset":99}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"UniversalLink","position":{"start":{"line":4,"column":32,"offset":99},"end":{"line":4,"column":47,"offset":114}}}],"position":{"start":{"line":4,"column":32,"offset":99},"end":{"line":4,"column":47,"offset":114}}},{"type":"text","value":" component.","position":{"start":{"line":4,"column":47,"offset":114},"end":{"line":4,"column":58,"offset":125}}}],"position":{"start":{"line":4,"column":1,"offset":68},"end":{"line":4,"column":58,"offset":125}}},"children":["This component is a child from ",["$","$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":"UniversalLink"}]," component."]}],"\n",["$","$Lf","h3-0",{"as":"h3","id":"variants","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#variants","textDecoration":{"hover":"underline"},"children":"Variants"}]}],"\n",["$","$L21","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Can be ","position":{"start":{"line":8,"column":1,"offset":141},"end":{"line":8,"column":8,"offset":148}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"primary","position":{"start":{"line":8,"column":8,"offset":148},"end":{"line":8,"column":17,"offset":157}}}],"position":{"start":{"line":8,"column":8,"offset":148},"end":{"line":8,"column":17,"offset":157}}},{"type":"text","value":" by default or ","position":{"start":{"line":8,"column":17,"offset":157},"end":{"line":8,"column":32,"offset":172}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"secondary","position":{"start":{"line":8,"column":32,"offset":172},"end":{"line":8,"column":43,"offset":183}}}],"position":{"start":{"line":8,"column":32,"offset":172},"end":{"line":8,"column":43,"offset":183}}}],"position":{"start":{"line":8,"column":1,"offset":141},"end":{"line":8,"column":43,"offset":183}}},"children":["Can be ",["$","$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":"primary"}]," by default or ",["$","$L5","code-1",{"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":"secondary"}]]}],"\n",["$","$L20","div-0",{"code":"import { Link } from 'welcome-ui/Link'\nimport { Stack } from 'welcome-ui/Stack'\n\nconst Example = () => {\n return (\n \n Primary\n \n Secondary\n \n \n Ipsum ipsam fugiat doloribus sit hic ducimus dolorem Aperiam unde adipisci deserunt corporis\n neque commodi. Quasi odit esse molestias reprehenderit incidunt Velit non expedita atque\n exercitationem enim! Quidem quasi nihil.\n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Link","pathToFile":"/Link/docs/examples/variants.tsx","withCodeEditor":true}],"\n",["$","$Lf","h4-0",{"as":"h4","id":"disabled","mb":"md","mt":"xl","variant":"h5","children":"Disabled"}],"\n",["$","$L21","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add ","position":{"start":{"line":14,"column":1,"offset":266},"end":{"line":14,"column":5,"offset":270}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"disabled","position":{"start":{"line":14,"column":5,"offset":270},"end":{"line":14,"column":15,"offset":280}}}],"position":{"start":{"line":14,"column":5,"offset":270},"end":{"line":14,"column":15,"offset":280}}},{"type":"text","value":" property","position":{"start":{"line":14,"column":15,"offset":280},"end":{"line":14,"column":24,"offset":289}}}],"position":{"start":{"line":14,"column":1,"offset":266},"end":{"line":14,"column":24,"offset":289}}},"children":["Add ",["$","$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":"disabled"}]," property"]}],"\n",["$","$L20","div-1",{"code":"import { Link } from 'welcome-ui/Link'\n\nconst Example = () => {\n return (\n \n Link\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Link","pathToFile":"/Link/docs/examples/disabled.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-1",{"as":"h3","id":"security","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#security","textDecoration":{"hover":"underline"},"children":"Security"}]}],"\n",["$","$L21","p-4",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For a target ","position":{"start":{"line":20,"column":1,"offset":371},"end":{"line":20,"column":14,"offset":384}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"_blank","position":{"start":{"line":20,"column":14,"offset":384},"end":{"line":20,"column":22,"offset":392}}}],"position":{"start":{"line":20,"column":14,"offset":384},"end":{"line":20,"column":22,"offset":392}}},{"type":"text","value":" we add ","position":{"start":{"line":20,"column":22,"offset":392},"end":{"line":20,"column":30,"offset":400}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"rel='noopener noreferrer'","position":{"start":{"line":20,"column":30,"offset":400},"end":{"line":20,"column":57,"offset":427}}}],"position":{"start":{"line":20,"column":30,"offset":400},"end":{"line":20,"column":57,"offset":427}}}],"position":{"start":{"line":20,"column":1,"offset":371},"end":{"line":20,"column":57,"offset":427}}},"children":["For a target ",["$","$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":"_blank"}]," we add ",["$","$L5","code-1",{"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":"rel='noopener noreferrer'"}]]}],"\n",["$","$L20","div-2",{"code":"import { Link } from 'welcome-ui/Link'\n\nconst Example = () => {\n return (\n \n _blank\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Link","pathToFile":"/Link/docs/examples/security.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-2",{"as":"h3","id":"external-link","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#external-link","textDecoration":{"hover":"underline"},"children":"External link"}]}],"\n",["$","$L21","p-5",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"isExternal","position":{"start":{"line":26,"column":1,"offset":514},"end":{"line":26,"column":13,"offset":526}}}],"position":{"start":{"line":26,"column":1,"offset":514},"end":{"line":26,"column":13,"offset":526}}},{"type":"text","value":" add an ","position":{"start":{"line":26,"column":13,"offset":526},"end":{"line":26,"column":21,"offset":534}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"","position":{"start":{"line":26,"column":21,"offset":534},"end":{"line":26,"column":39,"offset":552}}}],"position":{"start":{"line":26,"column":21,"offset":534},"end":{"line":26,"column":39,"offset":552}}},{"type":"text","value":" icon, and add special effect on hover.","position":{"start":{"line":26,"column":39,"offset":552},"end":{"line":26,"column":78,"offset":591}}}],"position":{"start":{"line":26,"column":1,"offset":514},"end":{"line":26,"column":78,"offset":591}}},"children":[["$","$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":"isExternal"}]," add an ",["$","$L5","code-1",{"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":""}]," icon, and add special effect on hover."]}],"\n",["$","$L20","div-3",{"code":"import { Link } from 'welcome-ui/Link'\n\nconst Example = () => {\n return (\n \n External link\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Link","pathToFile":"/Link/docs/examples/external.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-3",{"as":"h3","id":"with-a-text-component","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#with-a-text-component","textDecoration":{"hover":"underline"},"children":"With a Text component"}]}],"\n",["$","$L21","p-6",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default link is set to medium on fontWeight, you can force inherit to get the parent style.","position":{"start":{"line":32,"column":1,"offset":686},"end":{"line":32,"column":95,"offset":780}}}],"position":{"start":{"line":32,"column":1,"offset":686},"end":{"line":32,"column":95,"offset":780}}},"children":"By default link is set to medium on fontWeight, you can force inherit to get the parent style."}],"\n",["$","$L20","div-4",{"code":"import { Link } from 'welcome-ui/Link'\nimport { Text } from 'welcome-ui/Text'\n\nconst Example = () => {\n return (\n \n A text with h5{' '}\n \n variant\n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Link","pathToFile":"/Link/docs/examples/text-component.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-4",{"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 Jobs\n \n)\n"}]}],"\n",["$","$Lf","h3-5",{"as":"h3","id":"what-is-underlined-by-default","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#what-is-underlined-by-default","textDecoration":{"hover":"underline"},"children":"What is underlined by default?"}]}],"\n",["$","$L21","p-7",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Link","position":{"start":{"line":50,"column":1,"offset":1052},"end":{"line":50,"column":7,"offset":1058}}}],"position":{"start":{"line":50,"column":1,"offset":1052},"end":{"line":50,"column":7,"offset":1058}}},{"type":"text","value":" will add an underline to text nodes, ","position":{"start":{"line":50,"column":7,"offset":1058},"end":{"line":50,"column":45,"offset":1096}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Text","position":{"start":{"line":50,"column":45,"offset":1096},"end":{"line":50,"column":51,"offset":1102}}}],"position":{"start":{"line":50,"column":45,"offset":1096},"end":{"line":50,"column":51,"offset":1102}}},{"type":"text","value":" components, ","position":{"start":{"line":50,"column":51,"offset":1102},"end":{"line":50,"column":64,"offset":1115}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"span","position":{"start":{"line":50,"column":64,"offset":1115},"end":{"line":50,"column":70,"offset":1121}}}],"position":{"start":{"line":50,"column":64,"offset":1115},"end":{"line":50,"column":70,"offset":1121}}},{"type":"text","value":" tags, components with ","position":{"start":{"line":50,"column":70,"offset":1121},"end":{"line":50,"column":93,"offset":1144}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"as=\"span\"","position":{"start":{"line":50,"column":93,"offset":1144},"end":{"line":50,"column":104,"offset":1155}}}],"position":{"start":{"line":50,"column":93,"offset":1144},"end":{"line":50,"column":104,"offset":1155}}},{"type":"text","value":" or ","position":{"start":{"line":50,"column":104,"offset":1155},"end":{"line":50,"column":108,"offset":1159}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"tagName=\"span\"","position":{"start":{"line":50,"column":108,"offset":1159},"end":{"line":50,"column":124,"offset":1175}}}],"position":{"start":{"line":50,"column":108,"offset":1159},"end":{"line":50,"column":124,"offset":1175}}},{"type":"text","value":" & children with ","position":{"start":{"line":50,"column":124,"offset":1175},"end":{"line":50,"column":141,"offset":1192}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"data-wui-link","position":{"start":{"line":50,"column":141,"offset":1192},"end":{"line":50,"column":156,"offset":1207}}}],"position":{"start":{"line":50,"column":141,"offset":1192},"end":{"line":50,"column":156,"offset":1207}}},{"type":"text","value":" prop","position":{"start":{"line":50,"column":156,"offset":1207},"end":{"line":50,"column":161,"offset":1212}}}],"position":{"start":{"line":50,"column":1,"offset":1052},"end":{"line":50,"column":161,"offset":1212}}},"children":[["$","$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":"Link"}]," will add an underline to text nodes, ",["$","$L5","code-1",{"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":"Text"}]," components, ",["$","$L5","code-2",{"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":"span"}]," tags, components with ",["$","$L5","code-3",{"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":"as=\"span\""}]," or ",["$","$L5","code-4",{"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":"tagName=\"span\""}]," & children with ",["$","$L5","code-5",{"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":"data-wui-link"}]," prop"]}],"\n",["$","$L20","div-5",{"code":"$23","isOverview":false,"mt":"$undefined","name":"Link","pathToFile":"/Link/docs/examples/underline.tsx","withCodeEditor":true}]]}]]}],["$","$L24",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#variants","id":"variants","title":"Variants"},{"href":"#security","id":"security","title":"Security"},{"href":"#external-link","id":"external-link","title":"External link"},{"href":"#with-a-text-component","id":"with-a-text-component","title":"With a Text component"},{"href":"#usage-with-react-router","id":"usage-with-react-router","title":"Usage with React Router"},{"href":"#what-is-underlined-by-default","id":"what-is-underlined-by-default","title":"What is underlined by default?"}]}]}]]