@snack-uikit/status NPM | npm.io

0.8.5 • Published 1 month ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

1 month ago

Status

Installation

npm i @snack-uikit/status

Example

import { Status, StatusIndicator } from '@snack-uikit/status';

<Status 
  label="Text after status"
  appearance='pink'
  size='xs'
  hasBackground={true}
/>

<StatusIndicator
  appearance='violet'
  size='l'
/>

Status

Props

name	type	default value	description
label*	`string`	-	Текст
size	enum Size: `"xs"`, `"s"`	xs	Размер
appearance	enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"`	primary	Внешний вид
hasBackground	`boolean`	-	Наличие фона
className	`string`	-	CSS-класс

StatusIndicator

Props

name	type	default value	description
size	enum Size: `"xs"`, `"s"`, `"xxs"`, `"m"`, `"l"`	m	Размер
appearance	enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"`	primary	Внешний вид
className	`string`	-	CSS-класс

@snack-uikit/loaders @snack-uikit/utils classnames

@everything-registry/sub-chunk-847 @snack-uikit/avatar

0.8.2-preview-d479ae3f.0

4 months ago

0.7.2-preview-20b0f520.0

7 months ago

2 months ago

2 months ago

0.7.2-preview-379c4ff3.0

7 months ago

0.7.2-preview-042f5ed6.0

7 months ago

0.7.2-preview-baf754b1.0

7 months ago

0.8.2-preview-e840ab81.0

5 months ago

0.7.2-preview-53bd8747.0

7 months ago

0.8.2-preview-a2a64ca4.0

5 months ago

0.7.2-preview-4d81b82b.0

7 months ago

0.8.2-preview-f7ec3fa7.0

5 months ago

7 months ago

8 months ago

0.8.2-preview-f228eb9d.0

5 months ago

0.8.6-preview-69fcfa33.0

1 month ago

0.8.2-preview-922d2ce6.0

5 months ago

0.8.4-preview-8cf89a18.0

3 months ago

0.8.2-preview-74c13173.0

5 months ago

0.8.5-preview-845a4e8b.0

2 months ago

0.7.2-preview-7eeb1bc1.0

7 months ago

6 months ago

7 months ago

4 months ago

4 months ago

0.8.6-preview-9998cc23.0

1 month ago

0.5.4-preview-71543426.0

9 months ago

0.5.4-preview-ba12ca94.0

9 months ago

9 months ago

9 months ago

0.5.4-preview-efee0b7d.0

9 months ago

0.5.4-preview-e5174ad1.0

9 months ago

0.5.4-preview-d96c83e8.0

9 months ago

0.5.4-preview-c9b51578.0

9 months ago

0.5.4-preview-3f66d646.0

9 months ago

0.5.4-preview-1f246c4a.0

9 months ago

0.5.4-preview-fc25f08d.0

9 months ago

0.5.4-preview-7adaddbe.0

9 months ago

0.5.3-preview-94780dcd.0

10 months ago

10 months ago

1 year ago

0.5.2-preview-cb79db34.0

1 year ago

0.5.2-preview-7a18c2ee.0

1 year ago

0.5.2-preview-5b75040d.0

1 year ago

0.5.2-preview-08779a44.0

1 year ago

0.5.2-preview-69abc1d3.0

1 year ago

0.5.2-preview-82ef7975.0

1 year ago

0.5.2-preview-80576138.0

1 year ago

0.5.2-preview-2855fb42.0

1 year ago

0.5.2-preview-0a44b2fc.0

1 year ago

1 year ago

0.5.1-preview-993a9cfb.0

1 year ago

2 years ago

2 years ago

2 years ago

0.3.6-preview-85c5f47b.0

2 years ago

0.3.6-preview-104ad22c.0

2 years ago