UNPKG

@chakra-ui/layout

Version:

Chakra UI layout components that give you massive speed

1 lines 1.36 kB
{"version":3,"sources":["../src/heading.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 HeadingProps\n extends HTMLChakraProps<\"h2\">,\n ThemingProps<\"Heading\"> {}\n\n/**\n * `Heading` is used to render semantic HTML heading elements.\n *\n * By default, renders as `h2` with themantic size `xl`\n *\n * @see Docs https://chakra-ui.com/docs/components/heading\n */\nexport const Heading = forwardRef<HeadingProps, \"h2\">(function Heading(\n props,\n ref,\n) {\n const styles = useStyleConfig(\"Heading\", props)\n const { className, ...rest } = omitThemingProps(props)\n\n return (\n <chakra.h2\n ref={ref}\n className={cx(\"chakra-heading\", props.className)}\n {...rest}\n __css={styles}\n />\n )\n})\n\nHeading.displayName = \"Heading\"\n"],"mappings":";;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,UAAU;AAqBf;AARG,IAAM,UAAU,WAA+B,SAASA,SAC7D,OACA,KACA;AACA,QAAM,SAAS,eAAe,WAAW,KAAK;AAC9C,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI,iBAAiB,KAAK;AAErD,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,WAAW,GAAG,kBAAkB,MAAM,SAAS;AAAA,MAC9C,GAAG;AAAA,MACJ,OAAO;AAAA;AAAA,EACT;AAEJ,CAAC;AAED,QAAQ,cAAc;","names":["Heading"]}