Button

Import/Installation

import { Button } from "@lottiefiles/creator-plugins-ui";

Preview

Usage

import { useState } from "react";

const [loading, setLoading] = useState(false);

<Button>Default</Button>
<Button variant="outline">Outline</Button>
<Button variant="destructive">Delete</Button>
<Button
  loading={loading}
  onClick={() => {
    setLoading(true);
    setTimeout(() => setLoading(false), 1200);
  }}
>
  Save
</Button>

Props

Prop	Type	Default	Required	Description
variant	"default" \| "destructive" \| "outline" \| "secondary" \| "ghost" \| "link" \| "link-muted"	"default"	No	The visual style of the button.
size	"sm" \| "default" \| "icon"	"default"	No	The size of the button.
render	React.ReactElement	—	No	Render the button as a different element (e.g. an anchor tag).
loading	boolean	false	No	If true, the button shows a spinner and is disabled.

Built on Base UI Button. See their docs for primitive-level details.