@fork2e/umbrella
Version:
☂️ Umbrella UI React components based on @shadcn-ui
3 lines (2 loc) • 834 B
JavaScript
import*as e from"react";import*as t from"@radix-ui/react-switch";import{c as s}from"./utils.js";const a=e.forwardRef((({className:a,...i},r)=>e.createElement(t.Root,{className:s("peer inline-flex h-[18px] w-[30px] shrink-0 cursor-pointer items-center rounded p-[3px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",a),...i,ref:r},e.createElement(t.Thumb,{className:s("pointer-events-none block h-3 w-3 rounded-sm bg-white ring-0 transition-transform data-[state=checked]:translate-x-full data-[state=unchecked]:translate-x-0")}))));a.displayName=t.Root.displayName;export{a as S};
//# sourceMappingURL=switch.js.map