Added flip/fade props to Popover and Tooltip

This commit is contained in:
Kyle
2019-04-07 11:30:59 -07:00
parent 552c4b00c5
commit b8673c62ed
3 changed files with 25 additions and 0 deletions
+2
View File
@@ -17,6 +17,8 @@ export type PopoverProps<T = {}> = React.HTMLAttributes<HTMLElement> & {
delay?: number | {show: number, hide: number};
modifiers?: Popper.Modifiers;
cssModule?: CSSModule;
fade?: boolean;
flip?: boolean;
} & T;
export type UncontrolledPopoverProps<T = {}> = PopoverProps<T> & {
+2
View File
@@ -12,6 +12,8 @@ export type UncontrolledProps<T = {}> = React.HTMLAttributes<HTMLElement> & {
placement?: Popper.Placement;
modifiers?: Popper.Modifiers;
cssModule?: CSSModule;
fade?: boolean;
flip?: boolean;
} & T;
export type UncontrolledTooltipProps<T = {}> = UncontrolledProps<T>;
+21
View File
@@ -2745,6 +2745,17 @@ class PopoverExampleMulti extends React.Component<any, {popovers: Array<{placeme
}
}
class PopoverExampleFlipFade extends React.Component<any, any> {
render() {
return (
<Popover target="dummy" flip fade>
<PopoverHeader>Popover Title</PopoverHeader>
<PopoverBody>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</PopoverBody>
</Popover>
);
}
}
// ------------------------- Progress
const Example86 = (props: any) => {
@@ -3408,6 +3419,16 @@ class TooltipExampleMulti extends React.Component<any, any> {
}
}
class TooltipExampleFlipFade {
render() {
return (
<Tooltip target="dummy" flip fade>
Tooltip Content!
</Tooltip>
);
}
}
function Example() {
return (
<div>