NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-24 00:42:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

Show the pennant names

Browse Source
This commit is contained in:
Tessa Kelly 2020-10-08 11:45:03 -07:00
parent 77d416f529
commit f63c7bd0a9
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
styleguide-app/Examples/Pennant.elm
View File

@ -10,6 +10,7 @@ import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..))
import Css exposing (..)
import Example exposing (Example)
import Examples.IconExamples as IconExamples
import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes exposing (css)
import KeyboardSupport exposing (Direction(..), Key(..))
@ -41,16 +42,19 @@ example =
, subscriptions = \_ -> Sub.none
, view =
\_ ->
[ Html.div [ css [ Css.displayFlex, Css.width (Css.px 200) ] ]
[ Pennant.premiumFlag
|> Svg.withHeight (Css.px 60)
|> Svg.toHtml
, Pennant.disabledPremiumFlag
|> Svg.withHeight (Css.px 60)
|> Svg.toHtml
, Pennant.expiredPremiumFlag
|> Svg.withHeight (Css.px 60)
|> Svg.toHtml
[ IconExamples.viewWithCustomStyles "Premium Pennants"
[ ( "premiumFlag"
, Pennant.premiumFlag
, [ Css.width (Css.px 80) ]
)
, ( "expiredPremiumFlag"
, Pennant.expiredPremiumFlag
, [ Css.width (Css.px 80) ]
)
, ( "disabledPremiumFlag"
, Pennant.disabledPremiumFlag
, [ Css.width (Css.px 80) ]
)
]
]
}