Server Settings Toggle

A vertical list of server setting rows with toggle buttons that swap their icon and status color when switched on or off.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Server Settings Toggle to your project and fits it to your theme.

import Pattern from "@/components/ui/v-toggle-14";

export default function Default() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6">
      <Pattern />
    </div>
  );
}