title: "OrderStateLabelComponent"
weight: 10
date: 2023-06-13T12:31:13.071Z
showtoc: true
# OrderStateLabelComponent
{{< generation-info sourceFile="packages/admin-ui/src/lib/core/src/shared/components/order-state-label/order-state-label.component.ts" sourceLine="13" packageName="
@vendure/admin-ui">}}
Displays the state of an order in a colored chip.
*Example*
```HTML
```
## Signature
```TypeScript
class OrderStateLabelComponent {
@Input()
@Input() state: string;
chipColorType: void
}
```
## Members
### state
{{< member-info kind="property" type="string" >}}
{{< member-description >}}{{< /member-description >}}
### chipColorType
{{< member-info kind="property" type="" >}}
{{< member-description >}}{{< /member-description >}}