@yamada-ui/kbd
Version:
Yamada UI kbd component
1 lines • 1.27 kB
Source Map (JSON)
{"version":3,"sources":["../src/kbd.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n forwardRef,\n omitThemeProps,\n ui,\n useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\n\nexport interface KbdProps extends HTMLUIProps<\"kbd\">, ThemeProps<\"Kbd\"> {}\n\n/**\n * `Kbd` is a component that represents keyboard input.\n *\n * @see Docs https://yamada-ui.com/components/data-display/kbd\n */\nexport const Kbd = forwardRef<KbdProps, \"kbd\">((props, ref) => {\n const [css, mergedProps] = useComponentStyle(\"Kbd\", props)\n const { className, ...rest } = omitThemeProps(mergedProps)\n\n return (\n <ui.kbd\n ref={ref}\n className={cx(\"ui-kbd\", className)}\n __css={css}\n {...rest}\n />\n )\n})\n\nKbd.displayName = \"Kbd\"\nKbd.__ui__ = \"Kbd\"\n"],"mappings":";;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAcf;AALG,IAAM,MAAM,WAA4B,CAAC,OAAO,QAAQ;AAC7D,QAAM,CAAC,KAAK,WAAW,IAAI,kBAAkB,OAAO,KAAK;AACzD,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI,eAAe,WAAW;AAEzD,SACE;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,WAAW,GAAG,UAAU,SAAS;AAAA,MACjC,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAI,cAAc;AAClB,IAAI,SAAS;","names":[]}