new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

shadcn/ui · Components · all subjects

spinner/usage

7 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Basic Spinner usage

To use the Spinner component, render it as: <Spinner />

Spinner basic import and usage

Import the Spinner component with: import { Spinner } from "@/components/ui/spinner". The basic usage is: <Spinner />

Spinner customization with custom icon

You can replace the default spinner icon with any other icon by editing the Spinner component. Here is an example implementation: import { LoaderIcon } from "lucide-react" import { cn } from "@/lib/utils" function Spinner({ className, ...props }: React.ComponentProps<"svg">) { return ( <LoaderIcon role="status" aria-label="Loading" className={cn("size-4 animate-spin", className)} {...props} /> ) } export { Spinner }

Spinner basic import

Import the Spinner component with: import { Spinner } from "@/components/ui/spinner"

Spinner in Badge with inline-end position

To add a spinner to a badge indicating a loading state, place the <Spinner /> element after the label with data-icon="inline-end" to position it at the end.

Spinner in Button with inline-end position

To add a spinner to a button indicating a loading state, place the <Spinner /> element after the label with data-icon="inline-end" to position it at the end.

Spinner basic usage

The Spinner component is used by rendering the <Spinner /> element with no required props.

Give your agent this brain