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

docs: add DataTable example "Batch selection with controlled toolbar" (#1447)

Browse source 
* docs(inline-notification): add `NotificationActionButton` to Component API

* docs(data-table): rename example "Selectable with batch actions"

* docs(data-table): add example "Batch selection with controlled toolbar"

* docs(notification): remove note on minimum Svelte version

This banner is redundant since the minimum Svelte version is displayed in the README and on the home page of the docs.
This commit is contained in:
metonym 2022-08-15 06:29:58 -07:00 • committed by GitHub
commit b42f9ba258
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 76 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
docs/src/pages/components/DataTable.svx
View file

@ -1111,10 +1111,20 @@ Use the `selectedRowIds` prop to specify which rows should be selected.
<FileSource src="/framed/DataTable/DataTableBatchSelectionInitial" />
### Selectable with batch actions
### Batch selection with batch actions toolbar
<FileSource src="/framed/DataTable/DataTableBatchSelectionToolbar" />
### Batch selection with controlled toolbar
By default, `ToolbarBatchActions` is activated if one or more rows is selected. Clicking "Cancel" will deactivate it.
Use the `active` prop to control the toolbar. Note that it will still activate if one or more rows are selected.
You can also prevent the default "Cancel" behavior in the dispatched `on:cancel` event.
<FileSource src="/framed/DataTable/DataTableBatchSelectionToolbarControlled" />
### Selectable (radio)
<FileSource src="/framed/DataTable/RadioSelectableDataTable" />