@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
3 lines (2 loc) • 734 B
JavaScript
"use client";
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),t=require("@mui/material/FormControlLabel"),o=require("@mui/material/Switch");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(t),u=l(o);exports.FormToggle=({name:t,label:o,rules:l,controllerProps:i,switchProps:n,...s})=>{const{control:c}=r.useFormContext();return e.jsx(r.Controller,{...i,name:t,control:c,rules:l,render:({field:{ref:r,...l}})=>e.jsx(a.default,{label:o,...s,control:e.jsx(u.default,{...l,"data-testid":"switch",checked:l.value,inputRef:r,...n,inputProps:{"aria-label":o,"data-testid":`NexusFormToggle-${t}-input`,...n?.inputProps}})})})};