@chakra-ui/table
Version:
Table component for React and Chakra UI
1 lines • 1.19 kB
Source Map (JSON)
{"version":3,"sources":["../src/table-caption.tsx"],"sourcesContent":["import { chakra, forwardRef, HTMLChakraProps } from \"@chakra-ui/system\"\nimport { useTableStyles } from \"./table\"\n\nexport interface TableCaptionProps extends HTMLChakraProps<\"caption\"> {\n /**\n * The placement of the table caption. This sets the `caption-side` CSS attribute.\n * @default \"bottom\"\n */\n placement?: \"top\" | \"bottom\"\n}\n\nexport const TableCaption = forwardRef<TableCaptionProps, \"caption\">(\n (props, ref) => {\n const { placement = \"bottom\", ...rest } = props\n const styles = useTableStyles()\n return (\n <chakra.caption\n {...rest}\n ref={ref}\n __css={{\n ...styles.caption,\n captionSide: placement,\n }}\n />\n )\n },\n)\n\nTableCaption.displayName = \"TableCaption\"\n"],"mappings":";;;;;;AAAA,SAAS,QAAQ,kBAAmC;AAgB9C;AALC,IAAM,eAAe;AAAA,EAC1B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,YAAY,UAAU,GAAG,KAAK,IAAI;AAC1C,UAAM,SAAS,eAAe;AAC9B,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,UACL,GAAG,OAAO;AAAA,UACV,aAAa;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}