@vonage/vwc-list NPM | npm.io

2.45.0 • Published 2 months ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

2 months ago

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`

@material/mwc-list @vonage/vvd-core @vonage/vvd-foundation @vonage/vvd-style-coupling @vonage/vwc-expansion-panel @vonage/vwc-icon lit-element tslib

@infinitebrahmanuniverse/nolb-_von @everything-registry/sub-chunk-991 @vonage/vivid-react @vonage/vwc-menu @zalastax/nolb-_von

2 months ago

8 months ago

10 months ago

9 months ago

10 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago