HoverCards
uiCategories.overlaysModals.components.showcases.hoverCards.description
Installation
Import
Usage
uiCategories.overlaysModals.components.showcases.hoverCards.usage
Design Guidelines
uiCategories.overlaysModals.components.showcases.hoverCards.designGuidelines
uiCategories.overlaysModals.components.showcases.hoverCards.examples.basicUsage.title
uiCategories.overlaysModals.components.showcases.hoverCards.examples.basicUsage.description
uiCategories.overlaysModals.components.showcases.hoverCards.examples.userProfileCard.title
uiCategories.overlaysModals.components.showcases.hoverCards.examples.userProfileCard.description
uiCategories.overlaysModals.components.showcases.hoverCards.examples.differentPositions.title
uiCategories.overlaysModals.components.showcases.hoverCards.examples.differentPositions.description
uiCategories.overlaysModals.components.showcases.hoverCards.examples.withAlignment.title
uiCategories.overlaysModals.components.showcases.hoverCards.examples.withAlignment.description
HoverCard
uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCard.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
open | boolean | undefined | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCard.props.open.description |
onOpenChange | (open: boolean) => void | undefined | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCard.props.onOpenChange.description |
openDelay | number | 700 | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCard.props.openDelay.description |
closeDelay | number | 300 | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCard.props.closeDelay.description |
className | string | — | packages.commonProps.className.description |
HoverCardTrigger
uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCardTrigger.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
asChild | boolean | false | packages.commonProps.asChild.description.part1 packages.commonProps.asChild.description.linkText packages.commonProps.asChild.description.part2 |
className | string | — | packages.commonProps.className.description |
HoverCardContent
uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCardContent.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
side | "top" | "right" | "bottom" | "left" | "top" | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCardContent.props.side.description |
align | "start" | "center" | "end" | "center" | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCardContent.props.align.description |
sideOffset | number | 4 | uiCategories.overlaysModals.components.showcases.hoverCards.composedComponents.hoverCardContent.props.sideOffset.description |
className | string | — | packages.commonProps.className.description |