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

content(assigns)

Render a hover card content.

root(assigns)

The root contains all the parts of a hover card.

trigger(assigns)

Renders a hover card trigger.

Functions

content(assigns)

Render a hover card content.

Attributes

for (Shino.UI.HoverCard.Root) (required)
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

root(assigns)

The root contains all the parts of a hover card.

Attributes

side (:string) - Defaults to "bottom".
align (:string) - Defaults to "center".
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

trigger(assigns)

Renders a hover card trigger.

Attributes

for (Shino.UI.HoverCard.Root) (required)
class (:any) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)