Search results
style :: forall w i. Node HTMLstyle w i
style :: forall r i. String -> IProp (style :: String | r) i
Sets the style
attribute to the specified string.
... [ style "height: 50px;" ]
If you prefer to use typed CSS for this attribute, you can use the purescript-halogen-css library: https://github.com/purescript-halogen/purescript-halogen-css
style :: Array Props -> Array ReactElement -> ReactElement
style :: Array Props -> Array ReactElement -> ReactElement
style :: forall style. Record style -> Props
style :: forall e. Markup e -> Markup e
style :: String -> Attribute
style :: forall e. Markup e -> Markup e
style :: String -> Attribute
style :: forall attrs attrs_. Union attrs attrs_ Props_style => Record attrs -> JSX
style :: forall attrs attrs_. Union attrs attrs_ (SharedSVGProps Props_style) => Record attrs -> JSX
style :: forall attrsNoChildren attrsWithDuplicate attrs attrs_ jsx. Union attrs attrs_ Props_style => ToJSX jsx => Union (children :: Array JSX) attrsNoChildren attrsWithDuplicate => Nub (children :: Array JSX | attrsNoChildren) attrs => Record attrsNoChildren -> jsx -> JSX
style :: forall state. String -> VNode state -> VNode state
style :: forall a. String -> Prop a
Specifies an inline CSS style for an element
style :: ElemName
Defines style information for a document
style :: forall html a. Html html => Array (Prop a) -> Array (html a) -> html a
Defines style information for a document
style :: forall html a. Html html => Array (Prop a) -> Array (Key /\ (html a)) -> html a
Defines style information for a document
style :: ElemName
The style element contains style information for a document or part of a document.
style :: forall html a. Html html => Array (Prop a) -> Array (html a) -> html a
The style element contains style information for a document or part of a document.
style :: forall html a. Html html => Array (Prop a) -> Array (Key /\ (html a)) -> html a
The style element contains style information for a document or part of a document.
style :: forall i r. CSS -> IProp (style :: String | r) i
Render a set of rules as an inline style.
For example:
HH.div [ CSS.style do color red
display block ]
[ ... ]
style :: forall f a. (Doc -> Doc) -> Mod f a
Apply a function to the option description in the usage text.
import Options.Applicative.Help flag' () (short 't' <> style bold)
NOTE: This builder is more flexible than its name and example
allude. One of the motivating examples for its addition was to
used const
to completely replace the usage text of an option.
style :: forall ev. CSS -> HTML ev
Render CSS stylesheet and return a style element.
style :: CSS -> Attribute
Render inline CSS and return a style attribute.
style :: String -> VNode -> VNode
style :: forall a. IsStyle a => a -> Style
style :: El
style :: forall a style. Record style -> ReactProps a
Style :: FillStyle -> Attr
Style :: FillStyle -> Attr
Style :: forall msg. (Array StyleAttribute) -> Attribute msg
style :: forall msg. Array StyleAttribute -> Attribute msg
style :: forall e. Attr e Style String => Event String -> Event (Attribute e)
Set the style
attribute of an element using an event emitting strings.
Each style
string emitted replaces the previous style string.
Style :: Style
style :: forall lock payload. Event (Attribute Style_) -> Array (Domable lock payload) -> Domable lock payload
style :: forall m. Array (Prop m) -> Component m -> Component m
style :: ElemFactory
style :: Proxy @Symbol "style"
style :: Option Label (Options Style)
style :: Option Label (Options Style)
style :: Option Label (Options Style)
style :: Option DataLabels (Options Style)
style :: Option Pattern Style
style :: Option NoData (Options Style)
style :: Option Subtitle (Options Style)
style :: Option Title (Options Style)
style :: Option Tooltip (Options Style)
style :: Option Labels (Options Style)
style :: Option Title (Options Style)
style :: Option Tooltip (Options Style)
style :: Option Labels (Options Style)
style :: Option Title (Options Style)
style :: String -> String -> Style
Create a style fragment for the Element DSL
A style that will be collected for VD.style
style :: forall msg. Array (Tuple String String) -> Property msg
Specify a list of styles.
Styles of a button
style :: Option DrawOptions (Options StyleOptions)
style :: forall s d. Existing s => String -> String -> s d -> D3Eff (s d)
style :: forall msg. List (Tuple String String) -> Property msg
Specify a list of styles.
style :: forall (props :: Row Type) (content :: Type). ReactChildren content => IsSubsetOf props (_data :: Object String, about :: String, acceptCharset :: String, accessKey :: String, allowFullScreen :: Boolean, allowTransparency :: Boolean, "aria-activedescendant" :: String, "aria-atomic" :: String, "aria-autocomplete" :: String, "aria-busy" :: String, "aria-checked" :: String, "aria-colcount" :: String, "aria-colindex" :: String, "aria-colspan" :: String, "aria-controls" :: String, "aria-current" :: String, "aria-describedby" :: String, "aria-details" :: String, "aria-disabled" :: String, "aria-dropeffect" :: String, "aria-errormessage" :: String, "aria-expanded" :: String, "aria-flowto" :: String, "aria-grabbed" :: String, "aria-haspopup" :: String, "aria-hidden" :: String, "aria-invalid" :: String, "aria-keyshortcuts" :: String, "aria-label" :: String, "aria-labelledby" :: String, "aria-level" :: String, "aria-live" :: String, "aria-modal" :: String, "aria-multiline" :: String, "aria-multiselectable" :: String, "aria-orientation" :: String, "aria-owns" :: String, "aria-placeholder" :: String, "aria-posinset" :: String, "aria-pressed" :: String, "aria-readonly" :: String, "aria-relevant" :: String, "aria-required" :: String, "aria-roledescription" :: String, "aria-rowcount" :: String, "aria-rowindex" :: String, "aria-rowspan" :: String, "aria-selected" :: String, "aria-setsize" :: String, "aria-sort" :: String, "aria-valuemax" :: String, "aria-valuemin" :: String, "aria-valuenow" :: String, "aria-valuetext" :: String, autoComplete :: Boolean, autoFocus :: Boolean, autoPlay :: Boolean, capture :: Boolean, cellPadding :: String, cellSpacing :: String, charSet :: String, classID :: String, className :: String, colSpan :: Int, contentEditable :: Boolean, contextMenu :: String, crossOrigin :: String, dangerouslySetInnerHTML :: { __html :: String }, datatype :: String, dateTime :: String, dir :: String, draggable :: Boolean, encType :: String, formAction :: String, formEncType :: String, formMethod :: String, formNoValidate :: Boolean, formTarget :: String, frameBorder :: String, hidden :: Boolean, hrefLang :: String, htmlFor :: String, httpEquiv :: String, icon :: String, id :: String, inlist :: String, inputMode :: String, is :: String, itemID :: String, itemProp :: String, itemRef :: String, itemScope :: Boolean, itemType :: String, key :: String, keyParams :: String, keyType :: String, lang :: String, marginHeight :: String, marginWidth :: String, maxLength :: Int, media :: String, mediaGroup :: String, minLength :: Int, noValidate :: Boolean, nonce :: String, onBlur :: EffectFn1 SyntheticEvent Unit, onClick :: EffectFn1 SyntheticEvent Unit, onDoubleClick :: EffectFn1 SyntheticEvent Unit, onFocus :: EffectFn1 SyntheticEvent Unit, onKeyDown :: EffectFn1 KeyboardEvent Unit, onKeyPress :: EffectFn1 KeyboardEvent Unit, onKeyUp :: EffectFn1 KeyboardEvent Unit, onMouseDown :: EffectFn1 MouseEvent Unit, onMouseEnter :: EffectFn1 MouseEvent Unit, onMouseLeave :: EffectFn1 MouseEvent Unit, onMouseMove :: EffectFn1 MouseEvent Unit, onMouseOut :: EffectFn1 MouseEvent Unit, onMouseOver :: EffectFn1 MouseEvent Unit, onMouseUp :: EffectFn1 MouseEvent Unit, onScroll :: EffectFn1 SyntheticEvent Unit, onTouchCancel :: EffectFn1 TouchEvent Unit, onTouchEnd :: EffectFn1 TouchEvent Unit, onTouchMove :: EffectFn1 TouchEvent Unit, onTouchStart :: EffectFn1 TouchEvent Unit, prefix :: String, property :: String, radioGroup :: String, readOnly :: Boolean, ref :: Ref HTMLStyleElement, resource :: String, role :: String, role :: String, rowSpan :: Int, scoped :: Boolean, seamless :: Boolean, security :: String, spellCheck :: Boolean, srcDoc :: ReactElement, srcLang :: String, srcSet :: String, style :: CSS, suppressContentEditableWarning :: Boolean, tabIndex :: Int, title :: String, title :: String, type :: String, typeof :: String, unselectable :: Boolean, useMap :: String, vocab :: String, wmode :: String) => ValidReactProps (Record props) => Record props -> content -> ReactElement
style :: forall (content :: Type). ReactChildren content => String -> content -> ReactElement
style :: forall a r. ToStyleList r => r -> NodeData a
Sets the node style
https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style
style :: forall a b h. ToHtml a b h
style :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_style) => ReactComponent (Record attrs)
style :: forall r i. WindowMode -> IProp (style :: String | r) i
Get size and positioning CSS based on the app's window mode.
style :: String -> String -> State (List String) Unit
style :: (LumiTheme -> Style) -> StyleModifier
Lift a themed set of styles into a StyleModifier
for composition with other modifiers.
style :: Icons
style :: forall t r. Lens' { style :: t | r } t
style :: forall e. Markup e -> Markup e
style :: String -> Attribute
style :: forall e. Markup e -> Markup e
style :: String -> Attribute
style :: StringAttributeBuilder
style :: StringAttributeBuilder
style :: StaticElement
style :: forall msg. String -> String -> Prop msg
Create a CSS property.
style :: FFIRawTextComponent StyleAttributes
The <style>
HTML element contains style information for a document, or part of a document.
The child must be a string
Example:
style { type: "text/css" } "body { background-color: #f0f0f2; }"
style :: Option TabOption (UnknownType)
style :: Free SpaceF Unit -> Free SpaceF Unit
style :: Free SpaceF Unit -> Free SpaceF Unit
style :: forall st eff style. Record style -> Props eff st
style :: forall st eff. Array (Props eff st) -> Array (Component eff st) -> Component eff st
style :: forall o i context channel. Array (Attr context i) -> Array (Handler context (Either channel (i -> o))) -> Array (SDOM channel context i o) -> SDOM channel context i o
style :: forall i. Node HTMLstyle i
Style :: String -> String -> Style
style :: forall i r. String -> IProp (style :: String | r) i
style :: forall ps p i. Writer (List Declaration') ps -> IProp (style :: String | p) i
Renders declarations as an inline style, e.g.
HH.header
[ CSS.style Rule.do
width := pct 100
height := px 64
]
[ ... ]
style :: ElementCSSInlineStyle -> Effect CSSStyleDeclaration
style :: FFIRawTextComponent StyleAttributes
The <style>
HTML element contains style information for a document, or part of a document.
The child must be a string
Example:
style { type: "text/css" } "body { background-color: #f0f0f2; }"
styled :: Style -> String -> String
style_ :: forall w i. Array (HTML w i) -> HTML w i
style' :: Array ReactElement -> ReactElement
style' :: Array ReactElement -> ReactElement
style' :: forall attrs attrs_. Union attrs attrs_ Props_style => ReactComponent (Record attrs)
style' :: forall attrs attrs_. Union attrs attrs_ (SharedSVGProps Props_style) => ReactComponent (Record attrs)
style' :: forall jsx. ToJSX jsx => jsx -> JSX
style_ :: Array JSX -> JSX
style_ :: Array JSX -> JSX
style_ :: forall html a. Html html => Array (html a) -> html a
Defines style information for a document [No Attributes]
style_ :: forall html a. Html html => Array (Key /\ (html a)) -> html a
Defines style information for a document [No Attributes]
style_ :: forall html a. Html html => Array (html a) -> html a
The style element contains style information for a document or part of a document. [No Attributes]
style_ :: forall html a. Html html => Array (Key /\ (html a)) -> html a
The style element contains style information for a document or part of a document. [No Attributes]
style' :: El'
style_ :: El1
style' :: forall m. Component m -> Component m
style_ :: forall e. Attr e Style String => String -> Event (Attribute e)
Set the style
attribute of an element using a string.
This is a pure event, meaning that it sets the style string immediately upon being
fired.
style_ :: forall lock payload. Array (Domable lock payload) -> Domable lock payload
style' :: forall s d. Existing s => String -> (d -> String) -> s d -> D3Eff (s d)
style' :: forall a h. ToHtml' a h
style' :: Element
style' :: forall st eff. Array (Component eff st) -> Component eff st
style1 :: forall a. String -> String -> NodeData a
style_ :: forall (props :: Row Type) (content :: Type). ReactChildren content => IsSubsetOf props (_data :: Object String, about :: String, acceptCharset :: String, accessKey :: String, allowFullScreen :: Boolean, allowTransparency :: Boolean, "aria-activedescendant" :: String, "aria-atomic" :: String, "aria-autocomplete" :: String, "aria-busy" :: String, "aria-checked" :: String, "aria-colcount" :: String, "aria-colindex" :: String, "aria-colspan" :: String, "aria-controls" :: String, "aria-current" :: String, "aria-describedby" :: String, "aria-details" :: String, "aria-disabled" :: String, "aria-dropeffect" :: String, "aria-errormessage" :: String, "aria-expanded" :: String, "aria-flowto" :: String, "aria-grabbed" :: String, "aria-haspopup" :: String, "aria-hidden" :: String, "aria-invalid" :: String, "aria-keyshortcuts" :: String, "aria-label" :: String, "aria-labelledby" :: String, "aria-level" :: String, "aria-live" :: String, "aria-modal" :: String, "aria-multiline" :: String, "aria-multiselectable" :: String, "aria-orientation" :: String, "aria-owns" :: String, "aria-placeholder" :: String, "aria-posinset" :: String, "aria-pressed" :: String, "aria-readonly" :: String, "aria-relevant" :: String, "aria-required" :: String, "aria-roledescription" :: String, "aria-rowcount" :: String, "aria-rowindex" :: String, "aria-rowspan" :: String, "aria-selected" :: String, "aria-setsize" :: String, "aria-sort" :: String, "aria-valuemax" :: String, "aria-valuemin" :: String, "aria-valuenow" :: String, "aria-valuetext" :: String, autoComplete :: Boolean, autoFocus :: Boolean, autoPlay :: Boolean, capture :: Boolean, cellPadding :: String, cellSpacing :: String, charSet :: String, classID :: String, className :: String, colSpan :: Int, contentEditable :: Boolean, contextMenu :: String, crossOrigin :: String, dangerouslySetInnerHTML :: { __html :: String }, datatype :: String, dateTime :: String, dir :: String, draggable :: Boolean, encType :: String, formAction :: String, formEncType :: String, formMethod :: String, formNoValidate :: Boolean, formTarget :: String, frameBorder :: String, hidden :: Boolean, hrefLang :: String, htmlFor :: String, httpEquiv :: String, icon :: String, id :: String, inlist :: String, inputMode :: String, is :: String, itemID :: String, itemProp :: String, itemRef :: String, itemScope :: Boolean, itemType :: String, key :: String, keyParams :: String, keyType :: String, lang :: String, marginHeight :: String, marginWidth :: String, maxLength :: Int, media :: String, mediaGroup :: String, minLength :: Int, noValidate :: Boolean, nonce :: String, onBlur :: EffectFn1 SyntheticEvent Unit, onClick :: EffectFn1 SyntheticEvent Unit, onDoubleClick :: EffectFn1 SyntheticEvent Unit, onFocus :: EffectFn1 SyntheticEvent Unit, onKeyDown :: EffectFn1 KeyboardEvent Unit, onKeyPress :: EffectFn1 KeyboardEvent Unit, onKeyUp :: EffectFn1 KeyboardEvent Unit, onMouseDown :: EffectFn1 MouseEvent Unit, onMouseEnter :: EffectFn1 MouseEvent Unit, onMouseLeave :: EffectFn1 MouseEvent Unit, onMouseMove :: EffectFn1 MouseEvent Unit, onMouseOut :: EffectFn1 MouseEvent Unit, onMouseOver :: EffectFn1 MouseEvent Unit, onMouseUp :: EffectFn1 MouseEvent Unit, onScroll :: EffectFn1 SyntheticEvent Unit, onTouchCancel :: EffectFn1 TouchEvent Unit, onTouchEnd :: EffectFn1 TouchEvent Unit, onTouchMove :: EffectFn1 TouchEvent Unit, onTouchStart :: EffectFn1 TouchEvent Unit, prefix :: String, property :: String, radioGroup :: String, readOnly :: Boolean, ref :: Ref HTMLStyleElement, resource :: String, role :: String, role :: String, rowSpan :: Int, scoped :: Boolean, seamless :: Boolean, security :: String, spellCheck :: Boolean, srcDoc :: ReactElement, srcLang :: String, srcSet :: String, style :: CSS, suppressContentEditableWarning :: Boolean, tabIndex :: Int, title :: String, title :: String, type :: String, typeof :: String, unselectable :: Boolean, useMap :: String, vocab :: String, wmode :: String) => ValidReactProps (Record props) => String -> Record props -> content -> ReactElement
style_ :: forall b h. ToHtml_ b h
style_ :: Style -> StyleModifier
Lift a static set of styles into a StyleModifier
for composition with other modifiers.
style_ :: StaticElementWithoutProperties
style_ :: forall o i context channel. Array (SDOM channel context i o) -> SDOM channel context i o
styles :: State (List String) Unit -> Attrs
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: JSS
styles :: Array (LumiTheme -> Style) -> StyleModifier
Lift an array of themed styles into a StyleModifier
for composition with other modifiers.
A type that represents things that can be passed into 'style' properties
styles :: Array StyleProp -> Styles
Create styles from an array, if the styles are static, use staticStyles
styles :: forall i r. Array Style -> IProp (style :: String | r) i
style__ :: forall lock payload. String -> Domable lock payload
style'' :: forall s d. Existing s => String -> (d -> Number -> String) -> s d -> D3Eff (s d)
style'_ :: ElementWithoutProperties
styles' :: Array Styles -> Styles
Create Styles
from an array of them, last style has precedence
styles_ :: Array Style -> StyleModifier
Lift an array of static styles into a StyleModifier
for composition with other modifiers.
styleLeaf :: forall html style a. Html html => HtmlStyled html => IsStyle style => ElemLeaf html a -> style -> ElemLeaf html a
styleNode :: forall html style a. Html html => HtmlStyled html => IsStyle style => ElemNode html a -> style -> ElemNode html a
styleAttr :: ToStringAttribute
A CSS-framework-friendly tag-creating function without props. The point of
CSS-framework-friendliness is that the className
prop is given as first
parameter rather than being part of the other props, so we can write div
"row"
rather than div { className: "row" }
styledTag :: String -> StyledTag
styleImpl :: forall a. ReactComponent (Record a)
A type which represents a single style
stylesheet :: forall p i. CSS -> HTML p i
Render a set of rules as a style
element.
styleElems :: forall rowIn rowOut. StyleElems rowIn rowOut => String -> Record rowIn -> Record rowOut
CSS-in-Purs
Stylesheet :: forall p. CSSStyleSheet -> (Ref (VirtualStylesheet p)) -> Stylesheet p
A CSS-framework-friendly tag-creating function with props. allowedProps
is a row of all possible props for this tag. The point of
CSS-framework-friendliness is that the className
prop is given as first
parameter rather than being part of the other props, so we can write div_
"row" {}
rather than div { className: "row" }
styledTag_ :: forall props content. ReactChildren content => String -> String -> Record props -> content -> ReactElement
The type of stylesheet.
styleSheet :: forall p i. CSS -> HTML p i
Creates a style
element with the specified style sheet rendered as its
text content.
styleElems' :: forall rowIn rowOut style. StyleElems rowIn rowOut => IsStyle style => String -> (Int -> String -> style) -> Record rowIn -> Record rowOut
styleElemsRL :: forall index rowlist rowIn rowOut. StyleElemsRL index rowlist rowIn rowOut => ElemScope -> (Int -> ElemName -> Style) -> Proxy index -> Proxy rowlist -> Record rowIn -> Record rowOut
StyleRuleSet :: (Array RuleType) -> StyleRuleSet
Unique ID for stylesheet in DOM
StylesheetId :: String -> StylesheetId
style480x400 :: StyleString
style640x480 :: StyleString
styleIsString :: CanvasStyleRep -> Boolean
styleToString :: CanvasStyleRep -> Maybe String
styleElemsOne :: forall typ styledElem. StyleElemsOne typ styledElem => ElemName -> ElemScope -> Style -> typ -> styledElem
styleConsumer :: forall localState label props. IsSymbol label => Context (Maybe (Stylesheet label)) -> props -> localState -> CSSRuleSet props -> StyleRenderMethod props localState -> ReactElement
Internal function that creates a Purescript React class which allows consumption of the Radox store via React Context
styleProvider :: forall label. IsSymbol label => Context (Maybe (Stylesheet label)) -> ReactClass { children :: Array ReactElement }
Internal function for creating a Purescript React class that providers the Radox store through React Context
styleToString :: Style -> String
StyleAttribute :: String -> String -> StyleAttribute
styleIsPattern :: CanvasStyleRep -> Boolean
styleToPattern :: CanvasStyleRep -> Maybe CanvasPattern
styleKeyedLeaf :: forall html style a. Html html => HtmlStyled html => IsStyle style => ElemKeyedLeaf html a -> style -> ElemKeyedLeaf html a
styleKeyedNode :: forall html style a. Html html => HtmlStyled html => IsStyle style => ElemKeyedNode html a -> style -> ElemKeyedNode html a
No further results.