-
Notifications
You must be signed in to change notification settings - Fork 0
/
mdi.html.heex
26 lines (24 loc) · 919 Bytes
/
mdi.html.heex
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<.wc_card class="w-[100%_!important] h-[calc(100vh-56px-2em)_!important] overflow-auto">
<:title class="flex flex-row justify-center items-center">
<span class="text-4xl text-blue-600 hover:text-blue-400">
Material Design Icons
</span>
</:title>
<.wc_markdown content={"""
## Example
```html
<!-- icon_name is matrial icon name -->
<.wc_mdi name={icon_name} class="w-12 h-12" />
```
"""}></.wc_markdown>
<div class="flex flex-row flex-wrap gap-4">
<%= for icon_name <- @mdi_icons do %>
<div class="border flex flex-col w-40 h-40 items-center justify-center">
<div class="text-blue-400"><embed><%= icon_name %></embed></div>
<div class="flex items-center justify-center">
<.wc_mdi name={icon_name} class="w-24 h-24" />
</div>
</div>
<% end %>
</div>
</.wc_card>