Package Exports

@salutejs/plasma-core
@salutejs/plasma-core/components/Carousel/CarouselItem
@salutejs/plasma-core/components/Carousel/CarouselItem.js
@salutejs/plasma-core/es/index.js
@salutejs/plasma-core/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@salutejs/plasma-core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Библиотека стилей и компонентов Plasma Core

Описание ключевых частей библиотеки и общего подхода.

Структура Core

Plasma Core является единым источником данных о значениях атрибутов, таких как цвет, размер, шрифт и т.д. в дизайн-системе.

Colors

Все возможные используемы цвета дизайн системы без прозрачностей и эффектов.

Opacity

Набор всех возможных значений прозрачности объекта/цвета без разделения на темную ветлую тему и на поверхности.

Dimensions

Набор размеров элементов и отступов.

Typeface

Набор значений атрибутов текстовых стилей без привязки к семейству шрифтов и поверхности.

Установка пакета

$ 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.

Документация.