---
title: Badge.Status
category: General
---

```jsx live
render(() => {
  const [type, setType] = React.useState({})
  return (
    <StackView alignment="center" spacing={2}>
      <StackView axis="horizontal" spacing={1}>
        {[
          { title: 'Failed', status: 'error' },
          { title: 'Saved', status: 'success' },
        ].map((type) => (
          <Button
            key={type.title}
            title={type.title}
            onClick={() => setType(type)}
          />
        ))}
      </StackView>
      <Badge.Status
        size="xs"
        status={type.status}
        title={type.title}
        onClearRequest={() => setType({})}
      />
    </StackView>
  )
})
```