oui-button-demo-disabled-animation

PreviousNext
Docs
ouicomponent

Preview

Loading preview…
registry/default/components/oui-button-demo-disabled-animation.tsx
"use client";

import { Button } from "@/registry/default/ui/oui-button";
import { Loader2 } from "lucide-react";

export default function Component() {
  return (
    <Button isDisabled variant="outline">
      <Loader2 className="animate-spin" />
      Please wait
    </Button>
  );
}

Installation

npx shadcn@latest add @oui/oui-button-demo-disabled-animation

Usage

import { OuiButtonDemoDisabledAnimation } from "@/components/oui-button-demo-disabled-animation"
<OuiButtonDemoDisabledAnimation />