---
name: Statusbox
menu: Components
---

# Statusbox
import Statusbox from './index'
import './style/index.scss'
import {Playground, Props} from 'docz'

## Props & Methods
<Props of={Statusbox} />

## Basic Usage
<Playground>
    <Statusbox>默认信息提示</Statusbox>
</Playground>

## Types
<Playground>
    <Statusbox type="info">这是一段info信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
    <Statusbox type="success">这是一段success信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
    <Statusbox type="alert">这是一段alert信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
    <Statusbox type="question">这是一段question信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
    <Statusbox type="loading">这是一段loading信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
</Playground>

## Sizes
<Playground>
    <Statusbox size='s' style={{fontSize: '12px'}}>这是一段s信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
    <Statusbox size="m">这是一段m信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
    <Statusbox size="l">这是一段l信息提示</Statusbox>
    <div style={{ height: '10px' }}></div>
</Playground>

## Nested
<Playground>
    <Statusbox>
        <strong>机构评级功能已于2017-3-1正式下线</strong>
        <p>之前“三星级及以上机构课程免审”的措施将由以下新措施代替：</p>
        <ul>
            <li>之前达到免审条件的机构继续免审</li>
            <li>之前未达到免审条件的机构，若某个自然月的开课审核通过率超过90%，则下个自然月进入课程免审名单</li>
        </ul>
        特此知会！腾讯课堂感谢您的配合！
    </Statusbox>
</Playground>