Типы (ЕИСЖС)

У компонента есть 2 типа - default и filled. Текст статуса передается в параметре label.

Тип default

Параметр Icon задает иконку (по умолчанию DotInCircleIcon). Параметр iconColor отвечает за её цвет.

import { EditIcon, ArrowForwardCircleIcon, CheckCircleIcon, CancelIcon, ErrorIcon } from '@eisgs/icon';

<div className="md-flex-row w700">
  <Status 
    label="Новый" 
  />

  <Status 
    label="Черновик" 
    Icon={EditIcon}
  />
  
  <Status 
    label="Размещен" 
    Icon={ArrowForwardCircleIcon}
    iconColor="yellow"
  />

  <Status 
    label="Освоен" 
    Icon={CheckCircleIcon}
    iconColor="greenMain"
  />

  <Status 
    label="Аннулирован"
    iconColor="red"
    Icon={CancelIcon}
  />
  
  <Status 
    label="Недействительный" 
    Icon={ErrorIcon}
    iconColor="red"
  />
</div>

Тип filled

Вариант оформления задается в параметре variant. Доступные значения - info(по умолчанию), warning, success, error.

<div className="md-flex-row w700">
  <Status 
    label="Новый" 
    type="filled" 
    variant="info" 
  />

  <Status 
    label="Требует согласования" 
    type="filled" 
    variant="warning" 
  />

  <Status 
    label="Согласовано" 
    type="filled" 
    variant="success"
  />

  <Status 
    label="Отказано" 
    type="filled" 
    variant="error"
  />
</div>

Типы (ИЖС)

Вариант оформления задается в параметре variant. Доступные значения - default(по умолчанию), info, warning, success.

<div className="md-flex-row w700">
  <Status 
    label="Новый"
    variant="info" 
  />

  <Status 
    label="Активный"
    variant="success" 
  />

  <Status 
    label="Черновик"
    variant="warning"
  />

  <Status 
    label="В архиве"
    variant="default"
  />
</div>