Search results

P purescript-spec M Test.Spec.Style
style :: forall w i. Node HTMLstyle w i
P purescript-halogen M Halogen.HTML.Elements
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

P purescript-halogen M Halogen.HTML.Properties
style :: Array Props -> Array ReactElement -> ReactElement
P purescript-react M React.DOM
style :: Array Props -> Array ReactElement -> ReactElement
P purescript-react M React.DOM.Dynamic
style :: forall style. Record style -> Props
P purescript-react M React.DOM.Props
style :: forall e. Markup e -> Markup e
P purescript-smolder M Text.Smolder.HTML
style :: String -> Attribute
P purescript-smolder M Text.Smolder.HTML.Attributes
style :: forall e. Markup e -> Markup e
P purescript-smolder M Text.Smolder.SVG
style :: String -> Attribute
P purescript-smolder M Text.Smolder.SVG.Attributes
style :: forall attrs attrs_. Union attrs attrs_ Props_style => Record attrs -> JSX
P purescript-react-basic-dom M React.Basic.DOM.Generated
style :: forall attrs attrs_. Union attrs attrs_ (SharedSVGProps Props_style) => Record attrs -> JSX
P purescript-react-basic-dom M React.Basic.DOM.SVG
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
P purescript-react-basic-dom M React.Basic.DOM.Simplified.Generated
style :: forall state. String -> VNode state -> VNode state
P purescript-freedom M Freedom.Markup.Prop
style :: forall a. String -> Prop a

Specifies an inline CSS style for an element

P purescript-chameleon M Chameleon.HTML.Attributes
style :: ElemName

Defines style information for a document

P purescript-chameleon M Chameleon.HTML.ElemNames
style :: forall html a. Html html => Array (Prop a) -> Array (html a) -> html a

Defines style information for a document

P purescript-chameleon M Chameleon.HTML.Elements
style :: forall html a. Html html => Array (Prop a) -> Array (Key /\ (html a)) -> html a

Defines style information for a document

P purescript-chameleon M Chameleon.HTML.KeyedElements
style :: ElemName

The style element contains style information for a document or part of a document.

P purescript-chameleon M Chameleon.SVG.ElemNames
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.

P purescript-chameleon M Chameleon.SVG.Elements
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.

P purescript-chameleon M Chameleon.SVG.KeyedElements
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 ]
      [ ... ]
P purescript-halogen-css M Halogen.HTML.CSS
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.

P purescript-optparse M Options.Applicative.Builder
style :: forall ev. CSS -> HTML ev

Render CSS stylesheet and return a style element.

P purescript-pux M Pux.DOM.HTML
style :: CSS -> Attribute

Render inline CSS and return a style attribute.

P purescript-pux M Pux.DOM.HTML.Attributes
style :: String -> VNode -> VNode
P purescript-grain M Grain.Markup.Prop
P purescript-react-basic-emotion M React.Basic.Emotion
style :: forall a. IsStyle a => a -> Style
P purescript-react-basic-emotion M React.Basic.Emotion
style :: El
P purescript-concur-react M Concur.React.DOM
style :: forall a style. Record style -> ReactProps a
P purescript-concur-react M Concur.React.Props
Style :: FillStyle -> Attr
P purescript-dotlang M Data.DotLang.Attr.Edge
Style :: FillStyle -> Attr
P purescript-dotlang M Data.DotLang.Attr.Node
Style :: forall msg. (Array StyleAttribute) -> Attribute msg
P purescript-oak M Oak.Html.Attribute
style :: forall msg. Array StyleAttribute -> Attribute msg
P purescript-oak M Oak.Html.Attribute
P purescript-chameleon-styled M Chameleon.Styled.Core
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.

