components · Form

Input

components/ui/input.tsx

preview

usage · in this app

components/tools/ExtractForm.tsx

import { Input } from '@/components/ui/input'

<Input
  id="extract-url"
  type="url"
  placeholder="https://stripe.com"
  value={url}
  onChange={e => setUrl(e.target.value)}
  disabled={isPending}
  autoComplete="url"
  inputMode="url"
  aria-invalid={!!error}
  aria-describedby={error ? 'extract-error' : undefined}
  className="flex-1"
  required
/>

props

{ className, type, ...props }

used on · 1

/tools/designmd-extractor

tokens · 4

referenced in its file

--background --input --muted-foreground --ring

history · 0

no edits to this component yet (ID syncs not counted)

Coherent Design MethodGitHubDesign system read from this app's code