p-field-16

PreviousNext

Field with slider

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-field-16.tsx
import {
  Field,
  FieldDescription,
  FieldLabel,
} from "@/registry/default/ui/field";
import { Slider } from "@/registry/default/ui/slider";

export default function Particle() {
  return (
    <Field className="items-stretch gap-3">
      <FieldLabel>Country</FieldLabel>
      <Slider defaultValue={50} />
      <FieldDescription>This is an optional field</FieldDescription>
    </Field>
  );
}

Installation

npx shadcn@latest add @coss/p-field-16

Usage

import { PField16 } from "@/components/p-field-16"
<PField16 />