hovercard.stories.js 721 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. import React from 'react';
  2. import Hovercard from 'app/components/hovercard';
  3. export default {
  4. title: 'Core/Tooltips/Hovercard',
  5. component: Hovercard,
  6. args: {
  7. header: 'Header',
  8. body: 'Body',
  9. position: 'top',
  10. show: true,
  11. },
  12. argTypes: {
  13. tipColor: {control: 'color'},
  14. },
  15. };
  16. export const _Hovercard = ({...args}) => (
  17. <div
  18. style={{
  19. height: 300,
  20. display: 'flex',
  21. justifyContent: 'center',
  22. alignItems: 'center',
  23. }}
  24. >
  25. <Hovercard {...args}>Hover over me</Hovercard>
  26. </div>
  27. );
  28. _Hovercard.parameters = {
  29. docs: {
  30. description: {
  31. story:
  32. 'Good luck if your container element is near the top and/or left side of the screen',
  33. },
  34. },
  35. };