Реализация компонентов для создания веб-приложений.
Компоненты реализованы на typescript с помощью react и styled-components;
Использование данного пакета предполагает использование react
& react-dom
;
Использование styled-components
на проект не обязательно, также как и использование typescript
.
Но для того чтобы комопненты работали styled-components
необходимо установить.
$ npm install --save react react-dom
$ npm install --save styled-components
$ npm install --save @salutejs/plasma-b2c @salutejs/plasma-icons @salutejs/plasma-tokens-b2c @salutejs/plasma-typo
Для корректной работы необходимо создать глобальные стили:
// Main.tsx
import React from 'react';
import { createGlobalStyle } from 'styled-components';
import { dark } from '@salutejs/plasma-tokens-b2c/themes';
import { standard as standardTypo, compatible as compatibleTypo } from '@salutejs/plasma-typo';
import { App } from './App.tsx';
const TypoStyle = createGlobalStyle(standardTypo);
const CompatibleTypoStyle = createGlobalStyle(compatibleTypo);
const Theme = createGlobalStyle(dark);
export const Main = () => {
const Theme = themes[context.globals.theme];
return (
<>
<TypoStyle />
<CompatibleTypoStyle />
<Theme />
<App />
</>
);
};
// App.tsx
import { Button } from '@salutejs/plasma-b2c';
export const App = () => {
return <Button text="Hello, Plasma!" />;
};