Packages

A set of simple Surface components based on ant-design.

Current section

Files

Jump to
live_antd lib components popover.ex
Raw

lib/components/popover.ex

defmodule LiveAntd.Components.Popover do
@moduledoc """
The floating card popped by clicking or hovering.
## API
* [ ] `content`: Content of the card
* [ ] `title`: Title of the card
## Example
<Popover
content={{ @content }}
title= {{ @title }}
>
<Button type="primary">Hover me</Button>
</Popover>
"""
use Surface.Component
def render(assigns) do
~H"""
<div class="ant-popover ant-popover-placement-top " style="left: 1055px; top: 639px; transform-origin: 50% 92px;">
<div class="ant-popover-content">
<div class="ant-popover-arrow"><span class="ant-popover-arrow-content"></span></div>
<div class="ant-popover-inner" role="tooltip">
<div class="ant-popover-title">Title</div>
<div class="ant-popover-inner-content"><a>Close</a></div>
</div>
</div>
</div>
"""
end
end