mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-21 01:41:31 +00:00
correct base on some suggestion
This commit is contained in:
18
src/Common/Tooltip/InfoTooltip.tsx
Normal file
18
src/Common/Tooltip/InfoTooltip.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
import { IconButton, TooltipHost } from "@fluentui/react";
|
||||
import * as React from "react";
|
||||
|
||||
export interface TooltipProps {
|
||||
children: string;
|
||||
}
|
||||
|
||||
const iconProps = { iconName: "Info" };
|
||||
|
||||
export const InfoTooltip: React.FunctionComponent = ({ children }: TooltipProps) => {
|
||||
return (
|
||||
<span>
|
||||
<TooltipHost content={children}>
|
||||
<IconButton iconProps={iconProps} ariaLabel="Info" vertical-align />
|
||||
</TooltipHost>
|
||||
</span>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user