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