@chakra-ui/button
Version:
A React component that is a base button.
1 lines • 1.28 kB
Source Map (JSON)
{"version":3,"sources":["../src/button-icon.tsx"],"sourcesContent":["import { chakra, HTMLChakraProps } from \"@chakra-ui/system\"\nimport { cx } from \"@chakra-ui/shared-utils\"\nimport { cloneElement, isValidElement } from \"react\"\n\nexport function ButtonIcon(props: HTMLChakraProps<\"span\">) {\n const { children, className, ...rest } = props\n\n const _children = isValidElement(children)\n ? cloneElement<any>(children, {\n \"aria-hidden\": true,\n focusable: false,\n })\n : children\n\n const _className = cx(\"chakra-button__icon\", className)\n\n return (\n <chakra.span\n display=\"inline-flex\"\n alignSelf=\"center\"\n flexShrink={0}\n {...rest}\n className={_className}\n >\n {_children}\n </chakra.span>\n )\n}\n\nButtonIcon.displayName = \"ButtonIcon\"\n"],"mappings":";;;AAAA,SAAS,cAA+B;AACxC,SAAS,UAAU;AACnB,SAAS,cAAc,sBAAsB;AAezC;AAbG,SAAS,WAAW,OAAgC;AACzD,QAAM,EAAE,UAAU,WAAW,GAAG,KAAK,IAAI;AAEzC,QAAM,YAAY,eAAe,QAAQ,IACrC,aAAkB,UAAU;AAAA,IAC1B,eAAe;AAAA,IACf,WAAW;AAAA,EACb,CAAC,IACD;AAEJ,QAAM,aAAa,GAAG,uBAAuB,SAAS;AAEtD,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,YAAY;AAAA,MACX,GAAG;AAAA,MACJ,WAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ;AAEA,WAAW,cAAc;","names":[]}