Icon

Компонент, предоставляющий пиктограммы по гайду.

Для каждого имени иконки допустимы до пяти размеров.

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

HTML, Angular

<ds-icon icon="ecology" color="fargo" size="32"></ds-icon>

React

import { Icon } from '@rir/ds-library';

function Component() {
  return (
    <>
      <Icon
        icon="ecology"
        color="fargo"
        size={32}
      ></Icon>
    </>
  );
}

export default Component;

Vue3

<ds-icon icon="ecology" color="fargo" :size="32"></ds-icon>

API

Props

Name	Type	Description	Default
icon	String	Имя иконки	'selected'
color	enum Colors	Цвет иконки	'rocky'
size	Number: [16, 20, 32, 56, 72]	Размер иконки	16

Примеры проектов

React

Angular

Vue