Aedis UI

Input

Text input.

Installation

Once per app, set up Aedis UI. The CLI verifies the signed release before writing anything and pins every dependency:

npx @aedis/cli@0.1.0 init

Import the theme once in your global CSS, after Tailwind:

app/globals.css
@import "tailwindcss";@import "./styles/aedis-theme.css";

Then add the component:

npx @aedis/cli@0.1.0 add input# pnpm dlx @aedis/cli@0.1.0 add input · yarn dlx @aedis/cli@0.1.0 add input · bunx @aedis/cli@0.1.0 add input

Props

PropTypeDefaultDescription
maxLengthnumber256 for text-like typesLength limit; match it to the server's.
...propsinput props—Every prop of the native input. Set aria-invalid to show the error state.

Security

  • Text, search, email, url, tel and password inputs are limited to 256 characters unless maxLength says otherwise.
  • Validate on the server too; client-side constraints are only a convenience.