Input

Attributes

value

        
        <lux-input [(value)]="value"></lux-input>
Bind value: {{ value1 }}

Disabled

        
    <lux-input [(value)]="value" disabled></lux-input>

Readonly

        
    <lux-input [(value)]="value" [readonly]="true"></lux-input>

Placeholder

        
    <lux-input [placeholder]="placeholder"></lux-input>
    
        
    <lux-input placeholder="Write text..."></lux-input>

Required

        
    <lux-input required></lux-input>

Types

Email

        
    <lux-input placeholder="Write text..." type="email" ></lux-input>

Date

        
    <lux-input type="date"></lux-input>

Time

        
    <lux-input type="time"></lux-input>

Password

        
    <lux-input type="password"></lux-input>

Currency

        
    <lux-input type="currency" currency="USD"></lux-input>
    
        
    <lux-input type="currency" currency="EUR"></lux-input>

Percentage

            
    <lux-input type="percentage"></lux-input>

Geolocation

        
    <lux-input type="geolocation"></lux-input>