github/elm-mdl
1
0
Fork 0
mirror of https://github.com/correl/elm-mdl.git synced 2024-12-18 03:00:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

Adds an Icon with badge example

Browse source
This commit is contained in:
Håkon Rossebø 2016-03-24 21:15:14 +01:00
parent d329eb445f
commit abd5fdf1b8
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/Demo/Badges.elm
View file

@ -4,7 +4,7 @@ import Html exposing (..)
import Html.Attributes exposing (class, style, key) import Html.Attributes exposing (class, style, key)
import Material.Badge as Badge import Material.Badge as Badge
import Material.Style exposing (..) import Material.Style exposing (..)
import Material.Icon as Icon
-- VIEW -- VIEW
view : List Html view : List Html
@ -23,5 +23,7 @@ view = [ div [][p [][]
, p [][] , p [][]
, styled span [Badge.withBadge "Δ"] [ ] [ text "Span with HTML symbol - Delta" ] , styled span [Badge.withBadge "Δ"] [ ] [ text "Span with HTML symbol - Delta" ]
, p [][] , p [][]
, span [][text "Icon with badge"]
, Icon.view "face" [Icon.iconSize Icon.S24, Badge.withBadge "33", Badge.overlap ] []
] ]
] ]