Toggle

Alternate appearance for a toggle that simulates on/off instead of checked/unchecked.

Import

import { MpToggle } from '@mekari/pixel3'

Playground

API

MpToggle

Props

Events

Slots

Name	Type	Default
id Id of toggle.	string	-
name Name of toggle.	string	-
value Value of toggle.	string	-
is-checked If true, toggle will be checked.	boolean	false
is-disabled If true, toggle will be disable.	boolean	false
is-invalid If true, toggle will be invalid.	boolean	false
is-read-only If true, toggle will be read only.	boolean	false

Usage

With Description

Accessibility

WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/

• Provide aria-label and or aria-labelledby for screen reader support.
• When checked, checkbox has aria-checked set to true.
• When not checked, checkbox has aria-checked set to false.
• When partially checked, checkbox has aria-checked set to mixed.