github/elm-mdl
1
0
Fork 0
mirror of https://github.com/correl/elm-mdl.git synced 2025-01-12 19:25:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

Ran through elm-format

Browse source
This commit is contained in:
Søren Debois 2016-03-25 23:52:49 +01:00
parent 760ca47a24
commit 7eecb28745
1 changed files with 27 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
examples/Demo/Badges.elm
View file

@ -1,29 +1,35 @@
module Demo.Badges where
module Demo.Badges (..) where
import Html exposing (..)
import Html.Attributes exposing (class, style, key)
import Material.Badge as Badge
import Material.Style exposing (..)
import Material.Icon as Icon
-- VIEW
view : List Html
view = [ div [][p [][]
, styled span [Badge.withBadge "2"] [ ] [ text "Span with badge" ]
, p [][]
, styled span [Badge.withBadge "22", Badge.noBackground] [ ] [ text "Span with no background badge" ]
, p [][]
, styled span [Badge.withBadge "33", Badge.overlap] [ ] [ text "Span with badge overlap" ]
, p [][]
, styled span [Badge.withBadge "99", Badge.overlap, Badge.noBackground] [ ] [ text "Span with badge overlap and no background" ]
, p [][]
, styled span [Badge.withBadge "♥"] [ ] [ text "Span with HTML symbol - Black heart suit" ]
, p [][]
, styled span [Badge.withBadge "→"] [ ] [ text "Span with HTML symbol - Rightwards arrow" ]
, p [][]
, styled span [Badge.withBadge "Δ"] [ ] [ text "Span with HTML symbol - Delta" ]
, p [][]
, span [][text "Icon with badge"]
, Icon.view "face" [Icon.size24, Badge.withBadge "33", Badge.overlap ] []
]
]
view =
[ div
[]
[ p [] []
, styled span [ Badge.withBadge "2" ] [] [ text "Span with badge" ]
, p [] []
, styled span [ Badge.withBadge "22", Badge.noBackground ] [] [ text "Span with no background badge" ]
, p [] []
, styled span [ Badge.withBadge "33", Badge.overlap ] [] [ text "Span with badge overlap" ]
, p [] []
, styled span [ Badge.withBadge "99", Badge.overlap, Badge.noBackground ] [] [ text "Span with badge overlap and no background" ]
, p [] []
, styled span [ Badge.withBadge "♥" ] [] [ text "Span with HTML symbol - Black heart suit" ]
, p [] []
, styled span [ Badge.withBadge "→" ] [] [ text "Span with HTML symbol - Rightwards arrow" ]
, p [] []
, styled span [ Badge.withBadge "Δ" ] [] [ text "Span with HTML symbol - Delta" ]
, p [] []
, span [] [ text "Icon with badge" ]
, Icon.view "face" [ Icon.size24, Badge.withBadge "33", Badge.overlap ] []
, Icon.view "face" [ Icon.size48, Badge.withBadge "33", Badge.overlap ] []
]
]