Beta
Animate UI

Switch

A control that indicates whether a setting is on or off.

Made by imskyleen

Installation

Usage

<Switch />

Props

Animate UI Props

Switch

PropTypeDefault
thumbIcon?
React.ReactNode
-
rightIcon?
React.ReactNode
-
leftIcon?
React.ReactNode
-
motionProps?
HTMLMotionProps<'button'>
-

Credits

  • We use Base UI for the switch component.
  • We take our inspiration from Shadcn UI for the switch style.

Built by Skyleen. The source code is available on GitHub.

On this page