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

extends	title
_layouts.documentation	Buttons

Buttons

Work in progress!

More detailed documentation is coming soon, but in the mean time here's a bunch of quick examples.

Simple

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

@slot('code')

Button Button

@endslot @endcomponent

Pill

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

Outline

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

Bordered

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

Disabled

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

3D

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

Elevated

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

Button Groups

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

Prev Next

@endcomponent

w/Icon

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