jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
36 lines (35 loc) • 946 B
TypeScript
/**
* @file index.tsx
*
* @fileoverview Shows contents inside a popover. Also displays a
* trigger for displaying the popover.
*/
import React from 'react';
import { ColorProps, SpaceProps } from 'styled-system';
declare type BasePopoverProps = SpaceProps & ColorProps;
export interface PopoverProps extends BasePopoverProps {
/**
* The contents to display inside the popover.
*/
children: React.ReactNode;
/**
* The trigger.
*/
trigger: React.ReactNode;
/**
* Position for the popover
*
* @default "bottom"
*/
position?: 'left' | 'right' | 'top' | 'bottom';
/**
* A maximum height for the popover.
*/
maxHeight?: string;
/**
* Event for when popover is toggled.
*/
onToggle?: (shown: boolean) => void;
}
export declare const Popover: ({ children, trigger, position, onToggle, maxHeight, ...props }: PopoverProps) => JSX.Element;
export {};