View all @aws-amplify/ui analysis

How to use the @aws-amplify/ui.tooltip function in @aws-amplify/ui

To help you get started, we’ve selected a few @aws-amplify/ui 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.

aws-amplify / amplify-js / packages / aws-amplify-react / src / XR / Tooltip.jsx View on Github

const Tooltip = (props) =&gt; {
  let classes = `${AmplifyUI.tooltip}`;
  
  if (props.autoShowTooltip) {
    classes = `${AmplifyUI.tooltip} ${AmplifyUI.autoShowTooltip}`;
  }

  return (
    <div data-text="{props.text}">
      {props.children}
    </div>
  )
}

aws-amplify / amplify-js / packages / aws-amplify-react / src / XR / Tooltip.tsx View on Github

const Tooltip = props =&gt; {
	let classes = `${AmplifyUI.tooltip}`;

	if (props.autoShowTooltip) {
		classes = `${AmplifyUI.tooltip} ${AmplifyUI.autoShowTooltip}`;
	}

	return (
		<div data-text="{props.text}">
			{props.children}
		</div>
	);
};