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 to nil.
  • 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 to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

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)