Object Field

import { Field, ObjectField, Input } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="flex flex-col gap-4 max-w-md">
      <ObjectField title="Billing Address" description="Your invoice will be sent here." collapsible>
        <Field label="Street" required><Input placeholder="123 Main St" /></Field>
        <Field label="City" required><Input placeholder="San Francisco" /></Field>
      </ObjectField>
      <ObjectField title="Shipping Address" collapsible defaultOpen={false}>
        <Field label="Street"><Input placeholder="123 Main St" /></Field>
      </ObjectField>
    </div>
  )
}