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/customization

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

Spinner customization with custom icons

You can replace the default spinner icon with any other icon by editing the Spinner component. The example shows using LoaderIcon from lucide-react with role="status" and aria-label="Loading" attributes.

Spinner component implementation example

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 } This example shows a basic Spinner implementation using LoaderIcon with accessibility attributes.

Spinner customization with custom icon

You can replace the default spinner icon by editing the Spinner component. The component accepts a className prop and spreads other SVG props. The default implementation uses LoaderIcon from lucide-react with role="status" and aria-label="Loading" attributes, and applies the classes "size-4 animate-spin" by default, which can be extended using the cn utility function.

Give your agent this brain