carbon-components-svelte/src/StructuredList/StructuredListCell.svelte
2024-11-11 21:35:48 -08:00

22 lines
491 B
Svelte

<script>
/** Set to `true` to use as a header */
export let head = false;
/** Set to `true` to prevent wrapping */
export let noWrap = false;
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div
role={head ? "columnheader" : "cell"}
class:bx--structured-list-th={head}
class:bx--structured-list-td={!head}
class:bx--structured-list-content--nowrap={noWrap}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
<slot />
</div>