jamsrui_toggle_component_quickstart_react_example.ts

1"use client";
2
3import React from "react";
4import { Toggle } from "@jamsrui/toggle";
5
6export default function ToggleExample() {
7  const [isSelected, setIsSelected] = React.useState(false);
8
9  return (
10    <div className="flex flex-col gap-4 p-4">
11      <Toggle
12        isSelected={isSelected}
13        onValueChange={setIsSelected}
14        aria-label="Toggle sync"
15      >
16        {isSelected ? "On" : "Off"}
17      </Toggle>
18      <p>The toggle is {isSelected ? "selected" : "not selected"}</p>
19    </div>
20  );
21}