P purescript-deku M Deku.Attributes
P purescript-deku M Deku.DOM.Attr.Style
Style :: Style
P purescript-deku M Deku.DOM.Attr.Style
style :: forall lock payload. Event (Attribute Style_) -> Array (Domable lock payload) -> Domable lock payload
P purescript-deku M Deku.DOM.Elt.Style
style :: forall m. Array (Prop m) -> Component m -> Component m
P purescript-jelly M Jelly.Element
style :: ElemFactory
P purescript-reactix M Reactix.DOM.HTML
style :: Proxy @Symbol "style"
P purescript-tecton M Tecton.Internal
P purescript-apexcharts M Apexcharts.Annotations.Points.Label.Style
style :: Option Label (Options Style)
P purescript-apexcharts M Apexcharts.Annotations.Points.Label.Style
P purescript-apexcharts M Apexcharts.Annotations.Xaxis.Label.Style
style :: Option Label (Options Style)
P purescript-apexcharts M Apexcharts.Annotations.Xaxis.Label.Style
P purescript-apexcharts M Apexcharts.Annotations.Yaxis.Label.Style
style :: Option Label (Options Style)
P purescript-apexcharts M Apexcharts.Annotations.Yaxis.Label.Style
P purescript-apexcharts M Apexcharts.DataLabels.Style
style :: Option DataLabels (Options Style)
P purescript-apexcharts M Apexcharts.DataLabels.Style
P purescript-apexcharts M Apexcharts.Fill.Pattern
style :: Option Pattern Style
P purescript-apexcharts M Apexcharts.Fill.Pattern
P purescript-apexcharts M Apexcharts.NoData.Style
style :: Option NoData (Options Style)
P purescript-apexcharts M Apexcharts.NoData.Style
P purescript-apexcharts M Apexcharts.Subtitle.Style
style :: Option Subtitle (Options Style)
P purescript-apexcharts M Apexcharts.Subtitle.Style
P purescript-apexcharts M Apexcharts.Title.Style
style :: Option Title (Options Style)
P purescript-apexcharts M Apexcharts.Title.Style
P purescript-apexcharts M Apexcharts.Tooltip.Style
style :: Option Tooltip (Options Style)
P purescript-apexcharts M Apexcharts.Tooltip.Style
P purescript-apexcharts M Apexcharts.Xaxis.Labels.Style
style :: Option Labels (Options Style)
P purescript-apexcharts M Apexcharts.Xaxis.Labels.Style
P purescript-apexcharts M Apexcharts.Xaxis.Title.Style
style :: Option Title (Options Style)
P purescript-apexcharts M Apexcharts.Xaxis.Title.Style
P purescript-apexcharts M Apexcharts.Xaxis.Tooltip.Style
style :: Option Tooltip (Options Style)
P purescript-apexcharts M Apexcharts.Xaxis.Tooltip.Style
P purescript-apexcharts M Apexcharts.Yaxis.Labels.Style
style :: Option Labels (Options Style)
P purescript-apexcharts M Apexcharts.Yaxis.Labels.Style
P purescript-apexcharts M Apexcharts.Yaxis.Title.Style
style :: Option Title (Options Style)
P purescript-apexcharts M Apexcharts.Yaxis.Title.Style
style :: String -> String -> Style

Create a style fragment for the Element DSL

P purescript-bonsai M Bonsai.Html.Attributes

A style that will be collected for VD.style

P purescript-bonsai M Bonsai.Html.Internal
style :: forall msg. Array (Tuple String String) -> Property msg

Specify a list of styles.

P purescript-bonsai M Bonsai.VirtualDom

Styles of a button

P purescript-bulma M Bulma.Elements.Button
P purescript-choku M Choku.Style
style :: Option DrawOptions (Options StyleOptions)
P purescript-cnchar M Cnchar.Draw
style :: forall s d. Existing s => String -> String -> s d -> D3Eff (s d)
P purescript-d3 M Graphics.D3.Selection
style :: forall msg. List (Tuple String String) -> Property msg

Specify a list of styles.

P purescript-dominator-core M Dominator.Core.VirtualDom
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
P purescript-elmish-html M Elmish.HTML.Generated
style :: forall (content :: Type). ReactChildren content => String -> content -> ReactElement
P purescript-elmish-html M Elmish.HTML.Styled.Generated
style :: forall a r. ToStyleList r => r -> NodeData a

Sets the node style

https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style

P purescript-flame M Flame.Html.Attribute.Internal
style :: forall a b h. ToHtml a b h
P purescript-flame M Flame.Html.Element
style :: forall attrs attrs_. Union attrs attrs_ (MotionProps + Props_style) => ReactComponent (Record attrs)
P purescript-framer-motion M Framer.Motion.MotionComponent
style :: forall r i. WindowMode -> IProp (style :: String | r) i

Get size and positioning CSS based on the app's window mode.

P purescript-gesso M Gesso.Canvas.Element
style :: String -> String -> State (List String) Unit
P purescript-impulse M Impulse.DOM.Attrs
P purescript-js-intl M JS.Intl.Options.Style
style :: (LumiTheme -> Style) -> StyleModifier

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

P purescript-lumi-components M Lumi.Styles
style :: Icons
P purescript-materialize M Materialize.Icons.Data
style :: forall t r. Lens' { style :: t | r } t
P purescript-mathbox M Mathbox.Lenses
style :: forall e. Markup e -> Markup e
P purescript-open-smolder M Text.Smolder.HTML
style :: String -> Attribute
P purescript-open-smolder M Text.Smolder.HTML.Attributes
style :: forall e. Markup e -> Markup e
P purescript-open-smolder M Text.Smolder.SVG
style :: String -> Attribute
P purescript-open-smolder M Text.Smolder.SVG.Attributes
style :: StringAttributeBuilder
P purescript-outwatch M OutWatch.Attributes
style :: StringAttributeBuilder
P purescript-outwatch M OutWatch.Dom
style :: StaticElement
P purescript-panda M Panda.HTML.Elements
style :: forall msg. String -> String -> Prop msg

Create a CSS property.

P purescript-pha M Pha.Html.Core
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; }"
P purescript-react-basic-dom-beta M Beta.DOM.HTML.Style
style :: Option TabOption (UnknownType)
P purescript-react-material-ui M MaterialUI.Tab
style :: Free SpaceF Unit -> Free SpaceF Unit
P purescript-react-spaces M React.Spaces.DOM