mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
feat(data-table): add toolbar, toolbar search
This commit is contained in:
parent
8a65e463a1
commit
611d72bcf3
10 changed files with 640 additions and 154 deletions
19
src/DataTable/Toolbar.svelte
Normal file
19
src/DataTable/Toolbar.svelte
Normal file
|
@ -0,0 +1,19 @@
|
|||
<script>
|
||||
/**
|
||||
* Specify the toolbar size
|
||||
* @type {"sm" | "default"} [size="default"]
|
||||
*/
|
||||
export let size = "default";
|
||||
</script>
|
||||
|
||||
<section
|
||||
aria-label="data table toolbar"
|
||||
class:bx--table-toolbar="{true}"
|
||||
class:bx--table-toolbar--small="{size === 'sm'}"
|
||||
class:bx--table-toolbar--normal="{size === 'default'}"
|
||||
{...$$restProps}
|
||||
>
|
||||
<div class:bx--toolbar-content="{true}">
|
||||
<slot />
|
||||
</div>
|
||||
</section>
|
Loading…
Add table
Add a link
Reference in a new issue