Directus toggle switch interface for boolean fields.
npm install @directus-labs/switch-interface!Screenshot of the Switch Interface in action
This interface displays a more traditional toggle switch for boolean fields vs the default Toggle interface.
!Comparison of the Switch Interface vs the default Toggle interface
Refer to the Official Guide for details on installing the extension from the Marketplace or manually.
Within the data model settings, add the Switch Interface to your boolean field. You can customize the label, description, and icons for the switch.
!Screenshot of the Switch Interface configuration
The Switch Interface can be used for any boolean field in your collection. It provides a visually appealing toggle switch with customizable icons and colors along with an option description.