View Source Shino.UI.HoverCard (shino v0.2.0-alpha.1)
Provides hover card related components.
For sighted users to preview content available behind a link.
Examples
<HoverCard.root :let={root} side="top" align="start">
<HoverCard.trigger for={root}>
Hover Me
</HoverCard.trigger>
<HoverCard.content for={root}>
Here is a Card
</HoverCard.content>
</HoverCard.root>
References
Summary
Functions
Render a hover card content.
The root contains all the parts of a hover card.
Renders a hover card trigger.
Functions
Render a hover card content.
Attributes
for
(Shino.UI.HoverCard.Root
) (required)class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
The root contains all the parts of a hover card.
Attributes
side
(:string
) - Defaults to"bottom"
.align
(:string
) - Defaults to"center"
.class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a hover card trigger.
Attributes
for
(Shino.UI.HoverCard.Root
) (required)class
(:any
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)