mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
1965b8406a
* refactor(spinner): add default variant * feature(spinner): add gradient variant * feature(spinner): add dots variant * feature(spinner): add dots-blink variant * feature(spinner): add spinner-bars * chore(spinner): add variants storybook * chore: adding variants to docs * chore: simplyfying the styles and modifying docs * chore: nits * chore: updating the dots and dots-blink animation * chore: nits * chore: adding Marcus' suggestions * chore: adding Marcus's suggestions * chore: adding junior's suggestions --------- Co-authored-by: Maharshi Alpesh <maharshialpesh@gmail.com>
14 lines
634 B
JavaScript
14 lines
634 B
JavaScript
import {Spinner} from "@heroui/react";
|
|
|
|
export default function App() {
|
|
return (
|
|
<div className="flex flex-wrap items-end gap-8">
|
|
<Spinner classNames={{label: "text-primary-400 mt-4"}} label="default" variant="default" />
|
|
<Spinner classNames={{label: "text-primary-400 mt-4"}} label="gradient" variant="gradient" />
|
|
<Spinner classNames={{label: "text-primary-400 mt-4"}} label="spinner" variant="spinner" />
|
|
<Spinner classNames={{label: "text-primary-400 mt-4"}} label="wave" variant="wave" />
|
|
<Spinner classNames={{label: "text-primary-400 mt-4"}} label="dots" variant="dots" />
|
|
</div>
|
|
);
|
|
}
|