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

Provides popover related components.

Wanna DropdownMenu? Popover + Menu = DropdownMenu

Examples

<Popover.root :let={root}>
  <Popover.trigger for={root}>
    <.button variant="outline">Open</.button>
  </Popover.trigger>
  <Popover.content for={root}>
    Content
  </Popover.content>
</Popover.root>

References

Summary

Functions

Renders the content of a popover.

The root contains all the parts of a popover.

Renders a popover trigger.

Functions

Renders the content of a popover.

Attributes

  • for (Shino.UI.Popover.Root) (required)
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)
Link to this function

hide_popover(js \\ %JS{}, root_or_id)

View Source

The root contains all the parts of a popover.

Attributes

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

Slots

  • inner_block (required)

Renders a popover trigger.

Attributes

  • for (Shino.UI.Popover.Root) (required)
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)