View Source Shino.UI.HoverCard (shino v0.1.1-alpha.0)

Provides hover card related components.

For sighted users to preview content available behind a link.

Examples

<HoverCard.root>
  <HoverCard.trigger>
    Hover Me
  </HoverCard.trigger>
  <HoverCard.content>
    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

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

Slots

  • inner_block (required)

The root contains all the parts of a hover card.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Renders a hover card trigger.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)