lemol/ant-design-icons-elm-ui

Ant Design Icons for Elm UI


Keywords
ant-design, ant-design-elm, ant-design-icons, elm, elm-ui, icons
License
MIT
Install
elm-package install lemol/ant-design-icons-elm-ui 1.0.0

Documentation

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

  • Bug fixes, issues reporting and suggestions are welcome

  • You can find @lemol on Elm Slack

  • Gitpod ready-to-code

Resources

License

MIT License