Иконки интернет-банка СберБизнес

反应ЭтонаборкомпонентовSVGиконок,разработанныхииспользуемыхвприложенииСберБизнес。

Установка

Пакет @sberbusiness/icons-next опубликованв npm.

npm install @sberbusiness/icons-next

После установки пакета нужно подключить стили из @sberbusiness/icons-next/styles/icons.css.

Использование

Цветаиконокзависятоттемы,поэтомуприложениенужнообернутьв ThemeProvider． По умолчанию класс темы добавляется document.documentElement， другой элемент можно передать через scopeRef.

Одноцветным иконкам передаётся paletteIndex - индекс цветовой палитры fusionstorage manager 0 доМногоцветные иконки используются без него。

import {ThemeProvider, EIconsTheme, CirclesmallStrokeSrvIcon20} from '@sberbusiness/icons-next';
import '@sberbusiness/icons-next/styles/icons.css';

const App = () => (
    <ThemeProvider theme={EIconsTheme.LIGHT}>
        <CirclesmallStrokeSrvIcon20 paletteIndex={0} />
    </ThemeProvider>
);

Текущую тему можно получить хуком useTheme.