website/sdds-scan-docs/docs/_theme-switch/theme-switch-css.mdx - dev - sdds/plasma

website/sdds-scan-docs/docs/_theme-switch/theme-switch-css.mdx

37 строк900 B

Alexander Lobyntsev

chore(sdds-scan-docs): init package

28 май 2025, 12:34

28 май 2025, 12:3447f57c7

import TipProcessingStyle from '../_utils/_tip-processing-styles.mdx';

<TipProcessingStyle />

```jsx
import React, { useLayoutEffect, useState } from 'react';
import { Switch } from '@salutejs/sdds-scan';

import './index.css';

const App = () => {
    const [theme, setTheme] = useState('light');

    useLayoutEffect(() => {
        document.documentElement.className = theme;
    }, [theme]);

    return (
        <div className="wrapper">
            <Switch
                label={`app theme: ${theme}`}
                onChange={() => {
                    setTheme((theme) => (theme === 'light' ? 'dark' : 'light'));
                }}
            />
        </div>
    );
};

export default App;
```

В файле, где происходит подключение всех стилей, например `index.css`

```css
@import '@salutejs/sdds-themes/css/sdds_scan.module.css';
```