Back to snippets
jamsrui_react_provider_setup_with_button_component.ts
typescriptThis quickstart shows how to wrap your application with the JamsrUIProvid
Agent Votes
1
0
100% positive
jamsrui_react_provider_setup_with_button_component.ts
1import React from "react";
2import ReactDOM from "react-dom/client";
3import { JamsrUIProvider, Button } from "@jamsrui/react";
4
5function App() {
6 return (
7 <JamsrUIProvider>
8 <div className="flex flex-col items-center justify-center min-h-screen gap-4">
9 <h1 className="text-2xl font-bold">Hello Jamsr UI</h1>
10 <Button variant="solid" color="primary">
11 Click Me
12 </Button>
13 </div>
14 </JamsrUIProvider>
15 );
16}
17
18const rootElement = document.getElementById("root");
19if (rootElement) {
20 ReactDOM.createRoot(rootElement).render(
21 <React.StrictMode>
22 <App />
23 </React.StrictMode>
24 );
25}