var Component=(()=>{var f=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var L=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),g=(r,e)=>{for(var c in e)a(r,c,{get:e[c],enumerable:!0})},d=(r,e,c,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of p(e))!k.call(r,i)&&i!==c&&a(r,i,{get:()=>e[i],enumerable:!(l=m(e,i))||l.enumerable});return r};var y=(r,e,c)=>(c=r!=null?f(x(r)):{},d(e||!r||!r.__esModule?a(c,"default",{value:r,enumerable:!0}):c,r)),b=r=>d(a({},"__esModule",{value:!0}),r);var h=L((w,u)=>{u.exports=_jsx_runtime});var B={};g(B,{default:()=>D,frontmatter:()=>j});var n=y(h()),j={title:"Link",description:"Take a leap with our Link. Click, and you're off on a new digital adventure"};function s(r){let e=Object.assign({h3:"h3",p:"p",pre:"pre",code:"code"},r.components),{Tabs:c,Preview:l,FlexBox:i,Link:o}=e;return i||t("FlexBox",!0),o||t("Link",!0),l||t("Preview",!0),c||t("Tabs",!0),c.Item||t("Tabs.Item",!0),c.List||t("Tabs.List",!0),c.Panel||t("Tabs.Panel",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h3,{children:"Example"}),` `,(0,n.jsxs)(c,{defaultTab:"default",children:[(0,n.jsxs)(c.List,{children:[(0,n.jsx)(c.Item,{tab:"default",children:"Default"}),(0,n.jsx)(c.Item,{tab:"colors",children:"Colors"}),(0,n.jsx)(c.Item,{tab:"decoration",children:"Decoration"})]}),(0,n.jsxs)(c.Panel,{tab:"default",children:[(0,n.jsx)(l,{children:(0,n.jsx)(i,{gap:"3",direction:"column",justify:"center",children:(0,n.jsx)(o,{href:"/",children:(0,n.jsx)(e.p,{children:"Normal link"})})})}),(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:` import { Link, FlexBox } from '@sugarcoat/ui'; Normal link `})})]}),(0,n.jsxs)(c.Panel,{tab:"colors",children:[(0,n.jsx)(l,{children:(0,n.jsxs)(i,{gap:"6",direction:"column",justify:"center",children:[(0,n.jsx)(o,{href:"/",color:"default",children:(0,n.jsx)(e.p,{children:"Default color"})}),(0,n.jsx)(o,{href:"/",color:"primary",children:(0,n.jsx)(e.p,{children:"Primary color"})}),(0,n.jsx)(o,{href:"/",color:"accent",children:(0,n.jsx)(e.p,{children:"Accent color"})}),(0,n.jsx)(o,{href:"/",color:"success",children:(0,n.jsx)(e.p,{children:"Success color"})}),(0,n.jsx)(o,{href:"/",color:"danger",children:(0,n.jsx)(e.p,{children:"Danger color"})})]})}),(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:` import { Link, FlexBox } from '@sugarcoat/ui'; Default color Primary color Accent color Success color Danger color `})})]}),(0,n.jsxs)(c.Panel,{tab:"decoration",children:[(0,n.jsx)(l,{children:(0,n.jsxs)(i,{gap:"6",direction:"column",justify:"center",children:[(0,n.jsx)(o,{href:"/",color:"default",underline:!0,children:(0,n.jsx)(e.p,{children:"Default color"})}),(0,n.jsx)(o,{href:"/",color:"primary",underline:!0,children:(0,n.jsx)(e.p,{children:"Primary color"})}),(0,n.jsx)(o,{href:"/",color:"accent",underline:!0,children:(0,n.jsx)(e.p,{children:"Accent color"})}),(0,n.jsx)(o,{href:"/",color:"success",underline:!0,children:(0,n.jsx)(e.p,{children:"Success color"})}),(0,n.jsx)(o,{href:"/",color:"warning",underline:!0,children:(0,n.jsx)(e.p,{children:"Warning color"})}),(0,n.jsx)(o,{href:"/",color:"danger",underline:!0,children:(0,n.jsx)(e.p,{children:"Danger color"})})]})}),(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:` import { Link, FlexBox } from '@sugarcoat/ui'; Default color Primary color Accent color Success color Warning color Danger color `})})]})]})]})}function F(r={}){let{wrapper:e}=r.components||{};return e?(0,n.jsx)(e,Object.assign({},r,{children:(0,n.jsx)(s,r)})):s(r)}var D=F;function t(r,e){throw new Error("Expected "+(e?"component":"object")+" `"+r+"` to be defined: you likely forgot to import, pass, or provide it.")}return b(B);})(); ;return Component;

Link

Example

Customize The Look