dees-catalog/ts_web/elements/dees-chips.demo.ts
2023-10-23 21:23:18 +02:00

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>
`;