状态

@cloud-ru/ds-status - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 装入/进度.

Пакет @cloud-ru/ds-status {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢

• 状态 - ~~~~~~~~~~~~. Маркер быть точкой спиннером (loading{\fn黑体\fs20\shad2\2ah82\3ah20\4ah33\fscx95\3ch592001\be1}你觉得怎样progress) (中文(简体) ).
• 状态指标 -=ytet -伊甸园字幕组=- 翻译:.

Установка

pnpm add @cloud-ru/ds-status

import { Status, StatusIndicator } from '@cloud-ru/ds-status'

状态

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}加载 - \fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}.

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? loading{\fn黑体\fs20\shad2\2ah82\3ah20\4ah33\fscx95\3ch592001\be1}你觉得怎样progress) (中文(简体) ).

Когда

• \\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ :“ 行动 ” 、“ 暂停 ” 、“ 等待 ” .
• {\fn黑体\fs20\shad2\2aH82\3aH20\4aH33\fscx95\3cH592001\be1}你觉得呢loading) (中文(简体) ).
• Отображение(прогресса)progress=0..100{\fn黑体\fs20\shad2\2ah82\3ah20\4ah33\fscx95\3ch592001\be1}请说.

Когда не нужен:чип也 Chip编号 :Tag. . . . . PromoTag。 。 。 .

Анатомия

大小

xs {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你应该知道, s - ? ? ? - ? ? ? ? ? ? ? ? ? ? ? ? ? - ? - .

外观

校对:Soup neutral - нейтральный, green - успех/активно, red - ошибка/критично, orange编号 :yellow - предупреждение, blue - информация, violet编号 :pink - 额...

Примеры

Активный

import { Status } from '@cloud-ru/ds-status';

export function Active() {
  return <Status label='Active' appearance='green' />;
}

正在装入

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}看样子是中立的 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}是的.

import { Status } from '@cloud-ru/ds-status';

export function Loading() {
  return <Status label='Processing' loading />;
}

С

(原始内容存档于2018-10-21). entertainment.

import { Status } from '@cloud-ru/ds-status';

export function WithBackground() {
  return <Status label='Error' appearance='red' background />;
}

道具

状态选项

相关类型

• Appearance =: "blue" | "green" | "neutral" | "orange" | "pink" | "red" | "violet" | "yellow"

• StatusSize =: "s" | "xs"

状态指标

[永久失效連結] (中文(简体) ).

Минимальный:"точка也. 4xs → s{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}我还得去 [永久失效連結] (中文(简体) ).

Когда

• [永久失效連結] (中文(简体) ).
• (原始内容存档于2017-09-28). Badge-индикатор (онлайн, новое).
• {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}内在 - {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}我...

Когда не нужен:пользователю也 Status с. {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢.

Анатомия

大小

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 4xs (точка也 s (单位:++): 4xs, (中文(简体) ), 3xs, (中文(简体) ), 2xs, (中文(简体) ), xs, (中文(简体) ), s。 。 。 .

外观

说吧 neutral, (中文(简体) ), green ( , red ( , orange编号 :yellow ( , blue ( , violet编号 :pink (декоративные.

Примеры

Базовый

import { StatusIndicator } from '@cloud-ru/ds-status';

export function BasicIndicator() {
  return <StatusIndicator size='xs' appearance='green' />;
}

道具

状态指标

相关类型

• Appearance =: "blue" | "green" | "neutral" | "orange" | "pink" | "red" | "violet" | "yellow"

• StatusIndicatorSize =: "2xs" | "3xs" | "4xs" | "s" | "xs"