website/sdds-platform-ai-docs/docs/_theme-switch/theme-switch-css-module.mdx - dev - sdds/plasma

website/sdds-platform-ai-docs/docs/_theme-switch/theme-switch-css-module.mdx

33 строки786 B

Alexander Lobyntsev

docs(platform-ai): deploy docs

23 дек 2025, 08:31

23 дек 2025, 08:3192f7f8a

import TipCssModules from '../_utils/_tip-css-modules.mdx';

<TipCssModules />

```jsx
import React, { useLayoutEffect, useState } from 'react';

import { Switch } from '@salutejs/sdds-platform-ai';
import webThemes from '@salutejs/sdds-themes/css/sdds_serv.module.css';

import './style.css';

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

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

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

export default App;
```