Toggle

Description

<jp-toggle> is on/off switch component.

---

Attributes

Name	Required	Type	Description
value		boolean	setter and getter
name	✓	string	name of the form control
label		string	text above the toggle
size		large | small	size of the toggle button
disabled		boolean	determines if toggle is disabled
required		boolean	if true toggle needs to be check to pass validity
requiredValidationMessage		string	validation message for when component does not satisfy required

---

Slots

This component does not have any slots.

---

Methods

• getValue
  • returns form field value
• reportValidity
  • triggers reportValidity

---

Events

• value
  • triggers when toggle is switched

---

Demo

Live Editor

// import '@jaspero/web-components/toggle.wc.js';
// import '@jaspero/web-components/toggle.css';

<jp-toggle></jp-toggle>

Result

Loading...

---