Components

A basic input field for user text entry.

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-input

Usage

import { Input } from "@mijn-ui/react-input"
<Input />

Examples

InputVariants

Filled / Default

Underline

Input with Icon

Input With Floating Label

Input Floating Label with Icon


Input Style Slots

Slot NameTargeted ComponentPurpose
baseInputStyles the input component.
wrapperInputStyles the wrapper around the input field.
startIconInputStyles the icon displayed before the input.
endIconInputStyles the icon displayed after the input.
labelInputStyles the input label.

On this page