View Source Shino.UI.Popover (shino v0.2.0-alpha.1)

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

content(assigns)

Renders the content of a popover.

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

root(assigns)

The root contains all the parts of a popover.

trigger(assigns)

Renders a popover trigger.

Functions

content(assigns)

Renders the content of a popover.

Attributes

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

Slots

inner_block (required)

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

root(assigns)

The root contains all the parts of a popover.

Attributes

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

Slots

inner_block (required)

trigger(assigns)

Renders a popover trigger.

Attributes

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

Slots

inner_block (required)