Миксины (mixins)
Раздел содержит функции, которые можно применять для стилизации компонент.
applyPaper
Позволяет создать базовый стиль подложки для любого блока, со следующим набором свойств, значения которых доступны из темы plasma_giga
:
- backgroundColor - отвечает за цвет подложки в котором можно выбрать токены цветов и градиентов;
- borderRadius - отвечает за скругление углов блока;
- shadow - отвечает за применение стилей теней для блока;
- styles - отвечает за все доступные css свойства.
import { applyPaper } from '@salutejs/plasma-giga';
<div
style={applyPaper({
backgroundColor: 'surfaceAccent',
borderRadius: 'borderRadiusM',
shadow: 'shadowDownHardM',
styles: {
color: 'white',
width: '10rem',
height: '10rem',
},
})}
>
Test card
</div>