mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-26 07:04:33 +03:00
124 lines
4.2 KiB
Elm
124 lines
4.2 KiB
Elm
module Examples.UiIcon exposing (example, State, Msg)
|
|
|
|
{-|
|
|
|
|
@docs example, State, Msg
|
|
|
|
-}
|
|
|
|
import Category exposing (Category(..))
|
|
import Example exposing (Example)
|
|
import Examples.IconExamples as IconExamples
|
|
import Nri.Ui.UiIcon.V1 as UiIcon
|
|
|
|
|
|
{-| -}
|
|
type alias State =
|
|
()
|
|
|
|
|
|
{-| -}
|
|
type alias Msg =
|
|
()
|
|
|
|
|
|
{-| -}
|
|
example : Example State Msg
|
|
example =
|
|
{ name = "Nri.Ui.UiIcon.V1"
|
|
, categories = List.singleton Icons
|
|
, state = ()
|
|
, update = \_ state -> ( state, Cmd.none )
|
|
, subscriptions = \_ -> Sub.none
|
|
, view =
|
|
\_ ->
|
|
[ IconExamples.view "Interface"
|
|
[ ( "seeMore", UiIcon.seeMore )
|
|
, ( "openClose", UiIcon.openClose )
|
|
, ( "download", UiIcon.download )
|
|
, ( "sort", UiIcon.sort )
|
|
, ( "gear", UiIcon.gear )
|
|
, ( "sortArrow", UiIcon.sortArrow )
|
|
]
|
|
, IconExamples.view "Actions"
|
|
[ ( "unarchive", UiIcon.unarchive )
|
|
, ( "share", UiIcon.share )
|
|
, ( "preview", UiIcon.preview )
|
|
, ( "activity", UiIcon.activity )
|
|
, ( "skip", UiIcon.skip )
|
|
, ( "copyToClipboard", UiIcon.copyToClipboard )
|
|
, ( "gift", UiIcon.gift )
|
|
]
|
|
, IconExamples.view "Guidance"
|
|
[ ( "footsteps", UiIcon.footsteps )
|
|
, ( "compass", UiIcon.compass )
|
|
, ( "speedometer", UiIcon.speedometer )
|
|
, ( "bulb", UiIcon.bulb )
|
|
, ( "help", UiIcon.help )
|
|
]
|
|
, IconExamples.view "Humans & Class"
|
|
[ ( "person", UiIcon.person )
|
|
, ( "class", UiIcon.class )
|
|
, ( "leaderboard", UiIcon.leaderboard )
|
|
, ( "performance", UiIcon.performance )
|
|
]
|
|
, IconExamples.view "Time"
|
|
[ ( "calendar", UiIcon.calendar )
|
|
, ( "clock", UiIcon.clock )
|
|
]
|
|
, IconExamples.view "Writing & Writing Utensils"
|
|
[ ( "document", UiIcon.document )
|
|
, ( "newspaper", UiIcon.newspaper )
|
|
, ( "edit", UiIcon.edit )
|
|
, ( "pen", UiIcon.pen )
|
|
]
|
|
, IconExamples.view "Arrows"
|
|
[ ( "arrowTop", UiIcon.arrowTop )
|
|
, ( "arrowRight", UiIcon.arrowRight )
|
|
, ( "arrowDown", UiIcon.arrowDown )
|
|
, ( "arrowLeft", UiIcon.arrowLeft )
|
|
, ( "arrowPointingRight", UiIcon.arrowPointingRight )
|
|
]
|
|
, IconExamples.view "Sticky things"
|
|
[ ( "checkmark", UiIcon.checkmark )
|
|
, ( "checkmarkInCircle", UiIcon.checkmarkInCircle )
|
|
, ( "x", UiIcon.x )
|
|
, ( "attention", UiIcon.attention )
|
|
, ( "exclamation", UiIcon.exclamation )
|
|
]
|
|
, IconExamples.view "Notifs"
|
|
[ ( "flag", UiIcon.flag )
|
|
, ( "star", UiIcon.star )
|
|
, ( "starOutline", UiIcon.starOutline )
|
|
]
|
|
, IconExamples.view "Math"
|
|
[ ( "equals", UiIcon.equals )
|
|
, ( "plus", UiIcon.plus )
|
|
]
|
|
, IconExamples.view "Lock & Key"
|
|
[ ( "key", UiIcon.key )
|
|
, ( "lock", UiIcon.lock )
|
|
, ( "premiumLock", UiIcon.premiumLock )
|
|
]
|
|
, IconExamples.view "Badges & Levels"
|
|
[ ( "badge", UiIcon.badge )
|
|
]
|
|
, IconExamples.view "Tips & Tricks"
|
|
[ ( "hat", UiIcon.hat )
|
|
, ( "keychain", UiIcon.keychain )
|
|
]
|
|
, IconExamples.view "Growth"
|
|
[ ( "sprout", UiIcon.sprout )
|
|
, ( "sapling", UiIcon.sapling )
|
|
, ( "tree", UiIcon.tree )
|
|
]
|
|
, IconExamples.view "Rich Text Formatting"
|
|
[ ( "bold", UiIcon.bold )
|
|
, ( "italic", UiIcon.italic )
|
|
, ( "underline", UiIcon.underline )
|
|
, ( "list", UiIcon.list )
|
|
, ( "undo", UiIcon.undo )
|
|
]
|
|
]
|
|
}
|