@commercetools-uikit/stamp

Stamp

Description

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

Installation

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

Usage

import React from 'react';
import Stamp from '@commercetools-uikit/stamp';
import Text from '@commercetools-uikit/text';

const Example = () => (
  <Stamp tone="primary">
    <Text.Detail>Hello</Text.Detail>
  </Stamp>
);

export default Example;

Properties

Props	Type	Required	Default	Description
tone	enum Possible values: 'critical' | 'warning' | 'positive' | 'information' | 'primary' | 'secondary'	✅		Indicates the color scheme of stamp
isCondensed	bool
children	node	✅