use-design-system/TextField

What problem does it solve?

This Skill provides a comprehensive and customizable TextField component for various input needs, ensuring consistent UI and user experience across applications.

Core Features & Use Cases

• Variant Styling: Offers four distinct visual styles (box, line, big, hero) for different contexts.
• Input Augmentation: Supports clearable fields, password toggles, and inline buttons.
• Formatting: Enables custom input transformation and reset logic.
• Use Case: Quickly implement a form with a standard text input, a password field with a toggle, and a phone number input with a clear button, all using a unified component.

Quick Start

Use the TextField component to create a basic input field for a user's name.