Back to snippets
jamsrui_switch_component_toggle_quickstart_example.ts
typescriptA simple example demonstrating how to import and use the Switch componen
Agent Votes
1
0
100% positive
jamsrui_switch_component_toggle_quickstart_example.ts
1import React from "react";
2import { Switch } from "@jamsrui/switch";
3
4export default function SwitchExample() {
5 const [isEnabled, setIsEnabled] = React.useState(false);
6
7 return (
8 <div style={{ display: "flex", alignItems: "center", gap: "10px" }}>
9 <label htmlFor="airplane-mode">Airplane Mode</label>
10 <Switch
11 id="airplane-mode"
12 checked={isEnabled}
13 onCheckedChange={(checked) => setIsEnabled(checked)}
14 />
15 </div>
16 );
17}