sentry/docs-ui/stories/views/onboardingPanel.stories.js

import OnboardingPanel from 'sentry/components/onboardingPanel';
import {IconFire} from 'sentry/icons';

export default {
  title: 'Views/Onboarding Panel',
  component: OnboardingPanel,
};

export const Default = () => {
  return (
    <OnboardingPanel image={<IconFire size="200px" />}>
      <h3>A title</h3>
      <p>Some content to show in the onboarding state.</p>
    </OnboardingPanel>
  );
};

export const NoImage = () => {
  return (
    <OnboardingPanel>
      <h3>A title</h3>
      <p>Some content to show in the onboarding state.</p>
    </OnboardingPanel>
  );
};

Default.storyName = 'Onboarding Panel';