The visual color appearance of the component
Table
Table component is used to organize and display data efficiently. It renders a `<table>` element by default
Props#
Table#
colorScheme
colorSchemeDescription
Type
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram"Default
graylayout
layoutType
string | number | boolean | ResponsiveArray<string | number | boolean | undefined> | Partial<Record<string, string | number | boolean | undefined>> | ((theme: Record<...>) => ResponsiveValue<...>)size
sizeDescription
The size of the Table
Type
"sm" | "md" | "lg"Default
mdvariant
variantDescription
The variant of the Table
Type
"simple" | "striped" | "unstyled"Default
simpleTd#
Th#
TableCaption#
placement
placementDescription
The placement of the table caption. This sets the `caption-side` CSS attribute.
Type
"bottom" | "top"Default
bottomProps#
Table#
colorScheme
colorSchemeDescription
The visual color appearance of the component
Type
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram"Default
graylayout
layoutType
string | number | boolean | ResponsiveArray<string | number | boolean | undefined> | Partial<Record<string, string | number | boolean | undefined>> | ((theme: Record<...>) => ResponsiveValue<...>)size
sizeDescription
The size of the Table
Type
"sm" | "md" | "lg"Default
mdvariant
variantDescription
The variant of the Table
Type
"simple" | "striped" | "unstyled"Default
simpleTd#
Th#
TableCaption#
placement
placementDescription
The placement of the table caption. This sets the `caption-side` CSS attribute.
Type
"bottom" | "top"Default
bottomTODO