tailwindcss/docs/source/docs/examples/forms.blade.md

extends	title
_layouts.documentation	Forms

Forms

Work in progress!

More detailed examples are coming soon.

Login Form

@component('_partials.code-sample', ['class' => 'px-3 py-10 bg-grey-lighter flex justify-center'])

Username

Password

Please choose a password.

Sign In Forgot Password?

©{{ date('Y') }} Acme Corp. All rights reserved.

@endcomponent

Inline Form

@component('_partials.code-sample', ['class' => 'flex justify-center p-8'])

Full Name

Password

Send me your newsletter!

Sign Up

@endcomponent

Form Grid

@component('_partials.code-sample', ['class' => 'flex justify-center p-8'])

First Name

Please fill out this field.

Last Name

Password

Make it as long and as crazy as you'd like

City

State

New Mexico Missouri Texas

Zip

@endcomponent

Underline Form

@component('_partials.code-sample', ['class' => 'flex justify-center p-8'])

Sign Up Cancel

@endcomponent