12:[["$","main",null,{"children":[["$","$L5",null,{"maxW":"100%","children":[["$","$L20","div-0",{"code":"import { Badge } from 'welcome-ui/Badge'\n\nconst Example = () => {\n return (\n <>\n {1}\n New\n \n )\n}\n\nexport default Example\n","isOverview":true,"mt":0,"name":"Badge","pathToFile":"/Badge/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":"sizes","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#sizes","textDecoration":{"hover":"underline"},"children":"Sizes"}]}],"\n",["$","$L21","p-0",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use size property with ","position":{"start":{"line":4,"column":1,"offset":12},"end":{"line":4,"column":24,"offset":35}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"sm","position":{"start":{"line":4,"column":24,"offset":35},"end":{"line":4,"column":28,"offset":39}}}],"position":{"start":{"line":4,"column":24,"offset":35},"end":{"line":4,"column":28,"offset":39}}},{"type":"text","value":" or ","position":{"start":{"line":4,"column":28,"offset":39},"end":{"line":4,"column":32,"offset":43}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"md","position":{"start":{"line":4,"column":32,"offset":43},"end":{"line":4,"column":36,"offset":47}}}],"position":{"start":{"line":4,"column":32,"offset":43},"end":{"line":4,"column":36,"offset":47}}},{"type":"text","value":" (default)","position":{"start":{"line":4,"column":36,"offset":47},"end":{"line":4,"column":46,"offset":57}}}],"position":{"start":{"line":4,"column":1,"offset":12},"end":{"line":4,"column":46,"offset":57}}},"children":["Use size property with ",["$","$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":"sm"}]," 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":"md"}]," (default)"]}],"\n",["$","$L20","div-0",{"code":"import { Badge } from 'welcome-ui/Badge'\n\nconst Example = () => {\n return (\n <>\n sm\n md\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Badge","pathToFile":"/Badge/docs/examples/size.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-1",{"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-1",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use variant property with ","position":{"start":{"line":10,"column":1,"offset":136},"end":{"line":10,"column":27,"offset":162}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"default","position":{"start":{"line":10,"column":27,"offset":162},"end":{"line":10,"column":36,"offset":171}}}],"position":{"start":{"line":10,"column":27,"offset":162},"end":{"line":10,"column":36,"offset":171}}},{"type":"text","value":" (default) or ","position":{"start":{"line":10,"column":36,"offset":171},"end":{"line":10,"column":50,"offset":185}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"primary","position":{"start":{"line":10,"column":50,"offset":185},"end":{"line":10,"column":59,"offset":194}}}],"position":{"start":{"line":10,"column":50,"offset":185},"end":{"line":10,"column":59,"offset":194}}}],"position":{"start":{"line":10,"column":1,"offset":136},"end":{"line":10,"column":59,"offset":194}}},"children":["Use variant property with ",["$","$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":"default"}]," (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":"primary"}]]}],"\n",["$","$L20","div-1",{"code":"import { Badge } from 'welcome-ui/Badge'\n\nconst Example = () => {\n return (\n <>\n default\n primary\n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Badge","pathToFile":"/Badge/docs/examples/variant.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-2",{"as":"h3","id":"disabled","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#disabled","textDecoration":{"hover":"underline"},"children":"Disabled"}]}],"\n",["$","$L21","p-2",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Use ","position":{"start":{"line":16,"column":1,"offset":276},"end":{"line":16,"column":5,"offset":280}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"disabled","position":{"start":{"line":16,"column":5,"offset":280},"end":{"line":16,"column":15,"offset":290}}}],"position":{"start":{"line":16,"column":5,"offset":280},"end":{"line":16,"column":15,"offset":290}}},{"type":"text","value":" property","position":{"start":{"line":16,"column":15,"offset":290},"end":{"line":16,"column":24,"offset":299}}}],"position":{"start":{"line":16,"column":1,"offset":276},"end":{"line":16,"column":24,"offset":299}}},"children":["Use ",["$","$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-2",{"code":"import { Badge } from 'welcome-ui/Badge'\n\nconst Example = () => {\n return (\n <>\n default\n \n primary\n \n \n )\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Badge","pathToFile":"/Badge/docs/examples/disabled.tsx","withCodeEditor":true}],"\n",["$","$Lf","h3-3",{"as":"h3","id":"with-number-abbreviation","mb":"lg","mt":"xxl","style":{"scrollMarginTop":170},"variant":"h4","children":["$","$L5",null,{"as":"a","color":"inherit","href":"#with-number-abbreviation","textDecoration":{"hover":"underline"},"children":"withNumberAbbreviation"}]}],"\n",["$","$L21","p-3",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If a number is higher than 99, we replace this number by 99+, simply add property ","position":{"start":{"line":22,"column":1,"offset":396},"end":{"line":22,"column":83,"offset":478}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"withNumberAbbreviation","position":{"start":{"line":22,"column":83,"offset":478},"end":{"line":22,"column":107,"offset":502}}}],"position":{"start":{"line":22,"column":83,"offset":478},"end":{"line":22,"column":107,"offset":502}}},{"type":"text","value":". ","position":{"start":{"line":22,"column":107,"offset":502},"end":{"line":22,"column":109,"offset":504}}},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"The children need to be a number!","position":{"start":{"line":22,"column":110,"offset":505},"end":{"line":22,"column":143,"offset":538}}}],"position":{"start":{"line":22,"column":109,"offset":504},"end":{"line":22,"column":144,"offset":539}}}],"position":{"start":{"line":22,"column":1,"offset":396},"end":{"line":22,"column":144,"offset":539}}},"children":["If a number is higher than 99, we replace this number by 99+, simply add property ",["$","$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":"withNumberAbbreviation"}],". ",["$","em","em-0",{"children":"The children need to be a number!"}]]}],"\n",["$","$L21","p-4",{"node":{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Variant can be ","position":{"start":{"line":24,"column":1,"offset":541},"end":{"line":24,"column":16,"offset":556}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"default","position":{"start":{"line":24,"column":16,"offset":556},"end":{"line":24,"column":25,"offset":565}}}],"position":{"start":{"line":24,"column":16,"offset":556},"end":{"line":24,"column":25,"offset":565}}},{"type":"text","value":" (default) or ","position":{"start":{"line":24,"column":25,"offset":565},"end":{"line":24,"column":39,"offset":579}}},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"primary","position":{"start":{"line":24,"column":39,"offset":579},"end":{"line":24,"column":48,"offset":588}}}],"position":{"start":{"line":24,"column":39,"offset":579},"end":{"line":24,"column":48,"offset":588}}}],"position":{"start":{"line":24,"column":1,"offset":541},"end":{"line":24,"column":48,"offset":588}}},"children":["Variant 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":"default"}]," (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":"primary"}]]}],"\n",["$","$L20","div-3",{"code":"import { Badge } from 'welcome-ui/Badge'\n\nconst Example = () => {\n return {100}\n}\n\nexport default Example\n","isOverview":false,"mt":"$undefined","name":"Badge","pathToFile":"/Badge/docs/examples/number-abbreviation.tsx","withCodeEditor":true}]]}]]}],["$","$L22",null,{"isSubPage":true,"tree":[{"href":"#","id":"definition","title":"Definition"},{"href":"#installation","id":"installation","title":"Installation"},{"href":"#examples","id":"examples","title":"Examples","children":[{"href":"#sizes","id":"sizes","title":"Sizes"},{"href":"#variants","id":"variants","title":"Variants"},{"href":"#disabled","id":"disabled","title":"Disabled"},{"href":"#with-number-abbreviation","id":"with-number-abbreviation","title":"withNumberAbbreviation"}]}]}]]