@snack-uikit/icon-predefined NPM | npm.io

0.7.6 • Published 2 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

2 months ago

Icon Predefined

Installation

npm i @snack-uikit/icon-predefined

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

name	type	default value	description
icon*	`JSXElementConstructor<{ size?: number; className?: string; }>`	-	JSX иконки
className	`string`	-	CSS-класс
appearance	enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"`	primary	Внешний вид
decor	`boolean`	true	Наличие цветной подложки
size	enum Size: `"s"`, `"m"`, `"l"`	m	Размер
shape	"round" \| "square"	round	Форма: круглая или квадратная

@snack-uikit/utils classnames

@everything-registry/sub-chunk-847 @snack-uikit/attachment @snack-uikit/card @snack-uikit/info-block @snack-uikit/modal @snack-uikit/table

0.7.2-preview-20b0f520.0

8 months ago

0.7.2-preview-379c4ff3.0

8 months ago

0.7.6-preview-8cf89a18.0

4 months ago

0.7.2-preview-042f5ed6.0

8 months ago

0.7.2-preview-baf754b1.0

8 months ago

0.7.2-preview-53bd8747.0

8 months ago

0.7.7-preview-69fcfa33.0

2 months ago

0.7.4-preview-f7ec3fa7.0

6 months ago

0.7.2-preview-4d81b82b.0

8 months ago

0.7.4-preview-922d2ce6.0

6 months ago

0.7.4-preview-74c13173.0

5 months ago

0.7.4-preview-f228eb9d.0

6 months ago

8 months ago

9 months ago

5 months ago

7 months ago

0.7.7-preview-9998cc23.0

2 months ago

3 months ago

0.7.4-preview-a2a64ca4.0

6 months ago

5 months ago

0.7.2-preview-7eeb1bc1.0

8 months ago

0.7.4-preview-d479ae3f.0

5 months ago

0.7.4-preview-e840ab81.0

6 months ago

0.7.6-preview-845a4e8b.0

3 months ago

0.5.3-preview-ba12ca94.0

10 months ago

0.5.3-preview-71543426.0

10 months ago

10 months ago

10 months ago

0.5.3-preview-e5174ad1.0

10 months ago

0.5.3-preview-efee0b7d.0

10 months ago

0.5.3-preview-c9b51578.0

10 months ago

0.5.3-preview-3f66d646.0

10 months ago

0.5.3-preview-1f246c4a.0

10 months ago

0.5.3-preview-d96c83e8.0

10 months ago

0.5.3-preview-fc25f08d.0

10 months ago

0.5.3-preview-7adaddbe.0

10 months ago

0.5.2-preview-94780dcd.0

11 months ago

11 months ago

1 year ago

0.5.1-preview-cb79db34.0

1 year ago

0.5.1-preview-5b75040d.0

1 year ago

0.5.1-preview-7a18c2ee.0

1 year ago

0.5.1-preview-08779a44.0

1 year ago

0.5.1-preview-69abc1d3.0

1 year ago

0.5.1-preview-80576138.0

1 year ago

0.5.1-preview-82ef7975.0

1 year ago

0.5.1-preview-0a44b2fc.0

1 year ago

0.5.1-preview-2855fb42.0

1 year ago

1 year ago

1 year ago

0.4.2-preview-993a9cfb.0

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

0.2.6-preview-85c5f47b.0

2 years ago

0.2.6-preview-104ad22c.0

2 years ago