File tree Expand file tree Collapse file tree 2 files changed +12
-6
lines changed Expand file tree Collapse file tree 2 files changed +12
-6
lines changed Original file line number Diff line number Diff line change @@ -1342,24 +1342,29 @@ module App = {
1342
1342
let (count, setCount) = React.useState(() => 0)
1343
1343
let (username, setUsername) = React.useState(() => "Anonymous")
1344
1344
1345
- <div>
1345
+ <div className="p-4" >
1346
1346
{React.string("Username: ")}
1347
1347
<input
1348
+ className="bg-gray-50 border border-gray-300 "
1348
1349
type_="text"
1349
1350
value={username}
1350
- onChange={evt => {
1351
- evt->ReactEvent.Form.preventDefault
1352
- let username = (evt->ReactEvent.Form.target)["value"]
1351
+ onChange={event => {
1352
+ event->ReactEvent.Form.preventDefault
1353
+ let eventTarget = event->ReactEvent.Form.target
1354
+ let username = eventTarget["value"]
1353
1355
setUsername(_prev => username)
1354
1356
}}
1355
1357
/>
1356
1358
<button
1359
+ className="px-4 bg-blue-600 text-white"
1357
1360
onClick={_evt => {
1358
1361
setCount(prev => prev + 1)
1359
1362
}}>
1360
1363
{React.string("Click me")}
1361
1364
</button>
1362
- <button onClick={_evt => setCount(_ => 0)}> {React.string("Reset")} </button>
1365
+ <button className="px-4 bg-blue-900 text-white" onClick={_evt => setCount(_ => 0)}>
1366
+ {React.string("Reset")}
1367
+ </button>
1363
1368
<CounterMessage count username />
1364
1369
</div>
1365
1370
}
Original file line number Diff line number Diff line change @@ -13,8 +13,9 @@ let srcDoc = `
13
13
<title>Playground Output</title>
14
14
<style>${css}</style>
15
15
</head>
16
- <body>
16
+ <body style="background-color:white;" >
17
17
<div id="root"></div>
18
+ <script src="https://cdn.tailwindcss.com"></script>
18
19
<script type="importmap">
19
20
{
20
21
"imports": {
You can’t perform that action at this time.
0 commit comments