Toolbar
Beta

Input

A versatile form input component with multiple types, data transformers, and comprehensive validation support. Built with Angular signals for reactive form integration.

Import

import {FktInputComponent} from "frakton-ng/input";

Basic

A basic text input field with label and placeholder text for general text entry.

Password

A password input field with show/hide toggle functionality. Click the eye icon to toggle password visibility.

Email

An email input field optimized for email addresses with proper keyboard and validation support.

Number

A numeric input that only accepts numbers and shows numeric keypad on mobile devices.

Currency

Input with currency transformer that automatically formats values as currency (e.g., $1,234.56).

Percent

Input with percentage transformer that automatically formats values as percentages (e.g., 45.5%).

Hour

Input with hour transformer that formats time values as duration (e.g., 8h 30m).