mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(docs): tooltip docs done
This commit is contained in:
parent
8ee4cd4e0c
commit
54e9c8231f
@ -23,3 +23,4 @@ export * from "./image";
|
||||
export * from "./radio-group";
|
||||
export * from "./switch";
|
||||
export * from "./popover";
|
||||
export * from "./tooltip";
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
17
apps/docs/content/components/tooltip/arrow.ts
Normal file
17
apps/docs/content/components/tooltip/arrow.ts
Normal 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,
|
||||
};
|
||||
36
apps/docs/content/components/tooltip/colors.ts
Normal file
36
apps/docs/content/components/tooltip/colors.ts
Normal 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,
|
||||
};
|
||||
28
apps/docs/content/components/tooltip/controlled.ts
Normal file
28
apps/docs/content/components/tooltip/controlled.ts
Normal 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,
|
||||
};
|
||||
26
apps/docs/content/components/tooltip/custom-content.ts
Normal file
26
apps/docs/content/components/tooltip/custom-content.ts
Normal 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,
|
||||
};
|
||||
35
apps/docs/content/components/tooltip/custom-motion.ts
Normal file
35
apps/docs/content/components/tooltip/custom-motion.ts
Normal 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,
|
||||
};
|
||||
25
apps/docs/content/components/tooltip/custom-styles.ts
Normal file
25
apps/docs/content/components/tooltip/custom-styles.ts
Normal 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,
|
||||
};
|
||||
26
apps/docs/content/components/tooltip/delay-multiple.ts
Normal file
26
apps/docs/content/components/tooltip/delay-multiple.ts
Normal 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,
|
||||
};
|
||||
26
apps/docs/content/components/tooltip/delay.ts
Normal file
26
apps/docs/content/components/tooltip/delay.ts
Normal 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,
|
||||
};
|
||||
25
apps/docs/content/components/tooltip/index.ts
Normal file
25
apps/docs/content/components/tooltip/index.ts
Normal 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,
|
||||
};
|
||||
31
apps/docs/content/components/tooltip/offset.ts
Normal file
31
apps/docs/content/components/tooltip/offset.ts
Normal 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,
|
||||
};
|
||||
43
apps/docs/content/components/tooltip/placements.ts
Normal file
43
apps/docs/content/components/tooltip/placements.ts
Normal 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,
|
||||
};
|
||||
17
apps/docs/content/components/tooltip/usage.ts
Normal file
17
apps/docs/content/components/tooltip/usage.ts
Normal 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,
|
||||
};
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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/
|
||||
```
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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 <a>",
|
||||
"keywords": [
|
||||
"link"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -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: {
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
Loading…
x
Reference in New Issue
Block a user