mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
dbf1f225dc* fix(DataTable): useStaticWidth title/description Signed-off-by: Florian-Schoenherr <florian.schoenherr99@gmail.com> * docs(DataTable): useStaticWidth title/description Signed-off-by: Florian-Schoenherr <florian.schoenherr99@gmail.com> * chore(deps-dev): upgrade carbon-components, sass Co-authored-by: metonym <ericyl.us@gmail.com>
28 lines
760 B
Svelte
28 lines
760 B
Svelte
<script>
|
|
/** Specify the title of the data table */
|
|
export let title = "";
|
|
|
|
/** Specify the description of the data table */
|
|
export let description = "";
|
|
|
|
/** Set to `true` to enable a sticky header */
|
|
export let stickyHeader = false;
|
|
|
|
/** Set to `true` to use static width */
|
|
export let useStaticWidth = false;
|
|
</script>
|
|
|
|
<div
|
|
class:bx--data-table-container="{true}"
|
|
class:bx--data-table-container--static="{useStaticWidth}"
|
|
class:bx--data-table--max-width="{stickyHeader}"
|
|
{...$$restProps}
|
|
>
|
|
{#if title}
|
|
<div class:bx--data-table-header="{true}">
|
|
<h4 class:bx--data-table-header__title="{true}">{title}</h4>
|
|
<p class:bx--data-table-header__description="{true}">{description}</p>
|
|
</div>
|
|
{/if}
|
|
<slot />
|
|
</div>
|