This is the latest docs update, but there are missing components and blocks. If you wish to see the complete version, you can check it out at old docs.

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

Default

Underline

Danger

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