# bq-status



<!-- Auto Generated Below -->


## Overview

The Status Component is a UI element that represents the current state or condition of an item, task, or process.

## Properties

| Property | Attribute | Description                              | Type                                                      | Default     |
| -------- | --------- | ---------------------------------------- | --------------------------------------------------------- | ----------- |
| `type`   | `type`    | It defines the type of status to display | `"alert" \| "danger" \| "info" \| "neutral" \| "success"` | `'neutral'` |


## Slots

| Slot                                     | Description |
| ---------------------------------------- | ----------- |
| `"The content of the status component."` |             |


## Shadow Parts

| Part       | Description                                                              |
| ---------- | ------------------------------------------------------------------------ |
| `"base"`   | The component's internal wrapper of the status component.                |
| `"circle"` | The colored circle that marks the status type.                           |
| `"text"`   | The `<div>` container that holds the text label of the status component. |


## Dependencies

### Depends on

- [bq-badge](../badge)

### Graph
```mermaid
graph TD;
  bq-status --> bq-badge
  style bq-status fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*
