@chakra-ui/card
Version:
React component used to group related content
1 lines • 1.02 kB
Source Map (JSON)
{"version":3,"sources":["../src/card-header.tsx"],"sourcesContent":["import { cx } from \"@chakra-ui/shared-utils\"\nimport { forwardRef, HTMLChakraProps, chakra } from \"@chakra-ui/system\"\nimport { useCardStyles } from \"./card-context\"\n\nexport interface CardHeaderProps extends HTMLChakraProps<\"div\"> {}\n\nexport const CardHeader = forwardRef<CardHeaderProps, \"div\">(\n function CardHeader(props, ref) {\n const { className, ...rest } = props\n const styles = useCardStyles()\n return (\n <chakra.div\n ref={ref}\n className={cx(\"chakra-card__header\", className)}\n __css={styles.header}\n {...rest}\n />\n )\n },\n)\n"],"mappings":";;;;;;AAAA,SAAS,UAAU;AACnB,SAAS,YAA6B,cAAc;AAU9C;AALC,IAAM,aAAa;AAAA,EACxB,SAASA,YAAW,OAAO,KAAK;AAC9B,UAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,UAAM,SAAS,cAAc;AAC7B,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC;AAAA,QACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,OAAO,OAAO;AAAA,QACb,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["CardHeader"]}