import { Meta, Story, Canvas } from '@storybook/addon-docs';
import NewBadge from '.';
import Space from '../space';

<Meta title="数据展示/徽标 NewBadge" component={NewBadge} />

# 徽标 NewBadge

## 导入

```typescript
import { NewBadge } from '@ahri-ui/core';
```

## 不同状态

<Canvas>
  <Story name="不同状态">
    <Space>
      <NewBadge>已取消</NewBadge>
      <NewBadge color="green">已发货</NewBadge>
      <NewBadge color="blue">进行中</NewBadge>
      <NewBadge color="red">未发货</NewBadge>
      <NewBadge color="yellow">会员</NewBadge>
      <NewBadge color="purple">游客</NewBadge>
    </Space>
  </Story>
</Canvas>

## API

| 参数  | 说明 | 类型                                                            | 默认值 |
| ----- | ---- | --------------------------------------------------------------- | ------ |
| color | 颜色 | 'default' \| 'green' \| 'blue' \| 'red' \| 'yellow' \| 'purple' | -      |