Reshaped Toggle button

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.

by reshaped

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>Toggle</ToggleButton>
      </div>
    </Reshaped>
  );
}