sentry/docs-ui/stories/components/pills.stories.js

import Pill from 'sentry/components/pill';
import Pills from 'sentry/components/pills';

export default {
  title: 'Components/Pills',
};

export const Default = () => (
  <Pills>
    <Pill name="key" value="value" />
    <Pill name="good" value>
      thing
    </Pill>
    <Pill name="bad" value={false}>
      thing
    </Pill>
    <Pill name="generic">thing</Pill>
  </Pills>
);

Default.storyName = 'Pills';
Default.parameters = {
  docs: {
    description: {
      story: 'When you have key/value data but are tight on space.',
    },
  },
};