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

extends	title	description
_layouts.documentation	Buttons	null

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

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