feat(docs): tooltip docs done

This commit is contained in:
Junior Garcia 2023-06-06 22:36:56 -03:00
parent 8ee4cd4e0c
commit 54e9c8231f
146 changed files with 1201 additions and 92 deletions

View File

@ -23,3 +23,4 @@ export * from "./image";
export * from "./radio-group";
export * from "./switch";
export * from "./popover";
export * from "./tooltip";

View File

@ -4,12 +4,12 @@ export default function App() {
return (
<Popover placement="bottom" showArrow={true}>
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
</Popover>

View File

@ -5,7 +5,7 @@ export default function App() {
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
);

View File

@ -7,12 +7,12 @@ export default function App() {
<div className="flex flex-col gap-2">
<Popover isOpen={isOpen} onOpenChange={(open) => setIsOpen(open)}>
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
</Popover>

View File

@ -32,12 +32,12 @@ export default function App() {
}}
>
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
</Popover>

View File

@ -7,12 +7,12 @@ export default function App() {
backdrop="opaque"
placement="right"
classNames={{
base: "py-3 px-4 bg-gradient-to-br from-white to-default-300 dark:from-default-50 dark:to-default-200",
base: "py-3 px-4 border border-default-200 bg-gradient-to-br from-white to-default-300 dark:from-default-100 dark:to-default-50",
arrow: "bg-default-200",
}}
>
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
{(titleProps) => (
@ -20,7 +20,7 @@ export default function App() {
<h3 className="text-sm font-bold" {...titleProps}>
Popover Content
</h3>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
)}
</PopoverContent>

View File

@ -4,12 +4,12 @@ export default function App() {
return (
<Popover placement="bottom" offset={20} showArrow>
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
</Popover>

View File

@ -5,7 +5,7 @@ export default function App() {
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
);

View File

@ -4,7 +4,7 @@ export default function App() {
return (
<Popover placement="right">
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
{(titleProps) => (
@ -12,7 +12,7 @@ export default function App() {
<h3 className="text-sm font-bold" {...titleProps}>
Popover Content
</h3>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
)}
</PopoverContent>

View File

@ -4,12 +4,12 @@ export default function App() {
return (
<Popover placement="right">
<PopoverTrigger>
<Button>Open Popover</Button>
<Button variant="flat">Open Popover</Button>
</PopoverTrigger>
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
</Popover>

View File

@ -5,7 +5,7 @@ export default function App() {
<PopoverContent>
<div className="px-1 py-2">
<div className="text-sm font-bold">Popover Content</div>
<div className="text-xs">This is a content of the popover</div>
<div className="text-xs">This is the popover content</div>
</div>
</PopoverContent>
);

View File

@ -0,0 +1,17 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<Tooltip showArrow={true} content="I am a tooltip">
<Button variant="flat">Hover me</Button>
</Tooltip>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,36 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
const colors = [
"default",
"primary",
"secondary",
"success",
"warning",
"danger",
"foreground",
];
return (
<div className="flex flex-wrap gap-4">
{colors.map((color) => {
const colorName = color.charAt(0).toUpperCase() + color.slice(1);
return (
<Tooltip key={color} color={color} content={colorName}>
<Button variant="flat" color={color}>
{color.charAt(0).toUpperCase() + color.slice(1)}
</Button>
</Tooltip>
)
})}
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,28 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
const [isOpen, setIsOpen] = React.useState(false);
return (
<div className="flex flex-col gap-2">
<Tooltip
isOpen={isOpen}
onOpenChange={(open) => setIsOpen(open)}
content="I am a tooltip"
>
<Button variant="flat">Hover me</Button>
</Tooltip>
<p className="text-sm text-default-400">
Open: {isOpen ? "true" : "false"}
</p>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,26 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<Tooltip
content={
<div className="px-1 py-2">
<div className="text-sm font-bold">Custom Content</div>
<div className="text-xs">This is a custom tooltip content</div>
</div>
}
>
<Button variant="bordered">
Hover me
</Button>
</Tooltip>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,35 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<Tooltip
content="I am a tooltip"
motionProps={{
variants: {
exit: {
opacity: 0,
transition: {
opacity: {duration: 0.1, easings: "easeInOut"},
},
},
enter: {
opacity: 1,
transition: {
opacity: {easings: "easeOut", duration: 0.15},
},
},
},
}}
>
<Button variant="flat">Hover me</Button>
</Tooltip>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,25 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<Tooltip
showArrow
placement="right"
content="I am a tooltip"
classNames={{
base: "py-2 px-4 shadow-xl text-black bg-gradient-to-br from-white to-neutral-400",
arrow: "bg-neutral-400 dark:bg-white",
}}
>
<Button variant="flat">Hover me</Button>
</Tooltip>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,26 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<div className="flex gap-2">
<Tooltip color="primary" content="Tooltip 1" delay={1000}>
<Button color="primary" variant="flat">
Hover me (delay 1000ms)
</Button>
</Tooltip>
<Tooltip color="primary" content="Tooltip 2">
<Button color="primary" variant="flat">
Then hover me
</Button>
</Tooltip>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,26 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<div className="flex gap-2">
<Tooltip color="warning" content="Tooltip 1" delay={1000}>
<Button color="warning" variant="flat">
Delay Open (1000ms)
</Button>
</Tooltip>
<Tooltip color="warning" closeDelay={2000} content="Tooltip 2">
<Button color="warning" variant="flat">
Delay Close (2000ms)
</Button>
</Tooltip>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,25 @@
import usage from "./usage";
import arrow from "./arrow";
import colors from "./colors";
import offset from "./offset";
import placements from "./placements";
import controlled from "./controlled";
import delay from "./delay";
import delayMultiple from "./delay-multiple";
import customContent from "./custom-content";
import customMotion from "./custom-motion";
import customStyles from "./custom-styles";
export const tooltipContent = {
usage,
arrow,
colors,
offset,
placements,
controlled,
delay,
delayMultiple,
customContent,
customMotion,
customStyles,
};

View File

@ -0,0 +1,31 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<div className="flex gap-2">
<Tooltip content="Tooltip 1" color="success">
<Button color="success" variant="faded">
Default offset (7)
</Button>
</Tooltip>
<Tooltip content="Tooltip 2" color="success" offset={15}>
<Button color="success" variant="faded">
15 offset
</Button>
</Tooltip>
<Tooltip content="Tooltip 3" color="success" offset={-7}>
<Button color="success" variant="faded">
-7 offset
</Button>
</Tooltip>
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,43 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
const placements = [
"top-start",
"top",
"top-end",
"bottom-start",
"bottom",
"bottom-end",
"left-start",
"left",
"left-end",
"right-start",
"right",
"right-end",
];
return (
<div className="flex flex-wrap md:inline-grid md:grid-cols-3 gap-4">
{placements.map((placement) => (
<Tooltip
key={placement}
placement={placement}
content={placement}
color="secondary"
>
<Button variant="flat" color="secondary">
{placement.charAt(0).toUpperCase() + placement.slice(1)}
</Button>
</Tooltip>
))}
</div>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -0,0 +1,17 @@
const App = `import {Tooltip, Button} from "@nextui-org/react";
export default function App() {
return (
<Tooltip content="I am a tooltip">
<Button variant="flat">Hover me</Button>
</Tooltip>
);
}`;
const react = {
"/App.jsx": App,
};
export default {
...react,
};

View File

@ -15,7 +15,7 @@ additional rich content on top of something.
## Import
NextUI exports 4 popover-related components:
NextUI exports 3 popover-related components:
- **Popover**: The main component to display a popover.
- **PopoverTrigger**: The component that triggers the popover.
@ -115,7 +115,7 @@ You can customize the `Popover` component by passing custom Tailwind CSS classes
- **data-focus-visible**:
When the popover is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html).
<Spacer y={4} />{" "}
<Spacer y={4} />
## Accessibility

View File

@ -1,13 +1,179 @@
---
title: 'Tooltip'
description: 'Tooltips displays informative text when users hover, focus, or click an element.'
title: "Tooltip"
description: "Tooltips display a brief, informative message that appears when a user interacts with an element."
url: https://nextui.org/docs/components/tooltip
---
# Tooltip
Tooltips displays informative text when users hover, focus, or click an element.
Tooltips display a brief, informative message that appears when a user interacts with an element.
```jsx
import {Tooltip} from '@nextui-org/react';
```
<ComponentLinks component="tooltip" styles="popover" reactAriaHook="useTooltipTrigger" />
---
## Import
<ImportTabs
commands={{
main: 'import {Tooltip} from "@nextui-org/react";',
individual: 'import {Tooltip} from "@nextui-org/tooltip";',
}}
/>
## Usage
<CodeDemo title="Usage" files={tooltipContent.usage} />
### With Arrow
<CodeDemo title="With Arrow" files={tooltipContent.arrow} />
### Colors
<CodeDemo title="Colors" files={tooltipContent.colors} />
### Placements
<CodeDemo title="Placements" files={tooltipContent.placements} />
### Offset
<CodeDemo title="Offset" files={tooltipContent.offset} />
### Controlled
<CodeDemo title="Controlled" files={tooltipContent.controlled} />
### With Delay
You can control the `open` and `close` delay of the tooltip with `delay` and `closeDelay` props.
<CodeDemo title="With Delay" files={tooltipContent.delay} />
Hovering over the second button shows the tooltip immediately. If you wait for a delay before hovering
another element, the delay restarts.
<CodeDemo title="With Delay Multiple" files={tooltipContent.delayMultiple} />
### Custom Content
<CodeDemo title="Custom Content" files={tooltipContent.customContent} />
### Custom Motion
Tooltip offers a `motionProps` property to customize the `enter` / `exit` animation.
<CodeDemo title="Custom Motion" files={tooltipContent.customMotion} />
> Learn more about Framer motion variants [here](https://www.framer.com/motion/animation/#variants).
## Slots
- **base**: The main tooltip slot, it wraps the tooltip content.
- **arrow**: The arrow slot, it wraps the tooltip arrow, the placement of the arrow is based on the tooltip placement, e.g. `data-[placement=top]:...`.
### Custom Styles
You can customize the `Tooltip` component by passing custom Tailwind CSS classes to the component slots.
<CodeDemo title="Custom Styles" files={tooltipContent.customStyles} />
<Spacer y={4} />
## Data Attributes
`Tooltip` has the following attributes on the `root` element:
- **data-open**:
When the tooltip is open. Based on tooltip state.
- **data-placement**:
The placement of the tooltip. Based on `placement` prop. The arrow element is positioned based on this attribute.
- **data-disabled**:
When the tooltip is disabled. Based on `disabled` prop.
<Spacer y={4} />
## Accessibility
- Keyboard focus management and cross browser normalization.
- Hover management and cross browser normalization.
- Labeling support for screen readers (aria-describedby).
- Exposed as a tooltip to assistive technology via ARIA.
- Matches native tooltip behavior with delay on hover of first tooltip and no delay on subsequent tooltips.
<Spacer y={4} />
## API
#### Tooltip Props
| Attribute | Type | Description | Default |
| ------------------------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | --------------- |
| children\* | `ReactNode[]` | The children to render. Usually a trigger element. | - |
| content | `ReactNode` | The content to render inside the tooltip. | - |
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The tooltip size. This change the `content` font size. | `md` |
| color | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The tooltip color theme. | `default` |
| radius | `none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `full` | The tooltip border radius. | `xl` |
| shadow | `none` \| `xs` \| `sm` \| `md` \| `lg` \| `xl` \| `2xl` \| `inner` | The tooltip shadow. | `lg` |
| placement | [TooltipPlacement](#tooltip-placement) | The placement of the tooltip relative to its trigger reference. | `top` |
| delay | `number` | The delay in milliseconds before the tooltip opens. | `500` |
| closeDelay | `number` | The delay in milliseconds before the tooltip closes. | `0` |
| isOpen | `boolean` | Whether the tooltip is open by default (controlled). | - |
| defaultOpen | `boolean` | Whether the tooltip is open by default (uncontrolled). | - |
| offset(px) | `number` | The distance or margin between the reference and popper. It is used internally to create an offset modifier. | `7` |
| containerPadding(px) | `number` | The placement padding that should be applied between the element and its surrounding container. | `12` |
| crossOffset(px) | `number` | The additional offset applied along the cross axis between the element and its anchor element. | `0` |
| triggerType | `dialog` \| `menu` \| `listbox` \| `tree` \| `grid`; | Type of tooltip that is opened by the trigger. | `dialog` |
| showArrow | `boolean` | Whether the tooltip should have an arrow. | `false` |
| shouldFlip | `boolean` | Whether the tooltip should change its placement and flip when it's about to overflow its boundary area. | `true` |
| triggerScaleOnOpen | `boolean` | Whether the trigger should scale down when the tooltip is open. | `true` |
| shouldBlockScroll | `boolean` | Whether to block scrolling outside the tooltip. | `true` |
| isKeyboardDismissDisabled | `boolean` | Whether pressing the escape key to close the tooltip should be disabled. | `false` |
| isDismissable | `boolean` | Whether to close the overlay when the user interacts outside it. | `false` |
| shouldCloseOnBlur | `boolean` | Whether the tooltip should close when focus is lost or moves outside it. | `true` |
| motionProps | [MotionProps](#motion-props) | The props to modify the framer motion animation. Use the `variants` API to create your own animation. | - |
| portalContainer | `HTMLElement` | The container element in which the overlay portal will be placed. | `document.body` |
| isDisabled | `boolean` | Whether the tooltip is disabled. | `false` |
| disableAnimation | `boolean` | Whether the tooltip is animated. | `false` |
| classNames | `Record<"base""arrow", string>` | Allows to set custom class names for the tooltip slots. | - |
<Spacer y={1} />
#### Tooltip Events
| Attribute | Type | Description |
| ---------------------------- | --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| onOpenChange | `(isOpen: boolean) => void` | Handler that is called when the tooltip's open state changes. |
| shouldCloseOnInteractOutside | `(e: HTMLElement) => void` | When user interacts with the argument element outside of the tooltip ref, return true if onClose should be called. This gives you a chance to filter out interaction with elements that should not dismiss the tooltip. By default, onClose will always be called on interaction outside the overlay ref. |
| onClose | `() => void` | Handler that is called when the tooltip should close. |
<Spacer y={2} />
### Tooltip types
<Spacer y={1} />
#### Tooltip Placement
```ts
type TooltipPlacement =
| "top"
| "bottom"
| "right"
| "left"
| "top-start"
| "top-end"
| "bottom-start"
| "bottom-end"
| "left-start"
| "left-end"
| "right-start"
| "right-end";
```
#### Motion Props
```ts
export type MotionProps = HTMLMotionProps<"div">; // @see https://www.framer.com/motion/
```

View File

@ -1,5 +1,20 @@
# @nextui-org/accordion
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230607013542
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/aria-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/accordion",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
"keywords": [
"react",

View File

@ -1,5 +1,17 @@
# @nextui-org/avatar
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-image@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/avatar",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
"keywords": [
"avatar"

View File

@ -1,5 +1,16 @@
# @nextui-org/badge
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/badge",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Badges are used as a small numerical value or status descriptor for UI elements.",
"keywords": [
"badge"

View File

@ -1,5 +1,19 @@
# @nextui-org/button
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/spinner@0.0.0-dev-v2-20230607013542
- @nextui-org/drip@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/button",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Buttons allow users to perform actions and choose with a single tap.",
"keywords": [
"button"

View File

@ -1,5 +1,18 @@
# @nextui-org/card
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/drip@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/card",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
"keywords": [
"card"

View File

@ -1,5 +1,16 @@
# @nextui-org/checkbox
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/checkbox",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
"keywords": [
"checkbox"

View File

@ -1,5 +1,17 @@
# @nextui-org/chip
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/chip",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Chips help people enter information, make selections, filter content, or trigger actions.",
"keywords": [
"chip"

View File

@ -1,5 +1,16 @@
# @nextui-org/code
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/code",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Code is a component used to display inline code.",
"keywords": [
"code"

View File

@ -1,5 +1,16 @@
# @nextui-org/divider
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/divider",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": ". A separator is a visual divider between two groups of content",
"keywords": [
"divider"

View File

@ -1,5 +1,16 @@
# @nextui-org/drip
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/drip",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
"keywords": [
"drip"

View File

@ -1,5 +1,19 @@
# @nextui-org/dropdown
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/aria-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/popover@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/dropdown",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A dropdown displays a list of actions or options that a user can choose.",
"keywords": [
"dropdown"

View File

@ -1,5 +1,17 @@
# @nextui-org/image
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-image@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/image",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A simple image component",
"keywords": [
"image"

View File

@ -1,5 +1,18 @@
# @nextui-org/input
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/input",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "The input component is designed for capturing user input within a text field.",
"keywords": [
"input"

View File

@ -1,5 +1,16 @@
# @nextui-org/kbd
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/kbd",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
"keywords": [
"kbd"

View File

@ -1,5 +1,17 @@
# @nextui-org/link
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/link",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
"keywords": [
"link"

View File

@ -1,5 +1,20 @@
# @nextui-org/modal
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230607013542
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/modal",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Displays a dialog with a custom content that requires attention or provides additional information.",
"keywords": [
"modal"

View File

@ -1,5 +1,19 @@
# @nextui-org/navbar
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230607013542
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230607013542
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/navbar",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
"keywords": [
"navbar"

View File

@ -1,5 +1,18 @@
# @nextui-org/pagination
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-pagination@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/pagination",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
"keywords": [
"pagination"

View File

@ -1,5 +1,20 @@
# @nextui-org/popover
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230607013542
- @nextui-org/aria-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/button@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/popover",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A popover is an overlay element positioned relative to a trigger.",
"keywords": [
"popover"

View File

@ -1,5 +1,18 @@
# @nextui-org/progress
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230607013542
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/progress",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
"keywords": [
"progress"

View File

@ -1,5 +1,16 @@
# @nextui-org/radio
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/radio",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
"keywords": [
"radio"

View File

@ -1,5 +1,16 @@
# @nextui-org/skeleton
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/skeleton",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Skeleton is used to display the loading state of some component.",
"keywords": [
"skeleton"

View File

@ -1,5 +1,20 @@
# @nextui-org/snippet
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/tooltip@0.0.0-dev-v2-20230607013542
- @nextui-org/button@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/snippet",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Display a snippet of copyable code for the command line.",
"keywords": [
"snippet"

View File

@ -1,5 +1,16 @@
# @nextui-org/spacer
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/spacer",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
"keywords": [
"spacer"

View File

@ -1,5 +1,16 @@
# @nextui-org/spinner
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/spinner",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Loaders express an unspecified wait time or display the length of a process.",
"keywords": [
"loading",

View File

@ -1,5 +1,16 @@
# @nextui-org/switch
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/switch",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
"keywords": [
"switch"

View File

@ -1,5 +1,19 @@
# @nextui-org/table
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/checkbox@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/spacer@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/table",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Tables are used to display tabular data using rows and columns. ",
"keywords": [
"table"

View File

@ -1,5 +1,19 @@
# @nextui-org/tabs
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230607013542
- @nextui-org/aria-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/tabs",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Tabs organize content into multiple sections and allow users to navigate between them.",
"keywords": [
"tabs"

View File

@ -1,5 +1,18 @@
# @nextui-org/tooltip
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230607013542
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/aria-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/tooltip",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "A React Component for rendering dynamically positioned Tooltips",
"keywords": [
"tooltip"

View File

@ -9,7 +9,8 @@ import {getTransformOrigins} from "@nextui-org/aria-utils";
import {UseTooltipProps, useTooltip} from "./use-tooltip";
export interface TooltipProps extends Omit<UseTooltipProps, "ref" | "disableTriggerFocus"> {}
export interface TooltipProps
extends Omit<UseTooltipProps, "ref" | "disableTriggerFocus" | "backdrop"> {}
const Tooltip = forwardRef<TooltipProps, "div">((props, ref) => {
const {

View File

@ -1,4 +1,4 @@
import type {PopoverVariantProps, SlotsToClasses, PopoverSlots} from "@nextui-org/theme";
import type {PopoverVariantProps, SlotsToClasses} from "@nextui-org/theme";
import type {AriaTooltipProps} from "@react-types/tooltip";
import type {OverlayTriggerProps} from "@react-types/overlays";
import type {HTMLMotionProps} from "framer-motion";
@ -11,7 +11,7 @@ import {useTooltip as useReactAriaTooltip, useTooltipTrigger} from "@react-aria/
import {useOverlayPosition, useOverlay, AriaOverlayProps} from "@react-aria/overlays";
import {HTMLNextUIProps, mapPropsVariants, PropGetter} from "@nextui-org/system";
import {popover} from "@nextui-org/theme";
import {ReactRef, mergeRefs, clsx} from "@nextui-org/shared-utils";
import {ReactRef, mergeRefs, clsx, dataAttr} from "@nextui-org/shared-utils";
import {createDOMRef} from "@nextui-org/dom-utils";
import {useMemo, useRef, useCallback} from "react";
import {toReactAriaPlacement, getArrowPlacement} from "@nextui-org/aria-utils";
@ -68,7 +68,7 @@ interface Props extends Omit<HTMLNextUIProps<"div">, "content"> {
* }} />
* ```
*/
classNames?: SlotsToClasses<PopoverSlots>;
classNames?: SlotsToClasses<"base" | "arrow">;
}
export type UseTooltipProps = Props &
@ -212,6 +212,9 @@ export function useTooltip(originalProps: UseTooltipProps) {
const getTooltipProps = useCallback<PropGetter>(
() => ({
ref: overlayRef,
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-placement": getArrowPlacement(placement, placementProp),
className: slots.base({class: baseStyles}),
...mergeProps(tooltipProps, positionProps, overlayProps, otherProps),
id: tooltipId,

View File

@ -1,5 +1,17 @@
# @nextui-org/user
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/dom-utils@0.0.0-dev-v2-20230607013542
- @nextui-org/avatar@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/user",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Flexible User Profile Component.",
"keywords": [
"user"

View File

@ -1,5 +1,44 @@
# @nextui-org/react
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/pagination@0.0.0-dev-v2-20230607013542
- @nextui-org/accordion@0.0.0-dev-v2-20230607013542
- @nextui-org/checkbox@0.0.0-dev-v2-20230607013542
- @nextui-org/dropdown@0.0.0-dev-v2-20230607013542
- @nextui-org/progress@0.0.0-dev-v2-20230607013542
- @nextui-org/skeleton@0.0.0-dev-v2-20230607013542
- @nextui-org/divider@0.0.0-dev-v2-20230607013542
- @nextui-org/popover@0.0.0-dev-v2-20230607013542
- @nextui-org/snippet@0.0.0-dev-v2-20230607013542
- @nextui-org/spinner@0.0.0-dev-v2-20230607013542
- @nextui-org/tooltip@0.0.0-dev-v2-20230607013542
- @nextui-org/avatar@0.0.0-dev-v2-20230607013542
- @nextui-org/button@0.0.0-dev-v2-20230607013542
- @nextui-org/navbar@0.0.0-dev-v2-20230607013542
- @nextui-org/spacer@0.0.0-dev-v2-20230607013542
- @nextui-org/switch@0.0.0-dev-v2-20230607013542
- @nextui-org/badge@0.0.0-dev-v2-20230607013542
- @nextui-org/image@0.0.0-dev-v2-20230607013542
- @nextui-org/input@0.0.0-dev-v2-20230607013542
- @nextui-org/modal@0.0.0-dev-v2-20230607013542
- @nextui-org/radio@0.0.0-dev-v2-20230607013542
- @nextui-org/table@0.0.0-dev-v2-20230607013542
- @nextui-org/card@0.0.0-dev-v2-20230607013542
- @nextui-org/chip@0.0.0-dev-v2-20230607013542
- @nextui-org/code@0.0.0-dev-v2-20230607013542
- @nextui-org/drip@0.0.0-dev-v2-20230607013542
- @nextui-org/link@0.0.0-dev-v2-20230607013542
- @nextui-org/tabs@0.0.0-dev-v2-20230607013542
- @nextui-org/user@0.0.0-dev-v2-20230607013542
- @nextui-org/kbd@0.0.0-dev-v2-20230607013542
- @nextui-org/system@0.0.0-dev-v2-20230607013542
- @nextui-org/theme@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/react",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "🚀 Beautiful and modern React UI library.",
"author": "Junior Garcia <jrgarciadev@gmail.com>",
"homepage": "https://nextui.org",

View File

@ -1,5 +1,11 @@
# @nextui-org/system
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/system",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "NextUI system primitives",
"keywords": [
"system"

View File

@ -1,5 +1,11 @@
# @nextui-org/theme
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/theme",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "The default theme for NextUI components",
"keywords": [
"theme",

View File

@ -85,9 +85,9 @@ const popover = tv({
size: {
xs: {base: "text-xs"},
sm: {base: "text-sm"},
md: {base: "text-base"},
lg: {base: "text-lg"},
xl: {base: "text-xl"},
md: {base: "text-sm"},
lg: {base: "text-base"},
xl: {base: "text-lg"},
},
color: {
default: {

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-accordion-item
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-accordion-item",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Internal impl for react aria accordion item",
"keywords": [
"use-aria-accordion-item"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-button
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-button",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
"keywords": [
"use-aria-button"

View File

@ -1,5 +1,14 @@
# @nextui-org/use-aria-field
## 0.0.0-dev-v2-20230607013542
### Patch Changes
- Tooltip data attributes added
- Updated dependencies
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230607013542
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230607013542
## 0.0.0-dev-v2-20230606203647
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-field",
"version": "0.0.0-dev-v2-20230606203647",
"version": "0.0.0-dev-v2-20230607013542",
"description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
"keywords": [
"use-aria-field"

Some files were not shown because too many files have changed in this diff Show More