Button

<button flowbiteButton>default</button>
<button
  flowbiteButton
  color="info">
  info
</button>
<button
  flowbiteButton
  color="failure">
  failure
</button>
<button
  flowbiteButton
  color="success">
  success
</button>
<button
  flowbiteButton
  color="warning">
  warning
</button>
<button
  flowbiteButton
  color="primary">
  primary
</button>

<button
  flowbiteButton
  pill>
  default
</button>
<button
  flowbiteButton
  pill
  color="info">
  info
</button>
<button
  flowbiteButton
  pill
  color="failure">
  failure
</button>
<button
  flowbiteButton
  pill
  color="success">
  success
</button>
<button
  flowbiteButton
  pill
  color="warning">
  warning
</button>
<button
  flowbiteButton
  pill
  color="primary">
  primary
</button>

<button
  flowbiteButton
  outline>
  default
</button>
<button
  flowbiteButton
  outline
  color="info">
  info
</button>
<button
  flowbiteButton
  outline
  color="failure">
  failure
</button>
<button
  flowbiteButton
  outline
  color="success">
  success
</button>
<button
  flowbiteButton
  outline
  color="warning">
  warning
</button>
<button
  flowbiteButton
  outline
  color="primary">
  primary
</button>

<button
  flowbiteButton
  size="xs">
  extra small
</button>
<button
  flowbiteButton
  size="sm">
  small
</button>
<button
  flowbiteButton
  size="md">
  medium
</button>
<button
  flowbiteButton
  size="lg">
  large
</button>
<button
  flowbiteButton
  size="xl">
  extra large
</button>

<button flowbiteButton>
  default button with icon
  <flowbite-icon
    name="brain"
    class="ml-2 size-4 stroke-2" />
</button>
<button
  flowbiteButton
  color="info">
  info button with icon
  <flowbite-icon
    name="brain"
    class="ml-2 size-4 stroke-2" />
</button>
<button
  flowbiteButton
  color="failure">
  failure button with icon
  <flowbite-icon
    name="brain"
    class="ml-2 size-4 stroke-2" />
</button>
<button
  flowbiteButton
  color="success">
  success button with icon
  <flowbite-icon
    name="brain"
    class="ml-2 size-4 stroke-2" />
</button>
<button
  flowbiteButton
  color="warning">
  warning button with icon
  <flowbite-icon
    name="brain"
    class="ml-2 size-4 stroke-2" />
</button>
<button
  flowbiteButton
  color="primary">
  primary button with icon
  <flowbite-icon
    name="brain"
    class="ml-2 size-4 stroke-2" />
</button>

<button
  flowbiteButton
  disabled>
  default
</button>
<button
  flowbiteButton
  disabled
  color="info">
  info
</button>
<button
  flowbiteButton
  disabled
  color="failure">
  failure
</button>
<button
  flowbiteButton
  disabled
  color="success">
  success
</button>
<button
  flowbiteButton
  disabled
  color="warning">
  warning
</button>
<button
  flowbiteButton
  disabled
  color="primary">
  primary
</button>

<div flowbiteButtonGroup>
  <button flowbiteButton>Button 1</button>
  <button flowbiteButton>Button 2</button>
  <button flowbiteButton>Button 3</button>
</div>