onboardingPanel.stories.js 621 B

123456789101112131415161718192021222324252627
  1. import OnboardingPanel from 'sentry/components/onboardingPanel';
  2. import {IconFire} from 'sentry/icons';
  3. export default {
  4. title: 'Views/Onboarding Panel',
  5. component: OnboardingPanel,
  6. };
  7. export const Default = () => {
  8. return (
  9. <OnboardingPanel image={<IconFire size="200px" />}>
  10. <h3>A title</h3>
  11. <p>Some content to show in the onboarding state.</p>
  12. </OnboardingPanel>
  13. );
  14. };
  15. export const NoImage = () => {
  16. return (
  17. <OnboardingPanel>
  18. <h3>A title</h3>
  19. <p>Some content to show in the onboarding state.</p>
  20. </OnboardingPanel>
  21. );
  22. };
  23. Default.storyName = 'Onboarding Panel';