button-2

• Vista previa

  SuccessWarningInfoDanger

• Código

  const Button2 = () => {
    return (
      <div className="flex flex-col lg:flex-row lg:items-center gap-5">
        <button
          type="button"
          className="bg-green-500/10 text-green-500 py-2 px-5 rounded hover:text-green-800 dark:hover:text-white transition-colors"
        >
          Success
        </button>
        <button
          type="button"
          className="bg-amber-600/10 text-amber-600 py-2 px-5 rounded hover:text-amber-600 dark:hover:text-white transition-colors"
        >
          Warning
        </button>
        <button
          type="button"
          className="bg-blue-500/10 text-blue-500 py-2 px-5 rounded hover:text-blue-800 dark:hover:text-white transition-colors"
        >
          Info
        </button>
        <button
          type="button"
          className="bg-red-500/10 text-red-500 py-2 px-5 rounded hover:text-red-800 dark:hover:text-white transition-colors"
        >
          Danger
        </button>
      </div>
    );
  };