Drawer

A drawer component that can be used as a Dialog replacement on tablet and mobile devices.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add drawer

We can bring the different components together to make a simple drawer.

We can add an image inside as well.

Divider

A horizontal line to separate content. Similiar to the Seperator component, but with items in the middle.

Dropdown Menu

Displays a menu to the user—such as a set of actions or functions—triggered by a button.