react-mirror-background
v1.0.1
Published
A simple mirror background library with theme toggle functionality for React
Downloads
26
Maintainers
Readme
my-react-typescript-package
Installation:
npm install react-mirror-background --save-dev
or
yarn add -D react-mirror-background
Usage :
Add Mirror
to your component:
import React, { useState } from 'react'
import ReactDOM from 'react-dom/client'
import { Mirror } from 'react-mirror-background'
const Example: React.FC = () => {
const [isThemeLight, setIsThemeLight] = useState(true)
return (
<>
<Mirror setLighting={setIsThemeLight} />
<h1 style={{ color: isThemeLight ? '#000000' : '#FFFFFF' }}>Hello world</h1>
</>
)
}
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
<React.StrictMode>
<Example />
</React.StrictMode>,
)