✏️

Input

Flexible input component with built-in validation

85%
Code Reduction
100
Traditional Lines
15
Factory Lines
6
Frameworks

Code Example

const EmailInput = ui.createInput({
  type: 'email',
  label: 'Email Address',
  placeholder: 'your@email.com',
  validation: z.string().email(),
  icon: '✉️',
  clearable: true
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your Input component with 85% less code!

Features

  • ✓Multiple input types
  • ✓Built-in validation
  • ✓Error states
  • ✓Icons support
  • ✓Clear button

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓
Solid✓
preact✓