Select Field

'use client';
 
import * as React from 'react';
 
import { SelectField } from '@/components/ui/formfield';
 
export function SelectFieldDemo() {
  return (
    <form className="flex flex-col gap-4 p-4">
      <SelectField
        name="status"
        label="Status"
        placeholder="Select Status"
        items={[
          { value: 'pending', label: 'Pending' },
          { value: 'approved', label: 'Approved' },
          { value: 'rejected', label: 'Rejected' },
        ]}
        // defaultValue="pending"
      />
    </form>
  );
}

'use client';
 
import * as React from 'react';
 
import { SelectField } from '@/components/ui/formfield';
 
export function SelectFieldDemo() {
  return (
    <form className="flex flex-col gap-4 p-4">
      <SelectField
        name="status"
        label="Status"
        placeholder="Select Status"
        items={[
          { value: 'pending', label: 'Pending' },
          { value: 'approved', label: 'Approved' },
          { value: 'rejected', label: 'Rejected' },
        ]}
        // defaultValue="pending"
      />
    </form>
  );
}