diff --git a/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx b/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx index 4b0d4fa9be..a10da271ec 100644 --- a/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx +++ b/libs/remix-ui/checkbox/src/lib/remix-ui-checkbox.tsx @@ -1,5 +1,8 @@ import React, { CSSProperties } from 'react' //eslint-disable-line +import { OverlayProps, OverlayTrigger, OverlayTriggerProps, Tooltip } from 'react-bootstrap'// eslint-disable-line import './remix-ui-checkbox.css' +type Placement = import('react-overlays/usePopper').Placement; + /* eslint-disable-next-line */ export interface RemixUiCheckboxProps { @@ -15,6 +18,7 @@ export interface RemixUiCheckboxProps { title?: string visibility?: string display?: string + tooltipPlacement?: Placement } export const RemixUiCheckbox = ({ @@ -29,24 +33,34 @@ export const RemixUiCheckbox = ({ categoryId, title, visibility, - display = 'flex' + display = 'flex', + tooltipPlacement = 'right-start' }: RemixUiCheckboxProps) => { return ( -
- - -
+ + {title} + + } + > +
+ + +
+
) } diff --git a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx index c81dad4a95..f10e7baddf 100644 --- a/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx +++ b/libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx @@ -490,6 +490,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { label="Select all" onClick={() => handleCheckAllModules(groupedModules)} onChange={() => {}} + tooltipPlacement={'top-start'} /> { checked={autoRun} label="Autorun" onChange={() => {}} + tooltipPlacement={'bottom-start'} />