UNPKG

@chakra-ui/layout

Version:

Chakra UI layout components that give you massive speed

1 lines 1.71 kB
{"version":3,"sources":["../src/link.tsx"],"sourcesContent":["import {\n chakra,\n forwardRef,\n omitThemingProps,\n ThemingProps,\n useStyleConfig,\n HTMLChakraProps,\n} from \"@chakra-ui/system\"\nimport { cx } from \"@chakra-ui/shared-utils\"\n\nexport interface LinkProps extends HTMLChakraProps<\"a\">, ThemingProps<\"Link\"> {\n /**\n * If `true`, the link will open in new tab\n *\n * @default false\n */\n isExternal?: boolean\n}\n\n/**\n * Links are accessible elements used primarily for navigation.\n *\n * It integrates well with other routing libraries like\n * React Router, Reach Router and Next.js Link.\n *\n * @example\n *\n * ```jsx\n * <Link as={ReactRouterLink} to=\"/home\">Home</Link>\n * ```\n *\n * @see Docs https://chakra-ui.com/link\n */\nexport const Link = forwardRef<LinkProps, \"a\">(function Link(props, ref) {\n const styles = useStyleConfig(\"Link\", props)\n const { className, isExternal, ...rest } = omitThemingProps(props)\n\n return (\n <chakra.a\n target={isExternal ? \"_blank\" : undefined}\n rel={isExternal ? \"noopener\" : undefined}\n ref={ref}\n className={cx(\"chakra-link\", className)}\n {...rest}\n __css={styles}\n />\n )\n})\n\nLink.displayName = \"Link\"\n"],"mappings":";;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,UAAU;AA8Bf;AALG,IAAM,OAAO,WAA2B,SAASA,MAAK,OAAO,KAAK;AACvE,QAAM,SAAS,eAAe,QAAQ,KAAK;AAC3C,QAAM,EAAE,WAAW,YAAY,GAAG,KAAK,IAAI,iBAAiB,KAAK;AAEjE,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,QAAQ,aAAa,WAAW;AAAA,MAChC,KAAK,aAAa,aAAa;AAAA,MAC/B;AAAA,MACA,WAAW,GAAG,eAAe,SAAS;AAAA,MACrC,GAAG;AAAA,MACJ,OAAO;AAAA;AAAA,EACT;AAEJ,CAAC;AAED,KAAK,cAAc;","names":["Link"]}