This site was generated by www.stackbit.com, v0.2.63.
Spectral original README is located here.
The content of this site is managed by Forestry. Visit https://forestry.io to manage site content.
import React, { useState } from "react"; | |
import ReactDOM from "react-dom"; | |
import "./styles.css"; | |
function App() { | |
const [toggleState, setToggleState] = useState({ isTrue: false }); | |
const [counterState, setCounterState] = useState({ counter: 0 }); | |
const toggleTrueFalse = () => { |
import React, { useState } from "react"; | |
import ReactDOM from "react-dom"; | |
import useDarkMode from "use-dark-mode"; // Don't forget to import the NPM package use-dark-mode | |
import "./styles.scss"; | |
function App() { | |
const darkMode = useDarkMode(false); | |
const getDayNightAsString = () => { |
import useDarkMode from "use-dark-mode"; // Don't forget to import the NPM package use-dark-mode | |
function darkModeToggleButton() { | |
const darkMode = useDarkMode(false); | |
return (<button onClick={darkMode.toggle}>Toggle Day / Night</button>); | |
} |
import React, { useState } from "react"; | |
import ReactDOM from "react-dom"; | |
import useDarkMode from "use-dark-mode"; // Don't forget to import the NPM package use-dark-mode | |
import "./styles.scss"; | |
function App() { | |
const { value, toggle } = useDarkMode(false); | |
const dayNightAsString = value ? "🌕 Night": "☀️ Day"; |
import React, { useState } from "react"; | |
import ReactDOM from "react-dom"; | |
import "./styles.css"; | |
function App() { | |
const [isToggled, setToggled] = useState(false); | |
const [counterState, setCounterState] = useState(0); | |
const toggleTrueFalse = () => setToggled(!isToggled); |
This site was generated by www.stackbit.com, v0.2.63.
Spectral original README is located here.
The content of this site is managed by Forestry. Visit https://forestry.io to manage site content.
Spectral | |
This site was generated by www.stackbit.com, v0.2.63. | |
Spectral original README is located here. | |
The content of this site is managed by Forestry. Visit https://forestry.io to manage site content. |
The content of this site is managed by NetlifyCMS. Visit https://{yoursite-domain}/admin to manage site content. |
import React from "react"; | |
import ReactDOM from "react-dom"; | |
import { motion } from "framer-motion"; | |
import "./styles.css"; | |
function App() { | |
return ( | |
<div className="App"> | |
<motion.div |
import React from "react"; | |
import ReactDOM from "react-dom"; | |
import { motion } from "framer-motion"; | |
import "./styles.css"; | |
function App() { | |
return ( | |
<div className="App"> | |
<motion.div |