@chakra-ui/layout
Version:
Chakra UI layout components that give you massive speed
1 lines • 1.33 kB
Source Map (JSON)
{"version":3,"sources":["../src/code.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 CodeProps\n extends HTMLChakraProps<\"code\">,\n ThemingProps<\"Code\"> {}\n\n/**\n * React component to render inline code snippets.\n *\n * @see Docs https://chakra-ui.com/code\n */\nexport const Code = forwardRef<CodeProps, \"code\">(function Code(props, ref) {\n const styles = useStyleConfig(\"Code\", props)\n const { className, ...rest } = omitThemingProps(props)\n\n return (\n <chakra.code\n ref={ref}\n className={cx(\"chakra-code\", props.className)}\n {...rest}\n __css={{\n display: \"inline-block\",\n ...styles,\n }}\n />\n )\n})\n\nCode.displayName = \"Code\"\n"],"mappings":";;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,UAAU;AAgBf;AALG,IAAM,OAAO,WAA8B,SAASA,MAAK,OAAO,KAAK;AAC1E,QAAM,SAAS,eAAe,QAAQ,KAAK;AAC3C,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI,iBAAiB,KAAK;AAErD,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,MAAM,SAAS;AAAA,MAC3C,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,SAAS;AAAA,QACT,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,KAAK,cAAc;","names":["Code"]}