diff --git a/packages/badge/README.md b/packages/badge/README.md index edb5990aa..8e3164d6e 100644 --- a/packages/badge/README.md +++ b/packages/badge/README.md @@ -8,13 +8,13 @@ You may wish to display more than the single badge type, either to create separa | State | Purpose | Preview | | --------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | -| Default | | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-default.png) | -| Success | Represents something positive. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-success.png) | -| Primary | Represents something more significant than a default. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-primary.png) | -| Danger | Represents something in a danger or error state. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-danger.png) | -| Warning | Represents something that we want to warn the user about but not quite extreme as a danger state. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-warning.png) | -| Outline | Outline badges for when we want the density of the badge to be lighter e.g. when next to data in a table cell | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-outline.png) | -| With Icon | If need be we can add icons and tooltips to add further context. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/components/badge/assets/badge-icon.png) | +| Default | | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-default.png) | +| Success | Represents something positive. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-success.png) | +| Primary | Represents something more significant than a default. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-primary.png) | +| Danger | Represents something in a danger or error state. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-danger.png) | +| Warning | Represents something that we want to warn the user about but not quite extreme as a danger state. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-warning.png) | +| Outline | Outline badges for when we want the density of the badge to be lighter e.g. when next to data in a table cell | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-outline.png) | +| With Icon | If need be we can add icons and tooltips to add further context. | ![Preview](https://raw.githubusercontent.com/dcos-labs/ui-kit/master/packages/badge/assets/badge-icon.png) | ### Do & Don't