29 lines
848 B
TypeScript
29 lines
848 B
TypeScript
|
import { html } from '@design.estate/dees-element';
|
||
|
|
|
||
|
|
export const demoFunc = () => html`
|
||
|
|
<dees-chips
|
||
|
|
selectionMode="none"
|
||
|
|
.selectableChips=${[
|
||
|
|
{ key: 'account1', value: 'Payment Account 1' },
|
||
|
|
{ key: 'account2', value: 'PaymentAccount2' },
|
||
|
|
{ key: 'account3', value: 'Payment Account 3' }
|
||
|
|
]}
|
||
|
|
></dees-chips>
|
||
|
|
<dees-chips
|
||
|
|
selectionMode="single"
|
||
|
|
.selectableChips=${[
|
||
|
|
{ key: 'account1', value: 'Payment Account 1' },
|
||
|
|
{ key: 'account2', value: 'PaymentAccount2' },
|
||
|
|
{ key: 'account3', value: 'Payment Account 3' }
|
||
|
|
]}
|
||
|
|
></dees-chips>
|
||
|
|
<dees-chips
|
||
|
|
selectionMode="multiple"
|
||
|
|
.selectableChips=${[
|
||
|
|
{ key: 'account1', value: 'Payment Account 1' },
|
||
|
|
{ key: 'account2', value: 'PaymentAccount2' },
|
||
|
|
{ key: 'account3', value: 'Payment Account 3' }
|
||
|
|
]}
|
||
|
|
></dees-chips>
|
||
|
|
`;
|