mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat! DataTable v11 styles

Browse source
This commit is contained in:
Nicolas Peugnet 2024-08-12 12:11:05 +02:00
commit e02eb80e53
13 changed files with 171 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/DataTable/DataTableSkeleton.svelte
View file

@ -12,9 +12,9 @@
/**
* Set the size of the data table
* @type {"compact" | "short" | "tall"}
* @type {"xs" | "sm" | "md" | "lg" | "xl"}
*/
export let size = undefined;
export let size = "lg";
/** Set to `true` to apply zebra styles to the datatable rows */
export let zebra = false;
@ -68,9 +68,11 @@
<table
class:bx--skeleton="{true}"
class:bx--data-table="{true}"
class:bx--data-table--compact="{size === 'compact'}"
class:bx--data-table--short="{size === 'short'}"
class:bx--data-table--tall="{size === 'tall'}"
class:bx--data-table--xs="{size === 'xs'}"
class:bx--data-table--sm="{size === 'sm'}"
class:bx--data-table--md="{size === 'md'}"
class:bx--data-table--lg="{size === 'lg'}"
class:bx--data-table--xl="{size === 'xl'}"
class:bx--data-table--zebra="{zebra}"
on:click
on:mouseover