Module

Lumi.Styles

Package
purescript-lumi-components
Repository
lumihq/purescript-lumi-components

#styleModifier Source

styleModifier :: forall props. (LumiTheme -> Style) -> PropsModifier props

Lift a themed set of styles into a PropsModifier for composition with other modifiers.

Note: A style modifier should generally leave the props type unconstrained and take configuration as regular arguments instead. Adding constraints to props makes it difficult to compose style and prop modifiers together across different components, where the same field name could mean different things.

#styleModifier_ Source

styleModifier_ :: forall props. Style -> PropsModifier props

Lift a static set of styles into a PropsModifier for composition with other modifiers.

Note: A style modifier should generally leave the props type unconstrained and take configuration as regular arguments instead. Adding constraints to props makes it difficult to compose style and prop modifiers together across different components, where the same field name could mean different things.

#toCSS Source

toCSS :: forall props. LumiTheme -> LumiProps props -> PropsModifier props -> Style

Flatten a PropsModifier and extract the Emotion styles for use with React.Basic.Emotion.element. This function is mainly used inside component implementations where the LumiComponent boundary gives way to DOM components or other ReactComponents.

Re-exports from React.Basic.Emotion

#IsStyle Source

class IsStyle a  where

Members

#IsStyleProperty Source

class IsStyleProperty a  where

Members

#css Source

css :: forall r. Homogeneous r StyleProperty => Record r -> Style
Modules
JSS
Lumi.Components
Lumi.Components.Badge
Lumi.Components.Border
Lumi.Components.Breadcrumb
Lumi.Components.Button
Lumi.Components.ButtonGroup
Lumi.Components.Card
Lumi.Components.CardGrid
Lumi.Components.Color
Lumi.Components.Column
Lumi.Components.Details
Lumi.Components.Divider
Lumi.Components.DropdownButton
Lumi.Components.EditableTable
Lumi.Components.FetchCache
Lumi.Components.FixedPrecisionInput
Lumi.Components.Form
Lumi.Components.Form.Defaults
Lumi.Components.Form.Internal
Lumi.Components.Form.Table
Lumi.Components.Form.Validation
Lumi.Components.Icon
Lumi.Components.Images
Lumi.Components.Input
Lumi.Components.InputGroup
Lumi.Components.LabeledField
Lumi.Components.Layouts
Lumi.Components.Layouts.Centered
Lumi.Components.Layouts.OneColumnWithHeader
Lumi.Components.Layouts.Tabs
Lumi.Components.Link
Lumi.Components.List
Lumi.Components.Loader
Lumi.Components.Lockup
Lumi.Components.Modal
Lumi.Components.NativeSelect
Lumi.Components.Navigation
Lumi.Components.Orientation
Lumi.Components.Pagination
Lumi.Components.Pill
Lumi.Components.Progress
Lumi.Components.Responsive
Lumi.Components.Row
Lumi.Components.Select
Lumi.Components.Select.Backend
Lumi.Components.Size
Lumi.Components.Slider
Lumi.Components.Spacing
Lumi.Components.Status
Lumi.Components.StatusSlat
Lumi.Components.Styles
Lumi.Components.Svg
Lumi.Components.Tab
Lumi.Components.Table
Lumi.Components.Table.FilterDropdown
Lumi.Components.Text
Lumi.Components.Textarea
Lumi.Components.Toast
Lumi.Components.Tooltip
Lumi.Components.Upload
Lumi.Components.Utility.ReactRouter
Lumi.Components.Wizard
Lumi.Components.ZIndex
Lumi.Components2.Box
Lumi.Components2.Button
Lumi.Components2.ButtonGroup
Lumi.Components2.Clip
Lumi.Components2.Link
Lumi.Components2.ScrollObserver
Lumi.Components2.Slat
Lumi.Styles
Lumi.Styles.Border
Lumi.Styles.Box
Lumi.Styles.Button
Lumi.Styles.Clip
Lumi.Styles.Link
Lumi.Styles.Loader
Lumi.Styles.Slat
Lumi.Styles.Theme