@snack-uikit/icon-predefined v0.7.6

Icon Predefined

Installation

npm i @snack-uikit/icon-predefined

Changelog

Example

import { HeartSVG } from '@snack-uikit/icons';
import { IconPredefined } from '@snack-uikit/icon-predefined';

<IconPredefined
    appearance='red'
    size='l'
    className='className'
    icon={HeartSVG}
    decor
/>

Props

icon: JSXElementConstructor

Компонент svg-иконки из пакета @snack-uikit/icons.

className?: string

css-класс контейнера.

appearance?: Appearance - primary

Цвет иконки. Возможные варианты:

• primary
• neutral
• red
• orange
• yellow
• green
• blue
• violet
• pink

size?: Size - s

Размер компонента. Возможные варианты:

• s
• m
• l

decor?: boolean - [true]

Включает цветную подложку для иконки.

IconPredefined

Props