20.6.4 • Published 2 weeks ago

@commercetools-uikit/stamp

Licence

MIT

Version

20.6.4

Deps

Size

115 kB

Vulns

Weekly

Stamp

Stamps are visual labels which hold small amounts of information regarding an item. (E.g Indicating if a product is published in a list).

pnpm add @commercetools-uikit/stamp

npm --save install @commercetools-uikit/stamp

Additionally install the peer dependencies (if not present)

pnpm add react

npm --save install react

import Stamp from '@commercetools-uikit/stamp';

const Example = () => <Stamp tone="primary" label="Hello" />;

export default Example;

Props	Type	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. @deprecated in favor of `label`.
`icon`	`ReactElement`		Icon to render beside (left) the stamp text.
`label`	`string`		Text to render within the stamp.