Select 2 Range

This component transforms any select element into range-type input.

Examples (2)

Example	Code
	`<as-select2range>[select element]</as-select2range>`
	`<as-select2range>[select element]</as-select2range>`

Properties (1)

Property name	Description	Type
size	Optional: value used to calculate dot & gap size. Dot size is 20% and gap size is 25% of the value.	string

Events (3)

Event name	Description	Example value
as-select2range:created	Fired when component is rendered. Has detail object.	{id: "79d95b10-ecc4-42ca-b893-8e23b01f17da", action: "created"}
as-select2range:created	Fired when component is not created due to element not being <SELECT multiple>. Throws console error. Has detail object.	{id: "79d95b10-ecc4-42ca-b893-8e23b01f17da", action: "not-created"}
as-select2range:selected	Fired when option is selected. Has detail object.	{id: "79d95b10-ecc4-42ca-b893-8e23b01f17da", action: "selected", name: "Arsenic", value: "1"}

Files