import Toggle from '~/ui/Toggle.vue'

Toggle

Turns a Ui feature on or off

Work in progress

This component is still under development. Typical accessibility attributes such as aria-pressed vs. aria-checked vs. aria-expanded need to be implemented.

If the user has to save the setting before it goes into effect, use Checkbox (coming soon) instead. If there is associated remote data, use Switch.

Using this component

Provide a clear label that matches the situation when the toggle is 'on'. 2.5.3

Accessible toggle

Test this component in the context of a form against WCAG2 criteria

See the complete Form example

Toggle ​

A11y Checklist ​

Accessible toggle ​

Toggle

A11y Checklist

Accessible toggle