Описание ключевых частей библиотеки и общего подхода.
Plasma Core является единым источником данных о значениях атрибутов, таких как цвет, размер, шрифт и т.д. в дизайн-системе.
Все возможные используемы цвета дизайн системы без прозрачностей и эффектов.
Набор всех возможных значений прозрачности объекта/цвета без разделения на темную ветлую тему и на поверхности.
Набор размеров элементов и отступов.
Набор значений атрибутов текстовых стилей без привязки к семейству шрифтов и поверхности.
$ npm install --save @salutejs/plasma-core
Все компоненты доступны из папки components
или напрямую из пакета:
// App.tsx
import { Button } from '@salutejs/plasma-core/components/Button';
export const App = () => {
return <Button>Hello, Plasma!</Button>;
};
Витрина с компонентами storybook.