How to use the baseui/popover.TRIGGER_TYPE.hover function in baseui

To help you get started, we’ve selected a few baseui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github uber / baseweb / documentation-site / examples / popover / ref-handling.js View on Github external
This is a popover example
          
        }
        accessibilityType={'tooltip'}
      >
        
          Created a wrapper component that renders Checkbox and
          passes popover's anchor props to the Checkbox's Root
          element.
        
      
      <br>
      
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        <span>
          
            Wrapped checkbox with props passed to the wrapper.
          
        </span>
      
    
  );
};
github uber / baseweb / documentation-site / components / yard / props-tooltip.tsx View on Github external
function PropsTooltip({className, typeDefinition, style, ...restProps}: any) {
  const [css, theme] = useStyletron();
  return (
github uber / baseweb / documentation-site / examples / popover / ref-handling.tsx View on Github external
This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        
          Created a wrapper component that renders Checkbox and
          passes popover's anchor props to the Chackbox's Root
          element.
        
      
      <br>
      
            This is a popover example
          
        }
        accessibilityType={'tooltip'}
      &gt;
        <span>
          
            Wrapped checkbox with props passed to the wrapper.
          
        </span>
      
    
  );
};
github uber / baseweb / documentation-site / examples / popover / placements.js View on Github external
{Object.keys(PLACEMENT).map((key, index) =&gt; (
        <div style="{{padding:">
          {`PLACEMENT.${PLACEMENT[key]}`}
            }
            accessibilityType={'tooltip'}
          &gt;
            <button>{PLACEMENT[key]}</button>
          
        </div>
      ))}
github uber / baseweb / documentation-site / examples / popover / stateful-hover.js View on Github external
export default () =&gt; {
  const [css, theme] = useStyletron();
  return (
    hello world
      }
      accessibilityType={'tooltip'}
      triggerType={TRIGGER_TYPE.hover}
    &gt;
      <span>
        Hover
      </span>
    
  );
};
github uber / baseweb / documentation-site / examples / popover / placements.tsx View on Github external
{Object.keys(PLACEMENT).map((key, index) =&gt; (
        <div style="{{padding:">
          {`PLACEMENT.${
                PLACEMENT[key as keyof PLACEMENT]
              }`}
            }
            accessibilityType={'tooltip'}
          &gt;
            <button>{PLACEMENT[key as keyof PLACEMENT]}</button>
          
        </div>
      ))}