diff --git a/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx b/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx index 2cea59f30..5b2984149 100644 --- a/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx +++ b/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx @@ -7,9 +7,10 @@ import { uuid } from '../../utils/utils'; }) export class DbChip { /** - * Decides which datatype you want to use: filter (1-n); selection (1); + * Decides which interactiontype you want to use: filter (1-n); selection (1); */ - @Prop({ reflect: true }) datatype: 'filter' | 'selection' = 'selection'; + @Prop({ reflect: true }) interactiontype: 'filter' | 'selection' = + 'selection'; /** * The disabled attribute can be set to keep a user from clicking on the chip. @@ -66,9 +67,9 @@ export class DbChip { Filter Chips - default - + default + informative - + success - + poi-essen-trinken - + poi-einkaufen - + track @@ -40,9 +40,9 @@ import Readme from './../readme.md'; Chips with icons - icon - iconafter - + icon + iconafter + icon + iconafter @@ -50,11 +50,11 @@ import Readme from './../readme.md'; Chips disabled - default - + default + informative - + success diff --git a/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md b/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md index 3bbe4f56e..ea969f49e 100644 --- a/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md +++ b/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md @@ -7,11 +7,12 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ---------- | ---------- | ----------------------------------------------------------- | --------- | -------------------- | -| `checked` | `checked` | Checked property | `boolean` | `undefined` | -| `disabled` | `disabled` | Disabled property | `boolean` | `undefined` | -| `htmlid` | `htmlid` | Optional id for the label - otherwise random id will be set | `string` | `'toggle-' + uuid()` | +| Property | Attribute | Description | Type | Default | +| ---------- | ---------- | ------------------------------------------------------------------- | --------- | -------------------- | +| `checked` | `checked` | Checked property | `boolean` | `undefined` | +| `disabled` | `disabled` | Disabled property | `boolean` | `undefined` | +| `htmlid` | `htmlid` | Optional id for the label - otherwise random id will be set | `string` | `'toggle-' + uuid()` | +| `name` | `name` | The name attribute specifies a name for the included input element. | `string` | `undefined` | ## Events diff --git a/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html b/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html index 3523e5e4a..e90d0b631 100644 --- a/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html +++ b/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html @@ -8,12 +8,16 @@ informative success

DbChip:

- default - default + informative informative success

DbChip:

- default - default + informative DbLogo:

DbChip:

- + default informative success

DbChip:

- default + default