Stamps are visual labels which hold small amounts of information regarding an item. (E.g Indicating if a product is published in a list).
yarn add @commercetools-uikit/stamp
npm --save install @commercetools-uikit/stamp
Additionally install the peer dependencies (if not present)
yarn add react
npm --save install react
import Stamp from '@commercetools-uikit/stamp';
const Example = () => <Stamp tone="primary" label="Hello" />;
export default Example;
Props | Type | Required | Default | Description |
---|---|---|---|---|
tone |
union Possible values: , 'critical', 'warning', 'positive', 'information', 'primary', 'secondary'
|
'information' |
Indicates the color scheme of stamp | |
isCondensed |
boolean |
false |
If true , renders a condensed version of the stamp. |
|
children |
ReactNode |
Content to render within the stamp.
This property has been deprecated in favor of label . |
||
icon |
ReactElement |
Icon to render beside (left) the stamp text. | ||
label |
string |
Text to render within the stamp. |