Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
# Demo
# Attributes
Name | Type | Default | Details |
---|---|---|---|
className | string | ' ' | You can customise by passing tailwind classes. |
triggerClassName | string | ' ' | You can customise by passing tailwind classes. |
message | string | Required | You can pass message for the tooltip content. |
children | ReactNode | Required | You can pass tooltip content as children. |
# Usage
import { NTooltip, NButton } from 'nayan';
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;