Components
- AccordionNew
- Alert
- Alert DialogNew
- AutocompleteNew
- AvatarNew
- Badge
- Breadcrumb
- Button
- CalendarNew
- CardNew
- Checkbox
- Checkbox GroupNew
- CollapsibleNew
- ComboboxNew
- CommandNew
- Context MenuNew
- Date PickerNew
- DialogNew
- DrawerNew
- EmptyNew
- FieldNew
- FieldsetNew
- FormNew
- FrameNew
- GroupNew
- Input
- Input GroupNew
- KbdNew
- Label
- MenuNew
- MeterNew
- Number Field
- OTP FieldNew
- Pagination
- PopoverNew
- Preview CardNew
- Progress
- Radio Group
- Scroll AreaNew
- Select
- Separator
- SheetNew
- SkeletonNew
- Slider
- Spinner
- StepperNew
- Switch
- Table
- TabsNew
- Textarea
- ToastNew
- ToggleNew
- Toggle GroupNew
- ToolbarNew
- Tooltip
Spinner
An indicator that can be used to show a loading state.
import { Spinner } from "mako-ui/components/spinner";
export default function Particle() {
return <Spinner />;
}
Usage
import { Spinner } from "mako-ui/components/spinner"<Spinner />API Reference
Spinner
Use the Spinner component to display a loading indicator.
| Prop | Type | Default |
|---|---|---|
className | string |
Examples
Input Group
import {
InputGroup,
InputGroupAddon,
InputGroupInput,
} from "mako-ui/components/input-group";
import { Spinner } from "mako-ui/components/spinner";
export default function Particle() {
return (
<InputGroup>
<InputGroupInput disabled placeholder="Processing…" type="search" />
<InputGroupAddon>
<Spinner />
</InputGroupAddon>
</InputGroup>
);
}
Button
import { Button } from "mako-ui/components/button";
import { Spinner } from "mako-ui/components/spinner";
export default function Particle() {
return (
<Button disabled>
<Spinner />
Loading...
</Button>
);
}