@chakra-ui/layout
Version:
Chakra UI layout components that give you massive speed
1 lines • 1.38 kB
Source Map (JSON)
{"version":3,"sources":["../src/kbd.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 KbdProps extends HTMLChakraProps<\"kbd\">, ThemingProps<\"Kbd\"> {}\n\n/**\n * Semantic component to render a keyboard shortcut\n * within an application.\n *\n * @example\n *\n * ```jsx\n * <Kbd>⌘ + T</Kbd>\n * ```\n *\n * @see Docs https://chakra-ui.com/kbd\n */\nexport const Kbd = forwardRef<KbdProps, \"kbd\">(function Kbd(props, ref) {\n const styles = useStyleConfig(\"Kbd\", props)\n const { className, ...rest } = omitThemingProps(props)\n\n return (\n <chakra.kbd\n ref={ref}\n className={cx(\"chakra-kbd\", className)}\n {...rest}\n __css={{\n fontFamily: \"mono\",\n ...styles,\n }}\n />\n )\n})\n\nKbd.displayName = \"Kbd\"\n"],"mappings":";;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OAEK;AACP,SAAS,UAAU;AAqBf;AALG,IAAM,MAAM,WAA4B,SAASA,KAAI,OAAO,KAAK;AACtE,QAAM,SAAS,eAAe,OAAO,KAAK;AAC1C,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI,iBAAiB,KAAK;AAErD,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,IAAI,cAAc;","names":["Kbd"]}