Buttons

.my-2.flex.flex-col.lg:flex-row.gap-4
  = daisy_button do
    Plain Button

  = daisy_button(css: "btn-primary") do
    Primary Button

  = daisy_button(css: "btn-secondary") do
    Secondary Button

  = daisy_button(css: "btn-accent") do
    Accent Button

  = daisy_button(css: "btn-ghost") do
    Ghost Button

  = daisy_button(css: "btn-link") do
    Link Button

.flex.flex-col.md:flex-row.items-center.justify-center.gap-4
  = daisy_button(icon: "plus", css: "btn-circle")
  = daisy_button(icon: "minus", css: "btn-circle")
  = daisy_button(css: "hover:btn-secondary", icon: "heart", title: "Favorites")
  = daisy_button(css: "btn-accent", left_icon: "cloud", right_icon: "folder", title: "Cloud Files")
  = daisy_button(css: "btn-primary btn-lg", right_icon: "chevron-right", right_icon_css: "size-8", title: "Go")

.my-2.flex.flex-col.lg:flex-row.gap-4.items-center
  = daisy_button(css: "btn-lg") do
    Big Button

  = daisy_button do
    Default Button

  = daisy_button(css: "btn-sm") do
    Small Button

  = daisy_button(css: "btn-xs") do
    Tiny Button

= daisy_button(css: "bg-linear-to-r from-blue-500 to-blue-700 text-white rounded-full") do
  .loading.loading-spinner.mr-1
  %span
    Gradient Button

.my-2.flex.flex-col.lg:flex-row.gap-4.items-center
  = daisy_button(css: "btn-outline") do
    Outline Button

  = daisy_button(css: "btn-primary btn-outline") do
    Primary Outline Button

  = daisy_button(css: "btn-secondary btn-outline") do
    Secondary Outline Button

  = daisy_button(css: "btn-accent btn-outline") do
    Accent Outline Button

.my-2.flex.flex-col.lg:flex-row.gap-4.items-center
  = daisy_button(css: "btn-soft") do
    Soft Button

  = daisy_button(css: "btn-primary btn-soft") do
    Primary Soft Button

  = daisy_button(css: "btn-secondary btn-soft") do
    Secondary Soft Button

  = daisy_button(css: "btn-accent btn-soft") do
    Accent Soft Button

.my-2.flex.flex-col.lg:flex-row.gap-4.items-center
  = daisy_button(css: "btn-dash") do
    Dash Button

  = daisy_button(css: "btn-primary btn-dash") do
    Primary Dash Button

  = daisy_button(css: "btn-secondary btn-dash") do
    Secondary Dash Button

  = daisy_button(css: "btn-accent btn-dash") do
    Accent Dash Button