Skip to main content

Text aliases

The text input component supports every input type available. To help you write more semantic code, we've added some aliases that set the type attribute for you. In all other ways they act the exact same as the text input component.

List of aliases​

Color​

<x-eloquent-ui::input.color name="name" />

Date​

<x-eloquent-ui::input.date name="name" />

Datetime local​

<x-eloquent-ui::input.datetime-local name="name" />

Email​

<x-eloquent-ui::input.email name="name" />

Month​

<x-eloquent-ui::input.month name="name" />

Number​

<x-eloquent-ui::input.number name="name" />
<x-eloquent-ui::input.search name="name" />

Tel​

<x-eloquent-ui::input.tel name="name" />

Time​

<x-eloquent-ui::input.time name="name" />

URL​

<x-eloquent-ui::input.url name="name" />

Week​

<x-eloquent-ui::input.week name="name" />