order-state-label-component.md 1020 B
title: "OrderStateLabelComponent" weight: 10 date: 2023-07-14T16:57:51.241Z showtoc: true
generated: true
OrderStateLabelComponent
# 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 >}}