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

drawer/variants

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

Drawer vertical default size

A vertical drawer sizes itself to its content and is capped at calc(100dvh - 6rem) by default.

Drawer side drawer default size

A side drawer spans 75% of the viewport width, or 24rem on larger screens.

Customize vertical drawer height

To customize the height of a vertical drawer, use the h-* and max-h-* utilities on DrawerContent. Example: <DrawerContent className="h-[50vh]">

Customize side drawer width

To customize the width of a side drawer, use the w-* and max-w-* utilities on DrawerContent. Example: <DrawerContent className="w-96">

Drawer multi-direction sizing with data attributes

When the same component renders in multiple directions, scope an override to one axis using the data-[swipe-axis=*] variants. Example: <DrawerContent className="data-[swipe-axis=y]:max-h-[50vh] data-[swipe-axis=x]:w-96">

Drawer direction prop for sides

The direction prop controls which side the drawer appears from. Available options are: top, right, bottom, and left.

Give your agent this brain