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

import React from 'react';

import Highlight, {HighlightComponent} from 'app/components/highlight';

export default {
  title: 'Utilities/Highlight',
  component: HighlightComponent,
  args: {
    text: 'ILL',
  },
  argTypes: {
    children: {
      table: {
        disable: true,
      },
    },
  },
};

export const HighlightASubstring = ({...args}) => (
  <Highlight {...args}>billy@sentry.io</Highlight>
);

HighlightASubstring.storyName = 'Highlight a substring';