import { NTooltip, NButton } from '@nayan-ui/react';

const Tooltip = () => {
  return (
    <NTooltip message="This is sample tool tip! This is sample tool tip This is sample tool tip This is sample tool tip ">
      <NButton>Show Tooltip</NButton>
    </NTooltip>
  );
};

export default Tooltip;

Attributes

Name	Type	Default	Details
children	React.ReactNode	Required	Trigger element for the tooltip.
message	string	Required	Tooltip message text.
className	string	' '	You can customise tooltip content by passing tailwind classes.
textClassName	string	' '	You can customise tooltip text by passing tailwind classes.

Tooltip

Demo

Demo Coming Soon

Usage

Attributes

Tags