vwc-list

This component is an extension of

Properties

| Property | Modifiers | Type | | ------------------ | --------- | ------------------------- | | activated | | boolean | | disabled | | boolean | | graphic | | GraphicType | | group | | string \| null | | hasMeta | | boolean | | left | | boolean | | multipleGraphics | | boolean | | noninteractive | | boolean | | ripple | | Promise<Ripple \| null> | | selected | | boolean | | tabindex | | number | | text | readonly | string | | twoline | | boolean | | value | | string |

Events

| Event | Type | | -------------------- | ----------------------- | | list-item-rendered | | | request-selected | RequestSelectedDetail |

vwc-list-expansion-panel

This component support expand-collapse list

Properties

| Property | Type | | -------------------- | ------------------------------------ | | headerListItemIcon | VWCIcon \| undefined | | headerNodes | HTMLElement[] \| null \| undefined | | open | boolean |

Methods

| Method | Type | Description | | ------------- | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | close | (): void | | | notifyClose | (): void | | | notifyOpen | (): void | | | openChanged | (isOpen: boolean): void | Invoked when the element open state is updated.Expressions inside this method will trigger upon open state change** _isOpen**: Boolean of open state | | show | (): void | |

vwc-list-item

This component is an extension of

Properties

| Property | Modifiers | Type | | ------------------ | --------- | ------------------------- | | activated | | boolean | | disabled | | boolean | | graphic | | GraphicType | | group | | string \| null | | hasMeta | | boolean | | multipleGraphics | | boolean | | noninteractive | | boolean | | ripple | | Promise<Ripple \| null> | | selected | | boolean | | tabindex | | number | | text | readonly | string | | twoline | | boolean | | value | | string |

Events

| Event | Type | | -------------------- | ----------------------- | | list-item-rendered | | | request-selected | RequestSelectedDetail |

vwc-list

This component is an extension of

Properties

| Property | Modifiers | Type | | ----------------- | --------- | ----------------------------------------------------------- | | activatable | | boolean | | debouncedLayout | | (updateItems?: boolean \| undefined) => void \| undefined | | emptyMessage | | string \| undefined | | index | readonly | MWCListIndex | | innerAriaLabel | | string \| null | | innerRole | | string \| null | | itemRoles | | string \| null | | items | readonly | ListItemBase[] | | itemsReady | | Promise<never[]> | | layout | | object | | multi | | boolean | | noninteractive | | boolean | | rootTabbable | | boolean | | selected | readonly | ListItemBase \| ListItemBase[] \| null | | wrapFocus | | boolean |

Methods

| Method | Type | | --------------------- | ----------------------------------------------------- | | blur | (): void | | click | (): void | | focus | (): void | | focusItemAtIndex | (index: number): void | | getFocusedItemIndex | (): number | | layout | (updateItems?: boolean \| undefined): void | | renderPlaceholder | (): TemplateResult \| null | | select | (index: MWCListIndex): void | | toggle | (index: number, force?: boolean \| undefined): void |

Events

| Event | Type | | --------------- | ---------------- | | action | ActionDetail | | items-updated | | | selected | SelectedDetail |

vwc-radio-list-item

This component is an extension of

Properties

| Property | Modifiers | Type | | ------------------ | --------- | ------------------------- | | activated | | boolean | | disabled | | boolean | | graphic | | GraphicType | | group | | string \| null | | hasMeta | | boolean | | left | | boolean | | multipleGraphics | | boolean | | noninteractive | | boolean | | ripple | | Promise<Ripple \| null> | | selected | | boolean | | tabindex | | number | | text | readonly | string | | twoline | | boolean | | value | | string |

Events

| Event | Type | | -------------------- | ----------------------- | | list-item-rendered | | | request-selected | RequestSelectedDetail |

CSS Variables

| Variable | Host Element | Comments | | ------------------ | --------- | ------------------------- | | --vvd-list-color-divider | vwc-list | boolean |