Input

Champ de saisie avec validation et états

Stablev1.0.0

Installation

Terminal
npm install @xe-neo/okoume

Usage basique

TSX
<Input
  placeholder="Entrez votre nom"
  onChange={(value) => console.log(value)}
/>

Aperçu interactif à venir

Exemples

Avec erreur

TSX
<Input
  placeholder="Email"
  error="Email invalide"
/>

Désactivé

TSX
<Input
  placeholder="Champ désactivé"
  disabled
/>

API Reference

PropTypeDefaultRequiredDescription
type'text' | 'email' | 'password' | 'number'textOptionalType de champ
placeholderstring-OptionalTexte indicatif
disabledbooleanfalseOptionalDésactive le champ
errorstring-OptionalMessage d'erreur
onChange(value: string) => void-OptionalCallback au changement

Accessibilité

Conforme WCAG 2.1

Label associé avec for/id. Messages d'erreur avec aria-describedby. États indiqués avec aria-invalid.