diff --git a/docs/src/pages/components/ClickableTile.svx b/docs/src/pages/components/ClickableTile.svx index 53997ff5..49c02952 100644 --- a/docs/src/pages/components/ClickableTile.svx +++ b/docs/src/pages/components/ClickableTile.svx @@ -13,6 +13,20 @@ source: Tile/ClickableTile.svelte Carbon Design System +### Prevent default behavior + +Use the forwarded `click` event and invoke `e.preventDefault()` to prevent the native link behavior. + + { + e.preventDefault(); + // custom behavior + }} +> + Carbon Design System + + ### Light variant diff --git a/docs/src/pages/components/ComboBox.svx b/docs/src/pages/components/ComboBox.svx index d934e11f..4b4e20f1 100644 --- a/docs/src/pages/components/ComboBox.svx +++ b/docs/src/pages/components/ComboBox.svx @@ -3,10 +3,10 @@ import Preview from "../../components/Preview.svelte"; +`ComboBox` is keyed for performance reasons. + -
- Since version 0.53, selectedIndex has been replaced with selectedId. -
+
Every items object must have a unique "id" property.
### Default diff --git a/docs/src/pages/components/DataTable.svx b/docs/src/pages/components/DataTable.svx index 8c206dca..9da963e0 100644 --- a/docs/src/pages/components/DataTable.svx +++ b/docs/src/pages/components/DataTable.svx @@ -10,7 +10,7 @@ components: ["DataTable", "Pagination","Toolbar", "ToolbarContent", "ToolbarSear const pagination = { pageSize: 5, page: 1} -`DataTable` is keyed for both rendering and sorting purposes. +`DataTable` is keyed for performance reasons.
Every headers object must have a unique "key" property.
@@ -22,6 +22,10 @@ components: ["DataTable", "Pagination","Toolbar", "ToolbarContent", "ToolbarSear ### Default +The key value in `headers` corresponds to the key value defined in `rows`. + +For example, the header key `"name"` will use the value of `rows[index].name`. + +`Dropdown` is keyed for performance reasons. + -
- Since version 0.53, selectedIndex has been replaced with selectedId. -
+
Every items object must have a unique "id" property.
### Default diff --git a/docs/src/pages/components/MultiSelect.svx b/docs/src/pages/components/MultiSelect.svx index 5936cebd..6f8d5a86 100644 --- a/docs/src/pages/components/MultiSelect.svx +++ b/docs/src/pages/components/MultiSelect.svx @@ -1,8 +1,14 @@ +`MultiSelect` is keyed for performance reasons. + + +
Every items object must have a unique "id" property.
+
+ ### Default By default, items will be ordered alphabetically based on the `item.text` value. To prevent this, see [#no-alphabetical-ordering](#no-alphabetical-ordering).