Astra UI

Components

Input

A flexible input component for collecting user data. It's designed to be simple, accessible, and customizable to fit various use cases in your web applications.

Preview

Variations

Basic Input

Basic Usage

The Astra Input component is straightforward to use. Just add the <astra-input> tag to your HTML:

<astra-input placeholder="Enter your name"></astra-input>

Features

The Astra Input component comes with several useful features:

Why Use Astra Input?

  • Simplicity: Easy to use with minimal setup required.
  • Accessibility: Built-in support for labels and ARIA attributes.
  • Customization: Use slots to add icons or buttons easily.
  • Responsive: Automatically adapts to light and dark color schemes.

Fast Travel