mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-15 08:52:42 +03:00
63 lines
2.1 KiB
Elm
63 lines
2.1 KiB
Elm
module Examples.UiIcon exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example, styles
|
|
|
|
-}
|
|
|
|
import Examples.IconExamples as IconExamples
|
|
import ModuleExample exposing (Category(..), ModuleExample)
|
|
import Nri.Ui.Colors.V1 as Colors
|
|
import Nri.Ui.Icon.V5 as Icon
|
|
import Nri.Ui.Svg.V1 as Svg
|
|
import Nri.Ui.UiIcon.V1 as UiIcon
|
|
|
|
|
|
{-| -}
|
|
example : ModuleExample msg
|
|
example =
|
|
{ name = "Nri.Ui.UiIcon.V1"
|
|
, category = Icons
|
|
, content =
|
|
[ (IconExamples.view "Interface" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "seeMore", UiIcon.seeMore )
|
|
, ( "openClose", UiIcon.openClose )
|
|
, ( "download", UiIcon.download )
|
|
, ( "sort", UiIcon.sort )
|
|
, ( "gear", UiIcon.gear )
|
|
, ( "sortArrow", UiIcon.sortArrow )
|
|
]
|
|
, (IconExamples.view "Actions" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "unarchive", UiIcon.unarchive )
|
|
, ( "share", UiIcon.share )
|
|
, ( "preview", UiIcon.preview )
|
|
]
|
|
, (IconExamples.view "Humans & Class" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "person", UiIcon.person )
|
|
, ( "class", UiIcon.class )
|
|
, ( "leaderboard", UiIcon.leaderboard )
|
|
, ( "performance", UiIcon.performance )
|
|
]
|
|
, (IconExamples.view "Time" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "calendar", UiIcon.calendar )
|
|
, ( "clock", UiIcon.clock )
|
|
]
|
|
, (IconExamples.view "Writing Utensils" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "edit", UiIcon.edit )
|
|
, ( "pen", UiIcon.pen )
|
|
]
|
|
, (IconExamples.view "Writing" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "document", UiIcon.document )
|
|
, ( "newspaper", UiIcon.newspaper )
|
|
]
|
|
, (IconExamples.view "Sticky things" << List.map (Tuple.mapSecond Svg.toHtml))
|
|
[ ( "arrowDown", UiIcon.arrowDown )
|
|
, ( "checkmark", UiIcon.checkmark )
|
|
, ( "x", UiIcon.x )
|
|
, ( "attention", UiIcon.attention )
|
|
, ( "exclamation", UiIcon.exclamation )
|
|
]
|
|
]
|
|
}
|