Switch

Toggle between checked and unchecked states.

Preview

Usage

import { z } from 'zod';
import { AutoForm } from '@vitnode/core/components/form/auto-form';
import { AutoFormSwitch } from '@vitnode/core/components/form/fields/switch';

const formSchema = z.object({
  acceptTerms: z.boolean().refine(val => val, {
    message: 'You must accept the terms and conditions',
  }),
});

<AutoForm
  formSchema={formSchema}
  fields={[
    {
      id: 'acceptTerms',
      component: props => (
        <AutoFormSwitch {...props} label="I accept the terms and conditions" />
      ),
    },
  ]}
/>

import { Switch } from '@vitnode/core-frontend/components/ui/switch';

<Switch checked={value} onCheckedChange={onChange} />

API Reference

Radix UI - Switch

Select

Choose an option from a list of options.

Textarea

Input for multi-line text input.

On this page

Switch - VitNode