ui-component

input

v1.0.0

Native <input> wrapped as a design-system custom element — supports text/email/password/search/tel/url/number types, invalid+describedBy for error states, and emits dsInput with the current value on every keystroke.

Install

Preview

Usage

react
django-template

Spec details

Raw registry entry
{
  "name": "input",
  "type": "ui-component",
  "metadata": {
    "level": 1,
    "description": "Native <input> wrapped as a design-system custom element — supports text/email/password/search/tel/url/number types, invalid+describedBy for error states, and emits dsInput with the current value on every keystroke.",
    "author": "neo",
    "version": "1.0.0",
    "created_at": "2026-08-26",
    "dependencies": [],
    "translations": {
      "es": {
        "description": "<input> nativo envuelto como custom element del design system — soporta tipos text/email/password/search/tel/url/number, invalid+describedBy para errores, y emite dsInput con el valor actual en cada tecla."
      }
    }
  },
  "spec": {
    "tech": "stencil",
    "tag": "ds-input",
    "tokens_used": [
      "font.family",
      "font.size-md",
      "spacing.sm",
      "spacing.md",
      "spacing.lg",
      "spacing.xl",
      "radius.sm",
      "radius.md"
    ]
  }
}