@skbkontur/logos

$3

Используются с компонентом Logotype из пакета @skbkontur/react-ui-addons (Logotype/readme).

``jsx harmony
import { Kontur, Extern } from '@skbkontur/logos';
import { Logotype } from '@skbkontur/react-ui-addons';

} productLogo={} />;
`

$3

В некоторых логотипах по-умолчанию установлены фирменные цвета. Но их можно переопределить через проп color.

Размер можно изменять пропом size. Его значение будет соответствовать высоте лого. По-умолчанию для всех лого это 24px.

`typescript static
props: {
color: string;
size: number;
}
`

`jsx harmony
import { Kontur } from '@skbkontur/logos';

;
`

`jsx harmony
import { WithLogoAndSize } from '../react-ui-addons/components/Logotype/__stories__/Logotype.stories';

;
`

`jsx harmony
import { Baseline } from './__stories__/Logos.stories';

;
`

$3

На данный момент локализация через LocaleContext не поддерживается и логотипы нужно менять самостоятельно.

Не все продуктовые логотипы имеют английскую или русскую версию. У английских версий в названии присутствует постфикс EN. Такие логотипы рекомендуется использовать совместно с KonturEN.

`jsx harmony
import { Kontur, KonturEN, SchoolAcademy, Focus, FocusEN, Diadoc, DiadocEN } from '@skbkontur/logos';
import { Logotype } from '@skbkontur/react-ui-addons';
import { Gapped } from '@skbkontur/react-ui';




➜




➜




➜


;
`

$3

`jsx harmony
import { AllLogos } from './__stories__/AllLogos';

;
``