react-live-example.jsx

import React from 'react';
import Badge from 'terra-badge';
import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live';

const BadgeIntentExample = (`
  <div>
    <Badge text="Default" />
    {' '}
    <Badge intent="primary" text="Primary" />
    {' '}
    <Badge intent="secondary" text="Secondary" />
    {' '}
    <Badge intent="positive" text="Positive" />
    {' '}
    <Badge intent="negative" text="Negative" />
    {' '}
    <Badge intent="warning" text="Warning" />
    {' '}
    <Badge intent="info" text="Info" />
  </div>
`).trim();

class BadgeIntentSample extends React.Component {
  render() {
    return (
      <LiveProvider code={BadgeIntentExample} scope={{ Badge: Badge }}>
        <LiveEditor />
        <LiveError />
        <LivePreview />
      </LiveProvider>
    );
  }
}

export default BadgeIntentSample;