Skip to content

Commit

Permalink
feat(plasma-asdk): update storybook readme
Browse files Browse the repository at this point in the history
  • Loading branch information
TitanKuzmich committed Nov 9, 2023
1 parent c443727 commit 1d75102
Showing 1 changed file with 30 additions and 1 deletion.
31 changes: 30 additions & 1 deletion packages/plasma-asdk/README.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,38 @@ import { Meta } from "@storybook/addon-docs";
```bash
$ npm install --save react react-dom
$ npm install --save styled-components
$ npm install --save @salutejs/plasma-asdk @salutejs/plasma-icons
$ npm install --save @salutejs/plasma-asdk @salutejs/plasma-tokens @salutejs/plasma-typo
```

## Настройка
Создайте компонент для подключения глобальных стилей:

```jsx title="GlobalStyle.tsx"
import { createGlobalStyle } from 'styled-components';
import { standard } from '@salutejs/plasma-typo';
import {
stylesSalute__light as stylesSaluteLight
} from '@salutejs/plasma-tokens';

const ThemeStyle = createGlobalStyle(stylesSaluteLight);
const TypoStyle = createGlobalStyle(standard);

export const GlobalStyle = () => (
<>
<ThemeStyle />
<TypoStyle />
</>
);
```

### Корень приложения
В корне приложения вызовите компонент глобальных стилей `GlobalStyle`:

+ Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
+ Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.

Для корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в plasma-asdk);

### Использование компонентов

Все компоненты доступны из папки `components` или напрямую из пакета:
Expand Down

0 comments on commit 1d75102

Please sign in to comment.