tailwindcss/docs/source/docs/forms.blade.md
Adam Wathan 3ffe2a5077 Document appearance-none
Also create appearance-none lol
2017-10-31 21:48:57 -04:00

2.3 KiB

extends title
_layouts.documentation Forms

Forms

Utilities for styling form controls.

@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => false, 'hover' => false, 'focus' => false ])

@include('_partials.work-in-progress')

Class Properties Description
.appearance-none appearance: none; Remove any special styling applied to an element by the browser.

Custom Select

Form controls are great candidates for component classes, but just for fun, here's how you can build a fully custom select menu with just utility classes:

@component('_partials.code-sample', ['lang' => 'html', 'class' => 'text-center'])

Really long option that will likely overlap the chevron Option 2 Option 3
@endcomponent