lemol/ant-design-icons-elm-ui - version: 1.0.0

for more information visit the package's GitHub page

Package contains the following modules:

Ant Design Icons for Elm UI

License Elm package Gitpod ready-to-code

📦 Package documentation

🎬 Showcase

This packages exposes all SVG icons from ant-design as List (Attribute msg) -> Element msg functions. It is the implementation for mdgriffith/elm-ui of ant-design-icons.

Try the below example on Ellie or navigate to the complete showcase!

module Main exposing (main)

import Ant.Icon exposing (fill, height, rotate, spin, width)
import Ant.Icons as Icons
import Element exposing (Element)
import Html exposing (Html)



main : Html msg
main =
    Element.column
        []
        [ Ant.Icon.styleNode
        , myIcons
        ]
        |> Element.layout []


myIcons : List (Element msg)
myIcons =
    [ Icons.homeOutlined
        [ width 24
        , height 24
        ]
    , Icons.settingFilled
        [ width 24
        , height 24
        ]
    , Icons.smileOutlined
        [ width 24
        , height 24
        ]
    , Icons.syncOutlined
        [ width 24
        , height 24
        , spin
        ]
    , Icons.smileOutlined
        [ width 24
        , height 24
        , rotate 180
        , fill (Element.rgb 1 0 1)
        ]
    , Icons.loadingOutlined
        [ width 24
        , height 24
        ]
    ]

Install

elm install lemol/ant-design-icons-elm-ui

Contributing

Resources

License

MIT License