Status

Status indicates the current state of a multi-state process.

Class	Type
`status`	Status	A class representing a status

Components

Status contains an icon:

Class	Type
`status-icon`	Icon

States

There are a few different states available for a status:

Class	Type
-	Default
`is-warning`	Waiting
`is-pending`	Pending
`is-failed`	Failed
`is-complete`	Complete
`is-processing`	Processing

Ready

Waiting

Pending

Failed

Complete

Processing


      <div class="status">

        <span class="status-icon"></span>

        <span class="text">Ready</span>

      </div>

      <div class="status is-waiting">

        <span class="status-icon"></span>

        <span class="text">Waiting</span>

      </div>

      <div class="status is-pending">

        <span class="status-icon"></span>

        <span class="text">Pending</span>

      </div>

      <div class="status is-failed">

        <span class="status-icon"></span>

        <span class="text">Failed</span>

      </div>

      <div class="status is-complete">

        <span class="status-icon"></span>

        <span class="text">Complete</span>

      </div>

      <div class="status is-processing">

        <span class="status-icon"></span>

        <span class="text">Processing</span>

      </div>