1234567891011121314151617181920212223242526272829303132333435363738 |
- import React from 'react';
- import Hovercard from 'app/components/hovercard';
- export default {
- title: 'Core/Tooltips/Hovercard',
- component: Hovercard,
- args: {
- header: 'Header',
- body: 'Body',
- position: 'top',
- show: true,
- },
- argTypes: {
- tipColor: {control: 'color'},
- },
- };
- export const _Hovercard = ({...args}) => (
- <div
- style={{
- height: 300,
- display: 'flex',
- justifyContent: 'center',
- alignItems: 'center',
- }}
- >
- <Hovercard {...args}>Hover over me</Hovercard>
- </div>
- );
- _Hovercard.parameters = {
- docs: {
- description: {
- story:
- 'Good luck if your container element is near the top and/or left side of the screen',
- },
- },
- };
|