Input

Text field that allows users to enter and edit values.

Source Tailwind Javascript

Installation

  1. Install the component

    templui add input
  2. Add the JavaScript to your layout

    @input.Script()
    

    Call this template in your base layout file (e.g., in the <head> section).

Examples

File

Disabled

With Label

Password

Form

Enter your email address for notifications.

Please enter a valid email address

API Reference

Required parameter
Hover for description

Input

Text field that allows users to enter and edit values.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-
Name
string
-
Type
Type
text
Placeholder
string
-
Value
string
-
Disabled
bool
false
Readonly
bool
false
Required
bool
false
FileAccept
string
-
HasError
bool
false
NoTogglePassword
bool
false