Switch

A control that allows the user to toggle between checked and not checked.

We take the Shadcn UI component and animate it with Motion.

Airplane mode

Installation

Props

Docs API Reference

Animate UI props:

Prop	Type	Default
`leftIcon?`	`React.ElementType`	-
`rightIcon?`	`React.ElementType`	-
`thumbIcon?`	`React.ElementType`	-
`width?`	`number`	`40`
`height?`	`number`	`24`
`margin?`	`number`	`2.5`

Credits

We use Radix UI for the switch component.
We take our inspiration from Shadcn UI for the switch style (to make it easier to replace a shadcn component with the animate ui component).

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.