Components
Toggle form field that takes a name and an optional children label, with an onChange handler. Supports a reversed label position, three sizes, controlled and uncontrolled modes via checked/defaultChecked, and a disabled state.
npx @21st-dev/cli add reshaped/reshaped-switchLoading preview...
import { Reshaped } from "reshaped/bundle";
import Switch from "@/components/ui/reshaped-switch";
export default function Demo() {
return (
<Reshaped theme="slate">
<div style={{ maxWidth: 320, width: "100%", margin: "0 auto", padding: 24 }}>
<Switch name="showAvatar" disabled>
Show avatar
</Switch>
</div>
</Reshaped>
);
}
Loading preview...
Loading preview...
Loading preview...
Loading preview...