Moved Label to grafana/ui/components

2019-01-16 12:29:04 +01:00
parent 6edc4e9f02
commit 639dc6c3c3
8 changed files with 9 additions and 13 deletions
@@ -0,0 +1,25 @@
+import React, { SFC, ReactNode } from 'react';
+import { Tooltip } from '../Tooltip/Tooltip';
+
+interface Props {
+  tooltip?: string;
+  for?: string;
+  children: ReactNode;
+  width?: number;
+  className?: string;
+}
+
+export const Label: SFC<Props> = props => {
+  return (
+    <span className={`gf-form-label width-${props.width ? props.width : '10'}`}>
+      <span>{props.children}</span>
+      {props.tooltip && (
+        <Tooltip placement="auto" content={props.tooltip}>
+          <div className="gf-form-help-icon--right-normal">
+            <i className="gicon gicon-question gicon--has-hover" />
+          </div>
+        </Tooltip>
+      )}
+    </span>
+  );
+};
@@ -2,6 +2,7 @@ export { DeleteButton } from './DeleteButton/DeleteButton';
 export { Tooltip } from './Tooltip/Tooltip';
 export { Portal } from './Portal/Portal';
 export { CustomScrollbar } from './CustomScrollbar/CustomScrollbar';
+export { Label } from './Label/Label';

 // Select
 export { Select, AsyncSelect, SelectOptionItem } from './Select/Select';