Components
Button that maintains a pressed/selected state, built on top of Button and defaulting to the outline variant. Inherits Button props (color, size, icons), supports a distinct selectedColor for the active state, controlled and uncontrolled modes via checked/defaultChecked, and a disabled flag.
npx @21st-dev/cli add reshaped/reshaped-toggle-buttonLoading preview...
import { Reshaped } from "reshaped/bundle";
import ToggleButton from "@/components/ui/reshaped-toggle-button";
export default function Demo() {
return (
<Reshaped theme="slate">
<div style={{ margin: "0 auto", padding: 24, display: "flex", justifyContent: "center" }}>
<ToggleButton disabled>Toggle</ToggleButton>
</div>
</Reshaped>
);
}
Loading preview...
Loading preview...
Loading preview...
Loading preview...