Laminar

com.raquo.laminar.api.Laminar

Attributes

Graph
Supertypes
trait Implicits
trait MountHooks
trait StyleProps
trait HtmlProps
trait HtmlAttrs
trait HtmlTags
class Object
trait Matchable
class Any
Show all

Members list

Type members

Classlikes

object aria extends AriaAttrs

Contains ARIA attrs for accessibility

Contains ARIA attrs for accessibility

Attributes

Supertypes
trait AriaAttrs
class Object
trait Matchable
class Any
Self type
aria.type
object style extends StyleUnitsApi

Contains Helpers like style.px(12) // returns "12px"

Contains Helpers like style.px(12) // returns "12px"

Attributes

Supertypes
trait Url[StyleEncoder]
trait Length[StyleEncoder, Int]
trait Color[String, StyleEncoder]
class Object
trait Matchable
class Any
Show all
Self type
style.type
object svg extends SvgTags, SvgAttrs, ComplexSvgKeys

Contains SVG tags and attrs

Contains SVG tags and attrs

Attributes

Supertypes
trait SvgAttrs
trait SvgTags
class Object
trait Matchable
class Any
Show all
Self type
svg.type
object unsafeWindowOwner extends Owner

An owner that never kills its possessions.

An owner that never kills its possessions.

Be careful to only use for subscriptions whose lifetime should match the lifetime of dom.window (that is, of your whole application, basically).

Legitimate use case: for app-wide observers of documentEvents and windowEvents.

Attributes

Supertypes
trait Owner
class Object
trait Matchable
class Any
Self type

Inherited classlikes

object JsDictionaryValueMapper extends CompositeValueMapper[Dictionary[Boolean]]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[Dictionary[Boolean]]
class Object
trait Matchable
class Any
object MapValueMapper extends CompositeValueMapper[Map[String, Boolean]]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[Map[String, Boolean]]
class Object
trait Matchable
class Any
object StringBooleanSeqSeqValueMapper extends CompositeValueMapper[Seq[Seq[(String, Boolean)]]]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[Seq[Seq[(String, Boolean)]]]
class Object
trait Matchable
class Any
object StringBooleanSeqValueMapper extends CompositeValueMapper[Seq[(String, Boolean)]]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[Seq[(String, Boolean)]]
class Object
trait Matchable
class Any
object StringSeqSeqValueMapper extends CompositeValueMapper[Seq[Seq[String]]]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[Seq[Seq[String]]]
class Object
trait Matchable
class Any
object StringSeqValueMapper extends CompositeValueMapper[Seq[String]]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[Seq[String]]
class Object
trait Matchable
class Any
object StringValueMapper extends CompositeValueMapper[String]

Attributes

Inherited from:
CompositeValueMappers
Supertypes
trait CompositeValueMapper[String]
class Object
trait Matchable
class Any

Inherited types

type Anchor = ReactiveHtmlElement[Anchor]

Attributes

Inherited from:
LaminarAliases
type Binder[-El <: Element] = Binder[El]

Attributes

Inherited from:
LaminarAliases
type Button = ReactiveHtmlElement[Button]

Attributes

Inherited from:
LaminarAliases
type CollectionCommand[+Item] = CollectionCommand[Item]

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
protected type DSP[V] = DerivedStyleProp[V]

Attributes

Inherited from:
StyleProps
type Div = ReactiveHtmlElement[Div]

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
type DynamicOwner = DynamicOwner

Attributes

Inherited from:
AirstreamAliases
type DynamicSubscription = DynamicSubscription

Attributes

Inherited from:
AirstreamAliases
type Element = Base

Attributes

Inherited from:
LaminarAliases
type EventBus[A] = EventBus[A]

Attributes

Inherited from:
AirstreamAliases
type EventProcessor[Ev <: Event, V] = EventProcessor[Ev, V]

Attributes

Inherited from:
LaminarAliases
type EventProp[Ev <: Event] = EventProp[Ev]

Attributes

Inherited from:
LaminarAliases
type EventSource[+A] = EventSource[A]

Attributes

Inherited from:
AirstreamAliases
type EventStream[+A] = EventStream[A]

Attributes

Inherited from:
AirstreamAliases
type FlattenStrategy[-Outer <: (Observable), -Inner[_], Output <: (Observable)] = FlattenStrategy[Outer, Inner, Output]

Attributes

Inherited from:
AirstreamAliases

Attributes

Inherited from:
LaminarAliases
type HtmlAttr[V] = HtmlAttr[V]

Attributes

Inherited from:
LaminarAliases
type HtmlElement = Base

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
type HtmlProp[V, DomV] = HtmlProp[V, DomV]

Attributes

Inherited from:
LaminarAliases
type IFrame = ReactiveHtmlElement[IFrame]

Attributes

Inherited from:
LaminarAliases
type Image = ReactiveHtmlElement[Image]

Attributes

Inherited from:
LaminarAliases
type Input = ReactiveHtmlElement[Input]

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
type LI = ReactiveHtmlElement[LI]

Attributes

Inherited from:
LaminarAliases
type Label = ReactiveHtmlElement[Label]

Attributes

Inherited from:
LaminarAliases
type Mod[-El <: Base] = Modifier[El]

Attributes

Inherited from:
LaminarAliases
type Modifier[-El <: Base] = Modifier[El]

Attributes

Inherited from:
LaminarAliases
type MountContext[+El <: Element] = MountContext[El]

Attributes

Inherited from:
LaminarAliases
type Node = Base

Attributes

Inherited from:
LaminarAliases
type Observable[+A] = Observable[A]

Attributes

Inherited from:
AirstreamAliases
type Observer[-A] = Observer[A]

Attributes

Inherited from:
AirstreamAliases
type OwnedSignal[+A] = OwnedSignal[A]

Attributes

Inherited from:
AirstreamAliases
type Owner = Owner

Attributes

Inherited from:
AirstreamAliases
type Pending[+In] = Pending[In]

Attributes

Inherited from:
AirstreamAliases
type Resolved[+In, +Out] = Resolved[In, Out]

Attributes

Inherited from:
AirstreamAliases

Attributes

Inherited from:
LaminarAliases
protected type SS = StyleSetter

Attributes

Inherited from:
StyleProps
type Select = ReactiveHtmlElement[Select]

Attributes

Inherited from:
LaminarAliases
type Setter[-El <: Element] = Setter[El]

Attributes

Inherited from:
LaminarAliases
type Signal[+A] = Signal[A]

Attributes

Inherited from:
AirstreamAliases
type SignalSource[+A] = SignalSource[A]

Attributes

Inherited from:
AirstreamAliases
type Sink[-A] = Sink[A]

Attributes

Inherited from:
AirstreamAliases
type Source[+A] = Source[A]

Attributes

Inherited from:
AirstreamAliases
type Span = ReactiveHtmlElement[Span]

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
type Status[+In, +Out] = Status[In, Out]

Attributes

Inherited from:
AirstreamAliases
type StrictSignal[+A] = StrictSignal[A]

Attributes

Inherited from:
AirstreamAliases
type StyleProp[V] = StyleProp[V]

Attributes

Inherited from:
LaminarAliases
type Subscription = Subscription

Attributes

Inherited from:
AirstreamAliases
type SvgAttr[V] = SvgAttr[V]

Attributes

Inherited from:
LaminarAliases
type SvgElement = Base

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
type TextArea = ReactiveHtmlElement[TextArea]

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
type Val[A] = Val[A]

Attributes

Inherited from:
AirstreamAliases
type Var[A] = Var[A]

Attributes

Inherited from:
AirstreamAliases
type WriteBus[A] = WriteBus[A]

Attributes

Inherited from:
AirstreamAliases

Deprecated and Inherited types

type Child = Base

Attributes

Deprecated
true
Inherited from:
LaminarAliases
type Children = Seq[Base]

Attributes

Deprecated
true
Inherited from:
LaminarAliases

Attributes

Deprecated
true
Inherited from:
LaminarAliases

Value members

Concrete methods

def commentNode(text: String): CommentNode
def controlled[Ref <: Element, Ev <: Event, V](listener: EventListener[Ev, _], updater: KeyUpdater[ReactiveHtmlElement[Ref], HtmlProp[V, _], V]): Binder[ReactiveHtmlElement[Ref]]

Creates controlled input block. See Controlled Inputs docs

Creates controlled input block. See Controlled Inputs docs

Attributes

def controlled[Ref <: Element, Ev <: Event, V](updater: KeyUpdater[ReactiveHtmlElement[Ref], HtmlProp[V, _], V], listener: EventListener[Ev, _]): Binder[ReactiveHtmlElement[Ref]]

Creates controlled input block. See Controlled Inputs docs

Creates controlled input block. See Controlled Inputs docs

Attributes

def documentEvents[Ev <: Event, V](events: GlobalEventProps & DocumentEventProps => EventProcessor[Ev, V]): EventStream[V]

Typical usage: documentEvents(_.onDomContentLoaded)

Typical usage: documentEvents(_.onDomContentLoaded)

Attributes

Note: this is not a nodes.ReactiveElement because dom.Comment is not a dom.Element. This is a bit annoying, I know, but we kinda have to follow the native JS DOM API on this. Both CommentNode and nodes.ReactiveElement are Node.

Note: this is not a nodes.ReactiveElement because dom.Comment is not a dom.Element. This is a bit annoying, I know, but we kinda have to follow the native JS DOM API on this. Both CommentNode and nodes.ReactiveElement are Node.

Attributes

def foreignHtmlElement[Ref <: Element](tag: HtmlTag[Ref], element: Ref): ReactiveHtmlElement[Ref]

Wrap an HTML JS DOM element created by an external library into a reactive Laminar element.

Wrap an HTML JS DOM element created by an external library into a reactive Laminar element.

Attributes

def foreignHtmlElement(element: Element): Base

Wrap an HTML JS DOM element created by an external library into a reactive Laminar element.

Wrap an HTML JS DOM element created by an external library into a reactive Laminar element.

Attributes

def foreignSvgElement[Ref <: Element](tag: SvgTag[Ref], element: Ref): ReactiveSvgElement[Ref]

Wrap an SVG JS DOM element created by an external library into a reactive Laminar element.

Wrap an SVG JS DOM element created by an external library into a reactive Laminar element.

Attributes

def foreignSvgElement(element: Element): ReactiveSvgElement[Element]

Wrap an SVG JS DOM element created by an external library into a reactive Laminar element.

Wrap an SVG JS DOM element created by an external library into a reactive Laminar element.

Attributes

def inContext[El <: Element](makeModifier: El => Modifier[El]): Modifier[El]

Use this when you need a reference to current element. See docs.

Use this when you need a reference to current element. See docs.

Attributes

def modSeq[El <: Element](mods: Modifier[El]*): Seq[Modifier[El]]

Get a Seq of modifiers. You could just use Seq(...), but this helper has better type inference in some cases.

Get a Seq of modifiers. You could just use Seq(...), but this helper has better type inference in some cases.

Attributes

def nodeSeq[El <: Node](nodes: Node*): Seq[Node]

Get a Seq of nodes. You could just use Seq(...), but this helper has better type inference in some cases.

Get a Seq of nodes. You could just use Seq(...), but this helper has better type inference in some cases.

Attributes

def render(container: Element, rootNode: Base): RootNode

Render a Laminar element into a container DOM node, right now. You must make sure that the container node already exists in the DOM, otherwise this method will throw.

Render a Laminar element into a container DOM node, right now. You must make sure that the container node already exists in the DOM, otherwise this method will throw.

Attributes

def renderDetached[El <: Base](rootNode: => El, activateNow: Boolean): DetachedRoot[El]

Wrap a Laminar element in DetachedRoot, which allows you to manually activate and deactivate Laminar subscriptions on this element. Pass activateNow = true to activate the subscriptions upon calling this method, or call .activate() manually.

Wrap a Laminar element in DetachedRoot, which allows you to manually activate and deactivate Laminar subscriptions on this element. Pass activateNow = true to activate the subscriptions upon calling this method, or call .activate() manually.

Unlike other render* methods, this one does NOT attach the element to any container / parent DOM node. Instead, you can obtain the JS DOM node as .ref, and pass it to a third party JS library that requires you to provide a DOM node (which it will attach to the DOM on its own).

Attributes

def renderOnDomContentLoaded(container: => Element, rootNode: => Base): Unit

Wait for DOMContentLoaded event to fire, then render a Laminar element into a container DOM node. This is probably what you want to initialize your Laminar application on page load.

Wait for DOMContentLoaded event to fire, then render a Laminar element into a container DOM node. This is probably what you want to initialize your Laminar application on page load.

See https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event

Attributes

def when[El <: Element](condition: Boolean)(mods: Modifier[El]*): Modifier[El]

Modifier that applies one or more modifiers if condition is true

Modifier that applies one or more modifiers if condition is true

Attributes

def whenNot[El <: Element](condition: Boolean)(mods: Modifier[El]*): Modifier[El]

Modifier that applies one or more modifiers if condition is true

Modifier that applies one or more modifiers if condition is true

Attributes

def windowEvents[Ev <: Event, V](events: GlobalEventProps & WindowEventProps => EventProcessor[Ev, V]): EventStream[V]

Typical usage: windowEvents(_.onOffline)

Typical usage: windowEvents(_.onOffline)

Attributes

Inherited methods

def EventStream: EventStream.type

Attributes

Inherited from:
AirstreamAliases
def Pending: Pending.type

Attributes

Inherited from:
AirstreamAliases
def Resolved: Resolved.type

Attributes

Inherited from:
AirstreamAliases
def Signal: Signal.type

Attributes

Inherited from:
AirstreamAliases
protected def alignContentStyle(key: String): StyleProp[String] & AlignContent

Attributes

Inherited from:
StyleProps
protected def autoStyle[V](key: String): StyleProp[V] & Auto

Attributes

Inherited from:
StyleProps
protected def backfaceVisibilityStyle(key: String): StyleProp[String] & BackfaceVisibility

Attributes

Inherited from:
StyleProps
protected def backgroundAttachmentStyle(key: String): StyleProp[String] & BackgroundAttachment

Attributes

Inherited from:
StyleProps
protected def backgroundSizeStyle(key: String): StyleProp[String] & BackgroundSize

Attributes

Inherited from:
StyleProps
protected def boolAsOnOffHtmlAttr(name: String): HtmlAttr[Boolean]

Attributes

Inherited from:
HtmlAttrs
protected def boolAsTrueFalseHtmlAttr(name: String): HtmlAttr[Boolean]

Attributes

Inherited from:
HtmlAttrs
protected def boolProp(name: String): HtmlProp[Boolean, Boolean]

Attributes

Inherited from:
HtmlProps
protected def borderCollapseStyle(key: String): StyleProp[String] & BorderCollapse

Attributes

Inherited from:
StyleProps
protected def boxSizingStyle(key: String): StyleProp[String] & BoxSizing

Attributes

Inherited from:
StyleProps
protected def clearStyle(key: String): StyleProp[String] & Clear

Attributes

Inherited from:
StyleProps
protected def colorStyle(key: String): StyleProp[String] & Color & Color[SS, DSP]

Attributes

Inherited from:
StyleProps
protected def colorUrlStyle(key: String): StyleProp[String] & Color & Color[SS, DSP] & Url[DSP]

Attributes

Inherited from:
StyleProps
protected def cursorStyle(key: String): StyleProp[String] & Cursor

Attributes

Inherited from:
StyleProps
def dataAttr(suffix: String): HtmlAttr[String]

This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts. All such custom data are available via the HTMLElement interface of the element the attribute is set on. The HTMLElement.dataset property gives access to them.

This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts. All such custom data are available via the HTMLElement interface of the element the attribute is set on. The HTMLElement.dataset property gives access to them.

The suffix is subject to the following restrictions:

must not start with xml, whatever case is used for these letters; must not contain any semicolon (U+003A); must not contain capital A to Z letters.

Note that the HTMLElement.dataset attribute is a StringMap and the name of the custom data attribute data-test-value will be accessible via HTMLElement.dataset.testValue as any dash (U+002D) is replaced by the capitalization of the next letter (camelcase).

Attributes

Inherited from:
ComplexHtmlKeys
protected def directionStyle(key: String): StyleProp[String] & Direction

Attributes

Inherited from:
StyleProps
protected def displayStyle(key: String): StyleProp[String] & Display

Attributes

Inherited from:
StyleProps
protected def doubleProp(name: String): HtmlProp[Double, Double]

Attributes

Inherited from:
HtmlProps
protected def doubleStyle(key: String): StyleProp[Double]

Attributes

Inherited from:
StyleProps
protected def emptyCellsStyle(key: String): StyleProp[String] & EmptyCells

Attributes

Inherited from:
StyleProps
def eventProp[Ev <: Event](name: String): EventProp[Ev]

Create custom event property

Create custom event property

Type parameters

Ev
  • event type in JS, e.g. dom.MouseEvent

Value parameters

name
  • event type in JS, e.g. "click"

Attributes

Inherited from:
GlobalEventProps
protected def flexDirectionStyle(key: String): StyleProp[String] & FlexDirection

Attributes

Inherited from:
StyleProps
protected def flexPositionStyle(key: String): StyleProp[String] & FlexPosition

Attributes

Inherited from:
StyleProps
protected def flexWrapStyle(key: String): StyleProp[String] & FlexWrap

Attributes

Inherited from:
StyleProps
protected def floatStyle(key: String): StyleProp[String] & Float

Attributes

Inherited from:
StyleProps
protected def fontSizeStyle(key: String): StyleProp[String] & FontSize

Attributes

Inherited from:
StyleProps
protected def fontStyleStyle(key: String): StyleProp[String] & FontStyle

Attributes

Inherited from:
StyleProps
protected def fontWeightStyle(key: String): StyleProp[String] & FontWeight

Attributes

Inherited from:
StyleProps
def htmlAttr[V](name: String, codec: Codec[V, String]): HtmlAttr[V]

Create HTML attribute (Note: for SVG attrs, use L.svg.svgAttr)

Create HTML attribute (Note: for SVG attrs, use L.svg.svgAttr)

Type parameters

V
  • value type for this attr in Scala

Value parameters

codec
  • used to encode V into String, e.g. StringAsIsCodec
name
  • name of the attribute, e.g. "value"

Attributes

Inherited from:
HtmlAttrs
def htmlProp[V, DomV](name: String, codec: Codec[V, DomV]): HtmlProp[V, DomV]

Create custom HTML element property

Create custom HTML element property

Type parameters

DomV
  • value type for this prop in the underlying JS DOM.
V
  • value type for this prop in Scala

Value parameters

codec
  • used to encode V into DomV, e.g. StringAsIsCodec,
name
  • name of the prop in JS, e.g. "value"

Attributes

Inherited from:
HtmlProps
def htmlTag[Ref <: Element](name: String, void: Boolean): HtmlTag[Ref]

Create HTML tag

Create HTML tag

Note: this simply creates an instance of HtmlTag.

Type parameters

Ref
  • type of elements with this tag, e.g. dom.html.Input for "input" tag

Value parameters

name
  • e.g. "div" or "mwc-input"

Attributes

Inherited from:
HtmlTags
protected def intHtmlAttr(name: String): HtmlAttr[Int]

Attributes

Inherited from:
HtmlAttrs
protected def intProp(name: String): HtmlProp[Int, Int]

Attributes

Inherited from:
HtmlProps
protected def intStyle(key: String): StyleProp[Int]

Attributes

Inherited from:
StyleProps
protected def justifyContentStyle(key: String): StyleProp[String] & JustifyContent

Attributes

Inherited from:
StyleProps
protected def lengthAutoStyle(key: String): StyleProp[String] & Auto & Length[DSP, Int]

Attributes

Inherited from:
StyleProps
protected def lengthNormalStyle(key: String): StyleProp[String] & Normal & Length[DSP, Int]

Attributes

Inherited from:
StyleProps
protected def lengthStyle(key: String): StyleProp[String] & Length[DSP, Int]

Attributes

Inherited from:
StyleProps
protected def lineStyle(key: String): StyleProp[String] & Line

Attributes

Inherited from:
StyleProps
protected def listStylePositionStyle(key: String): StyleProp[String] & ListStylePosition

Attributes

Inherited from:
StyleProps
protected def listStyleTypeStyle(key: String): StyleProp[String] & ListStyleType

Attributes

Inherited from:
StyleProps
protected def maxLengthStyle(key: String): StyleProp[String] & MinMaxLength & None

Attributes

Inherited from:
StyleProps
protected def minLengthStyle(key: String): StyleProp[String] & MinMaxLength & Auto

Attributes

Inherited from:
StyleProps
protected def mixBlendModeStyle(key: String): StyleProp[String] & MixBlendMode

Attributes

Inherited from:
StyleProps
protected def noneStyle[V](key: String): StyleProp[V] & None

Attributes

Inherited from:
StyleProps
protected def normalStyle[V](key: String): StyleProp[V] & Normal

Attributes

Inherited from:
StyleProps
def onMountBind[El <: Base](fn: MountContext[El] => Binder[El]): Modifier[El]

Bind a subscription on mount

Bind a subscription on mount

Example usage: onMountBind(ctx => someAttr <-- someObservable(ctx)). See docs for details.

Attributes

Inherited from:
MountHooks
def onMountCallback[El <: Base](fn: MountContext[El] => Unit): Modifier[El]

Execute a callback on mount. Good for integrating third party libraries.

Execute a callback on mount. Good for integrating third party libraries.

The callback runs on every mount, not just the first one.

  • Therefore, don't bind any subscriptions inside that you won't manually unbind on unmount.
  • If you fail to unbind manually, you will have N copies of them after mounting this element N times.
  • Use onMountBind or onMountInsert for that.

When the callback is called, the element is already mounted.

If you apply this modifier to an element that is already mounted, the callback will not fire until and unless it is unmounted and mounted again.

Attributes

Inherited from:
MountHooks
def onMountInsert[El <: Base](fn: MountContext[El] => Inserter): Modifier[El]

Insert child node(s) on mount.

Insert child node(s) on mount.

Note: insert position is reserved as soon as this modifier is applied to the element. Basically it will insert elements in the same position, where you'd expect, on every mount.

Example usage: onMountInsert(ctx => child <-- someObservable). See docs for details.

Attributes

Inherited from:
MountHooks
def onMountSet[El <: Base](fn: MountContext[El] => Setter[El]): Modifier[El]

Set a property / attribute / style on mount. Similarly to other onMount methods, you only need this when: a) you need to access MountContext b) you truly need this to only happen on mount

Set a property / attribute / style on mount. Similarly to other onMount methods, you only need this when: a) you need to access MountContext b) you truly need this to only happen on mount

Example usage: onMountSet(ctx => someAttr := someValue(ctx)). See docs for details.

Attributes

Inherited from:
MountHooks
def onMountUnmountCallback[El <: Base](mount: MountContext[El] => Unit, unmount: El => Unit): Modifier[El]

Combines onMountCallback and onUnmountCallback for easier integration.

Combines onMountCallback and onUnmountCallback for easier integration.

Attributes

Inherited from:
MountHooks
def onMountUnmountCallbackWithState[El <: Base, A](mount: MountContext[El] => A, unmount: (El, Option[A]) => Unit): Modifier[El]

Combines onMountCallback and onUnmountCallback for easier integration.

Combines onMountCallback and onUnmountCallback for easier integration.

  • Note that the same caveats apply as for those individual methods.
  • The mount callback returns state which will be provided to the unmount callback.
  • The unmount callback receives an Option of the state because it's possible that onMountUnmountCallbackWithState was called after the element was already mounted, in which case the mount callback defined here wouldn't have run.

Attributes

Inherited from:
MountHooks
def onUnmountCallback[El <: Base](fn: El => Unit): Modifier[El]

Execute a callback on unmount. Good for integrating third party libraries.

Execute a callback on unmount. Good for integrating third party libraries.

When the callback is called, the element is still mounted.

If you apply this modifier to an element that is already unmounted, the callback will not fire until and unless it is mounted and then unmounted again.

Attributes

Inherited from:
MountHooks
protected def overflowStyle(key: String): StyleProp[String] & Overflow

Attributes

Inherited from:
StyleProps
protected def overflowWrapStyle(key: String): StyleProp[String] & OverflowWrap

Attributes

Inherited from:
StyleProps
protected def paddingBoxSizingStyle(key: String): StyleProp[String] & PaddingBoxSizing

Attributes

Inherited from:
StyleProps
protected def pageBreakStyle(key: String): StyleProp[String] & PageBreak

Attributes

Inherited from:
StyleProps
protected def pointerEventsStyle(key: String): StyleProp[String] & PointerEvents

Attributes

Inherited from:
StyleProps
protected def positionStyle(key: String): StyleProp[String] & Position

Attributes

Inherited from:
StyleProps
protected def stringHtmlAttr(name: String): HtmlAttr[String]

Attributes

Inherited from:
HtmlAttrs
protected def stringProp(name: String): HtmlProp[String, String]

Attributes

Inherited from:
HtmlProps
protected def stringStyle(key: String): StyleProp[String]

Attributes

Inherited from:
StyleProps
def styleProp[V](name: String): StyleProp[V]

Create custom CSS property

Create custom CSS property

Type parameters

V
  • type of values recognized by JS for this property, e.g. Int Note: String is always allowed regardless of the type you put here. If unsure, use String type as V.

Value parameters

name
  • name of CSS property, e.g. "font-weight"

Attributes

Inherited from:
StyleProps
protected def tableLayoutStyle(key: String): StyleProp[String] & TableLayout

Attributes

Inherited from:
StyleProps
protected def textAlignStyle(key: String): StyleProp[String] & TextAlign

Attributes

Inherited from:
StyleProps
protected def textDecorationStyle(key: String): StyleProp[String] & TextDecoration

Attributes

Inherited from:
StyleProps
protected def textOverflowStyle(key: String): StyleProp[String] & TextOverflow

Attributes

Inherited from:
StyleProps
protected def textTransformStyle(key: String): StyleProp[String] & TextTransform

Attributes

Inherited from:
StyleProps
protected def textUnderlinePositionStyle(key: String): StyleProp[String] & TextUnderlinePosition

Attributes

Inherited from:
StyleProps
protected def timeStyle(key: String): StyleProp[String] & Time[DSP]

Attributes

Inherited from:
StyleProps
protected def urlNoneStyle(key: String): StyleProp[String] & None & Url[DSP]

Attributes

Inherited from:
StyleProps
protected def urlStyle(key: String): StyleProp[String] & Url[DSP]

Attributes

Inherited from:
StyleProps
protected def verticalAlignStyle(key: String): StyleProp[String] & VerticalAlign

Attributes

Inherited from:
StyleProps
protected def visibilityStyle(key: String): StyleProp[String] & Visibility

Attributes

Inherited from:
StyleProps
protected def whiteSpaceStyle(key: String): StyleProp[String] & WhiteSpace

Attributes

Inherited from:
StyleProps
protected def wordBreakStyle(key: String): StyleProp[String] & WordBreak

Attributes

Inherited from:
StyleProps

Concrete fields

val child: ChildReceiver.type
val emptyMod: Base

A universal Modifier that does nothing

A universal Modifier that does nothing

Attributes

val focus: FocusReceiver.type

Focus or blur an element: focus <-- EventStream[Boolean] (true = focus, false = blur)

Focus or blur an element: focus <-- EventStream[Boolean] (true = focus, false = blur)

Attributes

val nbsp: String

Non-breaking space character

Non-breaking space character

Note: In Laminar you don't need to use html entities, you can just insert the actual character you want, e.g. "»" instead of "»"

Attributes

Inherited fields

val AirstreamError: AirstreamError.type

Attributes

Inherited from:
AirstreamAliases
lazy val AjaxStream: AjaxStream.type

Attributes

Inherited from:
AirstreamAliases
val Binder: Binder.type

Attributes

Inherited from:
LaminarAliases

Attributes

Inherited from:
LaminarAliases
lazy val ConcurrentStreamStrategy: ConcurrentStreamStrategy.type

Attributes

Inherited from:
AirstreamAliases
val DynamicSubscription: DynamicSubscription.type

Attributes

Inherited from:
AirstreamAliases
val EventBus: EventBus.type

Attributes

Inherited from:
AirstreamAliases
lazy val FetchStream: FetchStream.type

Attributes

Inherited from:
AirstreamAliases
val Mod: Modifier.type

Attributes

Inherited from:
LaminarAliases
val Modifier: Modifier.type

Attributes

Inherited from:
LaminarAliases
val Observer: Observer.type

Attributes

Inherited from:
AirstreamAliases
val Setter: Setter.type

Attributes

Inherited from:
LaminarAliases
lazy val SwitchSignalObservableStrategy: SwitchSignalObservableStrategy.type

Attributes

Inherited from:
AirstreamAliases
lazy val SwitchSignalStrategy: SwitchSignalStrategy.type

Attributes

Inherited from:
AirstreamAliases
lazy val SwitchSignalStreamStrategy: SwitchSignalStreamStrategy.type

Attributes

Inherited from:
AirstreamAliases
lazy val SwitchStreamStrategy: SwitchStreamStrategy.type

Attributes

Inherited from:
AirstreamAliases
val Val: Val.type

Attributes

Inherited from:
AirstreamAliases
val Var: Var.type

Attributes

Inherited from:
AirstreamAliases
val WriteBus: WriteBus.type

Attributes

Inherited from:
AirstreamAliases
lazy val `type`: HtmlAttr[String]

This attribute has several meanings depending on what element it's applied to. It could indicate the type of a button, an input, a script, a stylesheet, etc.

This attribute has several meanings depending on what element it's applied to. It could indicate the type of a button, an input, a script, a stylesheet, etc.

Aliases: typ, tpe

Attributes

Inherited from:
HtmlAttrs
lazy val a: HtmlTag[HTMLAnchorElement]

Represents a hyperlink, linking to another resource.

Represents a hyperlink, linking to another resource.

Attributes

Inherited from:
HtmlTags
lazy val abbr: HtmlTag[HTMLElement]

An abbreviation or acronym; the expansion of the abbreviation can be represented in the title attribute.

An abbreviation or acronym; the expansion of the abbreviation can be represented in the title attribute.

abbr @ MDN

Attributes

Inherited from:
HtmlTags
lazy val accept: HtmlProp[String, String]

If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.

If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored.

accept @ MDN

Attributes

Inherited from:
HtmlProps
lazy val accessKey: HtmlProp[String, String]

Specifies a shortcut key to activate/focus an element

Specifies a shortcut key to activate/focus an element

accesskey @ MDN

Attributes

Inherited from:
HtmlProps
lazy val action: HtmlProp[String, String]

The URI of a program that processes the information submitted via the form. This value can be overridden by a formAction attribute on a button or input element.

The URI of a program that processes the information submitted via the form. This value can be overridden by a formAction attribute on a button or input element.

Only applies to FormTags.form

action @ MDN

Attributes

Inherited from:
HtmlProps
lazy val addressTag: HtmlTag[HTMLElement]

Defines a section containing contact information.

Defines a section containing contact information.

address @ MDN

Attributes

Inherited from:
HtmlTags
lazy val alignContent: StyleProp[String] & AlignContent

The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.

The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.

Attributes

Inherited from:
StyleProps
lazy val alignItems: StyleProp[String] & FlexPosition

The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.

The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.

Attributes

Inherited from:
StyleProps
lazy val alignSelf: StyleProp[String] & FlexPosition

The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.

The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.

Attributes

Inherited from:
StyleProps
lazy val all: StyleProp[String]

The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.

The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.

Note: IE does not support this property

all @ MDN

Attributes

Inherited from:
StyleProps
lazy val alt: HtmlProp[String, String]

This attribute defines the alternative text describing the image. Users will see this displayed if the image URL is wrong, the image is not in one of the supported formats, or until the image is downloaded.

This attribute defines the alternative text describing the image. Users will see this displayed if the image URL is wrong, the image is not in one of the supported formats, or until the image is downloaded.

alt @ MDN

Attributes

Inherited from:
HtmlProps
lazy val animation: StyleProp[String]

The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count and animation-direction.

The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count and animation-direction.

animation @ MDN

Attributes

Inherited from:
StyleProps
lazy val animationDelay: StyleProp[String] & Time[DSP]

The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.

The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.

A value of 0s, which is the default value of the property, indicates that the animation should begin as soon as it's applied. Otherwise, the value specifies an offset from the moment the animation is applied to the element; animation will begin that amount of time after being applied.

Specifying a negative value for the animation delay causes the animation to begin executing immediately. However, it will appear to have begun executing partway through its cycle. For example, if you specify -1s as the animation delay time, the animation will begin immediately but will start 1 second into the animation sequence.

If you specify a negative value for the animation delay, but the starting value is implicit, the starting value is taken from the moment the animation is applied to the element.

animation-delay @ MDN

Attributes

Inherited from:
StyleProps
lazy val animationDirection: StyleProp[String]

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.

animation-direction @ MDN

Attributes

Inherited from:
StyleProps
lazy val animationDuration: StyleProp[String] & Time[DSP]

The animation-duration CSS property specifies the Length of time that an animation should take to complete one cycle.

The animation-duration CSS property specifies the Length of time that an animation should take to complete one cycle.

A value of 0s, which is the default value, indicates that no animation should occur.

animation-duration @ MDN

Attributes

Inherited from:
StyleProps
lazy val animationFillMode: StyleProp[String]

The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.

The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.

animation-fill-mode @ MDN

Attributes

Inherited from:
StyleProps

The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.

The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.

animation-iteration-count @ MDN

Attributes

Inherited from:
StyleProps
lazy val animationName: StyleProp[String]

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.

animation-name @ MDN

Attributes

Inherited from:
StyleProps
lazy val animationPlayState: StyleProp[String]

The animation-play-state CSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.

The animation-play-state CSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.

Resuming a paused animation will start the animation from where it left off at the time it was paused, rather than starting over from the beginning of the animation sequence.

animation-play-state @ MDN

Attributes

Inherited from:
StyleProps

The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <timing-function>.

The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <timing-function>.

For keyframed animations, the timing function applies between keyframes rather than over the entire animation. In other words, the timing function is applied at the start of the keyframe and at the end of the keyframe.

An animation timing function defined within a keyframe block applies to that keyframe; otherwise. If no timing function is specified for the keyframe, the timing function specified for the overall animation is used.

animation-timing-function @ MDN

Attributes

Inherited from:
StyleProps
lazy val areaTag: HtmlTag[HTMLAreaElement]

In conjunction with map, defines an image map

In conjunction with map, defines an image map

Attributes

Inherited from:
HtmlTags
lazy val articleTag: HtmlTag[HTMLElement]

Defines self-contained content that could exist independently of the rest of the content.

Defines self-contained content that could exist independently of the rest of the content.

article @ MDN

Attributes

Inherited from:
HtmlTags
lazy val asideTag: HtmlTag[HTMLElement]

Defines some content loosely related to the page content. If it is removed, the remaining content still makes sense.

Defines some content loosely related to the page content. If it is removed, the remaining content still makes sense.

aside @ MDN

Attributes

Inherited from:
HtmlTags
lazy val audioTag: HtmlTag[HTMLAudioElement]

Represents a sound or an audio stream.

Represents a sound or an audio stream.

Attributes

Inherited from:
HtmlTags
lazy val autoCapitalize: HtmlProp[String, String]

This is a nonstandard attribute used by Chrome and iOS Safari Mobile, which controls whether and how the text value should be automatically capitalized as it is entered/edited by the user.

This is a nonstandard attribute used by Chrome and iOS Safari Mobile, which controls whether and how the text value should be automatically capitalized as it is entered/edited by the user.

Possible values: "none" | "sentences" | "words" | "characters"

autocapitalize @ MDN

Attributes

Inherited from:
HtmlProps
lazy val autoComplete: HtmlProp[String, String]

This attribute indicates whether the value of the control can be automatically completed by the browser. This attribute is ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image).

This attribute indicates whether the value of the control can be automatically completed by the browser. This attribute is ignored if the value of the type attribute is hidden, checkbox, radio, file, or a button type (button, submit, reset, image).

autocomplete @ MDN

Attributes

Inherited from:
HtmlProps
lazy val autoFocus: HtmlProp[Boolean, Boolean]

This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute, which is a Boolean. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control).

This Boolean attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the autofocus attribute, which is a Boolean. It cannot be applied if the type attribute is set to hidden (that is, you cannot automatically set focus to a hidden control).

autofocus @ MDN

Attributes

Inherited from:
HtmlProps
lazy val b: HtmlTag[HTMLElement]

Bold text.

Bold text.

b @ MDN

Attributes

Inherited from:
HtmlTags

The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.

The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.

backface-visibility @ MDN

Attributes

Inherited from:
StyleProps
lazy val background: StyleProp[String] & Color & Color[SS, DSP] & Url[DSP]

The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.

The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.

background @ MDN

Attributes

Inherited from:
StyleProps

If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.

If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.

background-attachment @ MDN

Attributes

Inherited from:
StyleProps

The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.

The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.

If there is no background image, this property has only visual effect when the border has transparent regions (because of border-style) or partially opaque regions; otherwise the border covers up the difference.

background-clip @ MDN

Attributes

Inherited from:
StyleProps
lazy val backgroundColor: StyleProp[String] & Color & Color[SS, DSP]

The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.

The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.

background-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val backgroundImage: StyleProp[String] & Url[DSP]

The background-image CSS property sets one or more background images on an element. The background images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.

The background-image CSS property sets one or more background images on an element. The background images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.

background-image @ MDN

Attributes

Inherited from:
StyleProps

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

Note that background-origin is ignored when background-attachment is fixed.

background-origin @ MDN

Attributes

Inherited from:
StyleProps
lazy val backgroundPosition: StyleProp[String]

The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.

The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.

background-position @ MDN

Attributes

Inherited from:
StyleProps
lazy val backgroundRepeat: StyleProp[String]

The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.

The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.

background-repeat @ MDN

Attributes

Inherited from:
StyleProps

The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.

The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.

background-size @ MDN

Attributes

Inherited from:
StyleProps
lazy val baseTag: HtmlTag[HTMLBaseElement]

Defines the base URL for relative URLs in the page.

Defines the base URL for relative URLs in the page.

Attributes

Inherited from:
HtmlTags
lazy val bdi: HtmlTag[HTMLElement]

Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows embedding a span of text with a different, or unknown, directionality.

Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows embedding a span of text with a different, or unknown, directionality.

bdi @ MDN

Attributes

Inherited from:
HtmlTags
lazy val bdo: HtmlTag[HTMLElement]

Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.

Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.

bdo @ MDN

Attributes

Inherited from:
HtmlTags
lazy val blockQuote: HtmlTag[HTMLQuoteElement]

Represents a content that is quoted from another source.

Represents a content that is quoted from another source.

Attributes

Inherited from:
HtmlTags
lazy val bodyTag: HtmlTag[HTMLBodyElement]

Represents the content of an HTML document. There is only one body element in a document.

Represents the content of an HTML document. There is only one body element in a document.

Attributes

Inherited from:
HtmlTags
lazy val border: StyleProp[String]

The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.

The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.

border @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderBottom: StyleProp[String]

The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.

The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.

border-bottom @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderBottomColor: StyleProp[String] & Color & Color[SS, DSP]

The border-bottom-color CSS property sets the color of the bottom border of an element.

The border-bottom-color CSS property sets the color of the bottom border of an element.

border-bottom-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderBottomLeftRadius: StyleProp[String] & Length[DSP, Int]

The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

border-bottom-left-radius @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderBottomRightRadius: StyleProp[String] & Length[DSP, Int]

The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

border-bottom-right-radius @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderBottomStyle: StyleProp[String] & Line

The border-bottom-style CSS property sets the line style of the bottom border of a box.

The border-bottom-style CSS property sets the line style of the bottom border of a box.

border-bottom-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderBottomWidth: StyleProp[String] & Length[DSP, Int]

The border-bottom-width CSS property sets the line width of the bottom border of a box.

The border-bottom-width CSS property sets the line width of the bottom border of a box.

border-bottom-width @ MDN

Attributes

Inherited from:
StyleProps

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

border-collapse @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderColor: StyleProp[String] & Color & Color[SS, DSP]

The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color.

The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color.

border-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderImage: StyleProp[String] & Url[DSP]

The border-image CSS property draws an image around a given element. It replaces the element's regular border.

The border-image CSS property draws an image around a given element. It replaces the element's regular border.

border-image @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderLeft: StyleProp[String]

The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.

The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.

border-left @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderLeftColor: StyleProp[String] & Color & Color[SS, DSP]

The border-left-color CSS property sets the color of the left border of an element.

The border-left-color CSS property sets the color of the left border of an element.

border-left-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderLeftStyle: StyleProp[String] & Line

The border-left-style CSS property sets the line style of the left border of a box.

The border-left-style CSS property sets the line style of the left border of a box.

border-left-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderLeftWidth: StyleProp[String] & Length[DSP, Int]

The border-left-width CSS property sets the line width of the left border of a box.

The border-left-width CSS property sets the line width of the left border of a box.

border-left-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderRadius: StyleProp[String] & Length[DSP, Int]

The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.

The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.

border-radius @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderRight: StyleProp[String]

The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.

The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.

border-right @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderRightColor: StyleProp[String] & Color & Color[SS, DSP]

The border-right-color CSS property sets the color of the right border of an element.

The border-right-color CSS property sets the color of the right border of an element.

border-right-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderRightStyle: StyleProp[String] & Line

The border-right-style CSS property sets the line style of the right border of a box.

The border-right-style CSS property sets the line style of the right border of a box.

border-right-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderRightWidth: StyleProp[String] & Length[DSP, Int]

The border-right-width CSS property sets the line width of the right border of a box.

The border-right-width CSS property sets the line width of the right border of a box.

border-right-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderSpacing: StyleProp[String] & Length[DSP, Int]

The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.

The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.

border-spacing @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderStyle: StyleProp[String] & Line

The border-style CSS property is a shorthand property for setting the line style for all four sides of the element's border.

The border-style CSS property is a shorthand property for setting the line style for all four sides of the element's border.

border-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderTop: StyleProp[String]

The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.

The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.

border-top @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderTopColor: StyleProp[String] & Color & Color[SS, DSP]

The border-top-color CSS property sets the color of the top border of an element.

The border-top-color CSS property sets the color of the top border of an element.

border-top-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderTopLeftRadius: StyleProp[String] & Length[DSP, Int]

The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

border-top-left-radius @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderTopRightRadius: StyleProp[String] & Length[DSP, Int]

The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

border-top-right-radius @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderTopStyle: StyleProp[String] & Line

The border-top-style CSS property sets the line style of the top border of a box.

The border-top-style CSS property sets the line style of the top border of a box.

border-top-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderTopWidth: StyleProp[String] & Length[DSP, Int]

The border-top-width CSS property sets the line width of the top border of a box.

The border-top-width CSS property sets the line width of the top border of a box.

border-top-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val borderWidth: StyleProp[String] & Length[DSP, Int]

The border-width CSS property is a shorthand property for setting the width for all four sides of the element's border.

The border-width CSS property is a shorthand property for setting the width for all four sides of the element's border.

border-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val bottom: StyleProp[String] & Auto & Length[DSP, Int]

The bottom CSS property participates in specifying the position of positioned elements.

The bottom CSS property participates in specifying the position of positioned elements.

For absolutely positioned elements, that is those with position: absolute or position: fixed, it specifies the distance between the bottom margin edge of the element and the bottom edge of its containing block.

For relatively positioned elements, that is those with position: relative, it specifies the distance the element is moved above its normal position.

However, the top property overrides the bottom property, so if top is not auto, the computed value of bottom is the negative of the computed value of top.

bottom @ MDN

Attributes

Inherited from:
StyleProps
lazy val boxShadow: StyleProp[String]

The box-shadow CSS property describes one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text shadows (the first specified shadow is on top).

The box-shadow CSS property describes one or more shadow effects as a comma-separated list. It allows casting a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text shadows (the first specified shadow is on top).

box-shadow @ MDN

Attributes

Inherited from:
StyleProps
lazy val boxSizing: StyleProp[String] & BoxSizing

The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.

The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.

box-sizing @ MDN

Attributes

Inherited from:
StyleProps
lazy val br: HtmlTag[HTMLBRElement]

Represents a line break.

Represents a line break.

Attributes

Inherited from:
HtmlTags
lazy val button: HtmlTag[HTMLButtonElement]

A button

Attributes

Inherited from:
HtmlTags
lazy val canvasTag: HtmlTag[HTMLCanvasElement]

Represents a bitmap area that scripts can use to render graphics like graphs, games or any visual images on the fly.

Represents a bitmap area that scripts can use to render graphics like graphs, games or any visual images on the fly.

Attributes

Inherited from:
HtmlTags
lazy val caption: HtmlTag[HTMLTableCaptionElement]

The title of a table.

Attributes

Inherited from:
HtmlTags
lazy val captionSide: StyleProp[String]

The caption-side CSS property positions the content of a table's caption on the specified side (top or bottom).

The caption-side CSS property positions the content of a table's caption on the specified side (top or bottom).

caption-side @ MDN

Attributes

Inherited from:
StyleProps
lazy val charset: HtmlAttr[String]

Declares the character encoding of the page or script. Used on meta and script elements.

Declares the character encoding of the page or script. Used on meta and script elements.

Attributes

Inherited from:
HtmlAttrs
lazy val checked: HtmlProp[Boolean, Boolean]

When the value of the type attribute is "radio" or "checkbox", this property determines whether it is checked or not. This is different from checked attribute, which contains the initial checked status of the element. More info: https://stackoverflow.com/a/6004028/2601788 (checked behaves similar to value)

When the value of the type attribute is "radio" or "checkbox", this property determines whether it is checked or not. This is different from checked attribute, which contains the initial checked status of the element. More info: https://stackoverflow.com/a/6004028/2601788 (checked behaves similar to value)

See also: defaultChecked prop / attribute

Attributes

Inherited from:
HtmlProps
lazy val cite: HtmlTag[HTMLElement]

Represents the title of a work being cited.

Represents the title of a work being cited.

cite @ MDN

Attributes

Inherited from:
HtmlTags

This attribute is a list of the classes of the element. Classes allow CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName

This attribute is a list of the classes of the element. Classes allow CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName

Attributes

Inherited from:
ComplexHtmlKeys
lazy val clear: StyleProp[String] & Clear

The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them.

The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them.

The clear property applies to both floating and non-floating elements.

clear @ MDN

Attributes

Inherited from:
StyleProps
lazy val clip: StyleProp[String]

The clip CSS property defines what portion of an element is visible. The clip property applies only to elements with position:absolute.

The clip CSS property defines what portion of an element is visible. The clip property applies only to elements with position:absolute.

clip @ MDN

Attributes

Inherited from:
StyleProps

Attributes

Inherited from:
ComplexHtmlKeys
lazy val code: HtmlTag[HTMLElement]

Represents computer code.

Represents computer code.

code @ MDN

Attributes

Inherited from:
HtmlTags
lazy val col: HtmlTag[HTMLTableColElement]

A single column.

Attributes

Inherited from:
HtmlTags
lazy val colGroup: HtmlTag[HTMLTableColElement]

A set of columns.

Attributes

Inherited from:
HtmlTags
lazy val colSpan: HtmlProp[Int, Int]

This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the <colgroup>, even if implicitly defined, that the cell belongs to. Values higher than 1000 will be considered as incorrect and will be set to the default value (1).

This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the <colgroup>, even if implicitly defined, that the cell belongs to. Values higher than 1000 will be considered as incorrect and will be set to the default value (1).

td#attr-colspan @ MDN

Attributes

Inherited from:
HtmlProps
lazy val color: StyleProp[String] & Color & Color[SS, DSP]

The CSS color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons.

The CSS color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons.

color @ MDN

Attributes

Inherited from:
StyleProps
lazy val cols: HtmlProp[Int, Int]

The visible width of text input or <textArea>, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20 (HTML5).

The visible width of text input or <textArea>, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20 (HTML5).

textarea#attr-cols @ MDN

Attributes

Inherited from:
HtmlProps
lazy val columnCount: StyleProp[Int] & Auto

The column-count CSS property describes the number of columns of the element.

The column-count CSS property describes the number of columns of the element.

column-count @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnFill: StyleProp[String]

The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.

The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.

column-fill @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnGap: StyleProp[String] & Length[DSP, Int]

The column-gap CSS property sets the size of the gap (gutter) between an element's columns.

The column-gap CSS property sets the size of the gap (gutter) between an element's columns.

Attributes

Inherited from:
StyleProps
lazy val columnRule: StyleProp[String]

In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.

In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.

column-rule @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnRuleColor: StyleProp[String] & Color & Color[SS, DSP]

The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

column-rule-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnRuleStyle: StyleProp[String] & Line

The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.

The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.

column-rule-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnRuleWidth: StyleProp[String] & Length[DSP, Int]

The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.

The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.

column-rule-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnSpan: StyleProp[Int]

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

column-span @ MDN

Attributes

Inherited from:
StyleProps
lazy val columnWidth: StyleProp[String] & Auto & Length[DSP, Int]

The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all Length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width

The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all Length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width

column-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val columns: StyleProp[String]

The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.

The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.

columns @ MDN

Attributes

Inherited from:
StyleProps
lazy val commandTag: HtmlTag[HTMLElement]

A command that the user can invoke.

A command that the user can invoke.

the-command-element.html @ W3C

Attributes

Inherited from:
HtmlTags
lazy val contentAttr: HtmlProp[String, String]

This attribute gives the value associated with the name or httpEquiv attribute, of a <meta> element, depending on which of those attributes is defined on that element.

This attribute gives the value associated with the name or httpEquiv attribute, of a <meta> element, depending on which of those attributes is defined on that element.

meta#attr-content @ MDN

Attributes

Inherited from:
HtmlProps
lazy val contentCss: StyleProp[String] & None & Url[DSP]

The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.

The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.

content @ MDN

Attributes

Inherited from:
StyleProps
lazy val contentEditable: HtmlAttr[Boolean]

Indicates whether the element should be editable by the user. If so, the browser modifies its widget to allow editing.

Indicates whether the element should be editable by the user. If so, the browser modifies its widget to allow editing.

contentEditable @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val contextMenuId: HtmlAttr[String]

Specifies a context menu for an element by its element id. The context menu appears when a user right-clicks on the element

Specifies a context menu for an element by its element id. The context menu appears when a user right-clicks on the element

contextmenu @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val counterIncrement: StyleProp[String]

The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.

The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.

counter-increment @ MDN

Attributes

Inherited from:
StyleProps
lazy val counterReset: StyleProp[String]

The counter-reset CSS property is used to reset CSS Counters to a given value.

The counter-reset CSS property is used to reset CSS Counters to a given value.

counter-reset @ MDN

Attributes

Inherited from:
StyleProps
lazy val crossOrigin: HtmlProp[String, String]

This attribute specifies how the browser should handle cross-origin requests for the associated resource. It controls whether the resource can be loaded when requested from a different domain, and how to handle potential security issues, like CORS (Cross-Origin Resource Sharing) policies. The value of this attribute determines whether the browser will allow or block loading of the resource, helping to enhance web security.

This attribute specifies how the browser should handle cross-origin requests for the associated resource. It controls whether the resource can be loaded when requested from a different domain, and how to handle potential security issues, like CORS (Cross-Origin Resource Sharing) policies. The value of this attribute determines whether the browser will allow or block loading of the resource, helping to enhance web security.

Allowed values: "anonymous" | "use-credentials" | "" (same as "anonymous")

crossorigin @ MDN

Attributes

Inherited from:
HtmlProps
lazy val cursor: StyleProp[String] & Cursor

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.

cursor @ MDN

Attributes

Inherited from:
StyleProps
lazy val dataList: HtmlTag[HTMLDataListElement]

A set of predefined options for other controls.

A set of predefined options for other controls.

Attributes

Inherited from:
HtmlTags
lazy val dataTag: HtmlTag[HTMLElement]

Associates to its content a machine-readable equivalent.

Associates to its content a machine-readable equivalent.

data @ MDN

Attributes

Inherited from:
HtmlTags
lazy val dd: HtmlTag[HTMLElement]

Represents the definition of the terms immediately listed before it.

Represents the definition of the terms immediately listed before it.

dd @ MDN

Attributes

Inherited from:
HtmlTags
lazy val defaultChecked: HtmlProp[Boolean, Boolean]

When the value of the type attribute is "radio" or "checkbox", the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.

When the value of the type attribute is "radio" or "checkbox", the presence of this Boolean attribute indicates that the control is selected by default; otherwise it is ignored.

See Props.checked

checkbox#attr-checked @ MDN

Attributes

Inherited from:
HtmlProps
lazy val defaultSelected: HtmlProp[Boolean, Boolean]

Indicates whether this <option> is initially selected in an option list of a <select> element.

Indicates whether this <option> is initially selected in an option list of a <select> element.

See Props.selected

option#attr-selected @ MDN

Attributes

Inherited from:
HtmlProps
lazy val defaultValue: HtmlProp[String, String]

The initial value of the control. This attribute is optional except when the value of the type attribute is radio or checkbox.

The initial value of the control. This attribute is optional except when the value of the type attribute is radio or checkbox.

See also Props.value

input#value @ MDN

Attributes

Inherited from:
HtmlProps
lazy val del: HtmlTag[HTMLModElement]

Defines a remolazy val from the document.

Defines a remolazy val from the document.

Attributes

Inherited from:
HtmlTags
lazy val detailsTag: HtmlTag[HTMLElement]

A widget from which the user can obtain additional information or controls.

A widget from which the user can obtain additional information or controls.

details @ MDN

Attributes

Inherited from:
HtmlTags
lazy val dfn: HtmlTag[HTMLElement]

Represents a term whose definition is contained in its nearest ancestor content.

Represents a term whose definition is contained in its nearest ancestor content.

dfn @ MDN

Attributes

Inherited from:
HtmlTags
lazy val dialogTag: HtmlTag[HTMLDialogElement]

Dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.

Dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.

Note: The tabindex attribute must not be used on the <dialog> element

Attributes

Inherited from:
HtmlTags
lazy val dir: HtmlProp[String, String]

Specifies the text direction for the content in an element. The valid values are:

Specifies the text direction for the content in an element. The valid values are:

  • ltr Default. Left-to-right text direction

  • rtl Right-to-left text direction

  • auto Let the browser figure out the text direction, based on the content, (only recommended if the text direction is unknown)

dir @ MDN

Attributes

Inherited from:
HtmlProps
lazy val direction: StyleProp[String] & Direction

Set the direction CSS property to match the direction of the text: rtl for Hebrew or Arabic text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.

Set the direction CSS property to match the direction of the text: rtl for Hebrew or Arabic text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.

The property sets the base text direction of block-level elements and the direction of embeddings created by the unicode-bidi property. It also sets the default alignment of text and block-level elements and the direction that cells flow within a table row.

Unlike the dir attribute in HTML, the direction property is not inherited from table columns into table cells, since CSS inheritance follows the document tree, and table cells are inside of the rows but not inside of the columns.

The direction and unicode-bidi properties are the two only properties which are not affected by the all shorthand.

direction @ MDN

Attributes

Inherited from:
StyleProps
lazy val disabled: HtmlProp[Boolean, Boolean]

This Boolean attribute indicates that the form control is not available for interaction. In particular, the click event will not be dispatched on disabled controls. Also, a disabled control's value isn't submitted with the form.

This Boolean attribute indicates that the form control is not available for interaction. In particular, the click event will not be dispatched on disabled controls. Also, a disabled control's value isn't submitted with the form.

This attribute is ignored if the value of the type attribute is hidden.

disabled @ MDN

Attributes

Inherited from:
HtmlProps
lazy val display: StyleProp[String] & Display

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline.

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline.

In addition to the many different display box types, the value none lets you turn off the display of an element; when you use none, all descendant elements also have their display turned off. The document is rendered as though the element doesn't exist in the document tree.

display @ MDN

Attributes

Inherited from:
StyleProps
lazy val div: HtmlTag[HTMLDivElement]

Represents a generic container with no special meaning.

Represents a generic container with no special meaning.

Attributes

Inherited from:
HtmlTags
lazy val dl: HtmlTag[HTMLDListElement]

Defines a definition list; a list of terms and their associated definitions.

Defines a definition list; a list of terms and their associated definitions.

Attributes

Inherited from:
HtmlTags
lazy val download: HtmlProp[String, String]

Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:

Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:

  • Without a value, the browser will suggest a filename/extension, generated from various sources:
  • The Content-Disposition HTTP header
  • The final segment in the URL path
  • The media type (from the Content-Type header, the start of a data: URL, or Blob.type for a blob: URL)
  • Defining a value suggests it as the filename. / and \ characters are converted to underscores (_). Filesystems may forbid other characters in filenames, so browsers will adjust the suggested name if necessary.

a#attr-download @ MDN

Attributes

Inherited from:
HtmlProps
lazy val draggable: HtmlProp[Boolean, Boolean]

Specifies whether an element is draggable or not

Specifies whether an element is draggable or not

draggable @ MDN

Attributes

Inherited from:
HtmlProps
lazy val dropZone: HtmlAttr[String]

Specifies whether the dragged data is copied, moved, or linked, when dropped Acceptable values: copy | move | link

Specifies whether the dragged data is copied, moved, or linked, when dropped Acceptable values: copy | move | link

Attributes

Inherited from:
HtmlAttrs
lazy val dt: HtmlTag[HTMLElement]

Represents a term defined by the next dd

Represents a term defined by the next dd

dt @ MDN

Attributes

Inherited from:
HtmlTags
lazy val em: HtmlTag[HTMLElement]

Represents emphasized text.

Represents emphasized text.

em @ MDN

Attributes

Inherited from:
HtmlTags
lazy val embedTag: HtmlTag[HTMLEmbedElement]

Represents a integration point for an external, often non-HTML, application or interactive content.

Represents a integration point for an external, often non-HTML, application or interactive content.

Attributes

Inherited from:
HtmlTags
lazy val emptyCells: StyleProp[String] & EmptyCells

The empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.

The empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.

empty-cells @ MDN

Attributes

Inherited from:
StyleProps
lazy val encType: HtmlProp[String, String]

The enctype attribute provides the encoding type of the form when it is submitted (for forms with a method of "POST").

The enctype attribute provides the encoding type of the form when it is submitted (for forms with a method of "POST").

Only applies to FormTags.form

form#attr-enctype @ MDN

Attributes

Inherited from:
HtmlProps
lazy val fieldSet: HtmlTag[HTMLFieldSetElement]

A set of fields.

Attributes

Inherited from:
HtmlTags
lazy val figCaption: HtmlTag[HTMLElement]

Represents the legend of a figure.

Represents the legend of a figure.

figcaption @ MDN

Attributes

Inherited from:
HtmlTags
lazy val figure: HtmlTag[HTMLElement]

Represents a figure illustrated as part of the document.

Represents a figure illustrated as part of the document.

figure @ MDN

Attributes

Inherited from:
HtmlTags
lazy val flex: StyleProp[String]

The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.

The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.

Attributes

Inherited from:
StyleProps
lazy val flexBasis: StyleProp[String] & Auto & Length[DSP, Int]

The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item. The property determines the size of the content-box unless specified otherwise using box-sizing.

The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item. The property determines the size of the content-box unless specified otherwise using box-sizing.

Attributes

Inherited from:
StyleProps
lazy val flexDirection: StyleProp[String] & FlexDirection

The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

Note that the value row and row-reverse are affected by the directionality of the flex container. If its dir attribute is ltr, row represents the horizontal axis oriented from the left to the right, and row-reverse from the right to the left; if the dir attribute is rtl, row represents the axis oriented from the right to the left, and row-reverse from the left to the right.

Attributes

Inherited from:
StyleProps
lazy val flexGrow: StyleProp[Double]

The CSS flex-grow property specifies the flex grow factor of a flex item.

The CSS flex-grow property specifies the flex grow factor of a flex item.

Default value is 0.

Attributes

Inherited from:
StyleProps
lazy val flexShrink: StyleProp[Double]

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

Default value is 1.

Attributes

Inherited from:
StyleProps
lazy val flexWrap: StyleProp[String] & FlexWrap

The CSS flex-wrap property specifies whether the children are forced into a single line or if the items can be flowed on multiple lines.

The CSS flex-wrap property specifies whether the children are forced into a single line or if the items can be flowed on multiple lines.

Attributes

Inherited from:
StyleProps
lazy val float: StyleProp[String] & Float

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. A floating element is one where the computed value of float is not none.

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. A floating element is one where the computed value of float is not none.

float @ MDN

Attributes

Inherited from:
StyleProps
lazy val font: StyleProp[String]

The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.

The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.

font @ MDN

Attributes

Inherited from:
StyleProps
lazy val fontFamily: StyleProp[String]

The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a @font-face at-rule.

The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a @font-face at-rule.

font-family @ MDN

Attributes

Inherited from:
StyleProps
lazy val fontFeatureSettings: StyleProp[String]

The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

font-feature-settings @ MDN

Attributes

Inherited from:
StyleProps
lazy val fontSize: StyleProp[String] & FontSize

The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font. Setting the font size may, in turn, change the size of other items, since it is used to compute the value of em and ex Length units.

The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font. Setting the font size may, in turn, change the size of other items, since it is used to compute the value of em and ex Length units.

font-size @ MDN

Attributes

Inherited from:
StyleProps
lazy val fontSizeAdjust: StyleProp[Double] & None

The font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).

The font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).

This is useful since the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters than by the size of capital letters. This can cause problems when the first-choice font-family is unavailable and its replacement has a significantly different aspect ratio (the ratio of the size of lowercase letters to the size of the font).

Note: As of Dec 2021, only Firefox supports this

font-size-adjust @ MDN

Attributes

Inherited from:
StyleProps
lazy val fontStyle: StyleProp[String] & FontStyle

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

font-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val fontWeight: StyleProp[String] & FontWeight

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

Numeric font weights for fonts that provide more than just normal and bold. If the exact weight given is unavailable, then 600-900 use the closest available darker weight (or, if there is none, the closest available lighter weight), and 100-500 use the closest available lighter weight (or, if there is none, the closest available darker weight). This means that for fonts that provide only normal and bold, 100-500 are normal, and 600-900 are bold.

font-weight @ MDN

Attributes

Inherited from:
StyleProps
lazy val footerTag: HtmlTag[HTMLElement]

Defines the footer for a page or section. It often contains a copyright notice, some links to legal information, or addresses to give feedback.

Defines the footer for a page or section. It often contains a copyright notice, some links to legal information, or addresses to give feedback.

footer @ MDN

Attributes

Inherited from:
HtmlTags
lazy val forId: HtmlProp[String, String]

Describes an element which belongs to this one. Used on labels and output elements.

Describes an element which belongs to this one. Used on labels and output elements.

for @ MDN

Attributes

Inherited from:
HtmlProps
lazy val form: HtmlTag[HTMLFormElement]

Represents a form, consisting of controls, that can be submitted to a server for processing.

Represents a form, consisting of controls, that can be submitted to a server for processing.

Attributes

Inherited from:
HtmlTags
lazy val formAction: HtmlAttr[String]

The formaction attribute provides the URL that will process the input control when the form is submitted and overrides the default action attribute of the form element. This should be used only with input elements of type submit or image.

The formaction attribute provides the URL that will process the input control when the form is submitted and overrides the default action attribute of the form element. This should be used only with input elements of type submit or image.

input#formaction @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val formEncType: HtmlProp[String, String]

The formenctype attribute provides the encoding type of the form when it is submitted (for forms with a method of "POST") and overrides the default enctype attribute of the form element. This should be used only with the input elements of type "submit" or "image"

The formenctype attribute provides the encoding type of the form when it is submitted (for forms with a method of "POST") and overrides the default enctype attribute of the form element. This should be used only with the input elements of type "submit" or "image"

Enumerated: "multipart/form-data" | "text/plain" | "application/x-www-form-urlencoded" (default)

input#formenctype @ MDN

Attributes

Inherited from:
HtmlProps
lazy val formId: HtmlAttr[String]

The form attribute specifies an ID of the form an <input> element belongs to.

The form attribute specifies an ID of the form an <input> element belongs to.

Attributes

Inherited from:
HtmlAttrs
lazy val formMethod: HtmlProp[String, String]

The formmethod attribute specifies the HTTP Method the form should use when it is submitted and overrides the default method attribute of the form element. This should be used only with the input elements of type "submit" or "image".

The formmethod attribute specifies the HTTP Method the form should use when it is submitted and overrides the default method attribute of the form element. This should be used only with the input elements of type "submit" or "image".

Enumerated: "post" | "get"

input#formmethod @ MDN

Attributes

Inherited from:
HtmlProps
lazy val formNoValidate: HtmlProp[Boolean, Boolean]

The formnovalidate Boolean attribute specifies that the input of the form should not be validated upon submit and overrides the default novalidate attribute of the form. This should only be used with input elements of of type "submit".

The formnovalidate Boolean attribute specifies that the input of the form should not be validated upon submit and overrides the default novalidate attribute of the form. This should only be used with input elements of of type "submit".

input#formnovalidate @ MDN

Attributes

Inherited from:
HtmlProps
lazy val formTarget: HtmlProp[String, String]

The formtarget provides a name or keyword that indicates where to display the response that is received after submitting the form and overrides the target attribute of them form element. This should only be used with the input elements of type "submit" or "image"

The formtarget provides a name or keyword that indicates where to display the response that is received after submitting the form and overrides the target attribute of them form element. This should only be used with the input elements of type "submit" or "image"

Enumerated: "_blank" | "_parent" | "_top" | "_self" (default)

input#formtarget @ MDN

Attributes

Inherited from:
HtmlProps
lazy val gap: StyleProp[String] & Length[DSP, Int]

The gap CSS shorthand property sets the gaps (gutters) between rows and columns. This property lets you set both column-gap and row-gap at the same time.

The gap CSS shorthand property sets the gaps (gutters) between rows and columns. This property lets you set both column-gap and row-gap at the same time.

Attributes

Inherited from:
StyleProps
lazy val gotPointerCapture: EventProp[PointerEvent]

fired when an element receives pointer capture.

fired when an element receives pointer capture.

Attributes

Inherited from:
GlobalEventProps
lazy val h1: HtmlTag[HTMLHeadingElement]

Heading level 1

Attributes

Inherited from:
HtmlTags
lazy val h2: HtmlTag[HTMLHeadingElement]

Heading level 2

Attributes

Inherited from:
HtmlTags
lazy val h3: HtmlTag[HTMLHeadingElement]

Heading level 3

Attributes

Inherited from:
HtmlTags
lazy val h4: HtmlTag[HTMLHeadingElement]

Heading level 4

Attributes

Inherited from:
HtmlTags
lazy val h5: HtmlTag[HTMLHeadingElement]

Heading level 5

Attributes

Inherited from:
HtmlTags
lazy val h6: HtmlTag[HTMLHeadingElement]

Heading level 6

Attributes

Inherited from:
HtmlTags
lazy val headTag: HtmlTag[HTMLHeadElement]

Represents a collection of metadata about the document, including links to, or definitions of, scripts and style sheets.

Represents a collection of metadata about the document, including links to, or definitions of, scripts and style sheets.

Attributes

Inherited from:
HtmlTags
lazy val headerTag: HtmlTag[HTMLElement]

Defines the header of a page or section. It often contains a logo, the title of the Web site, and a navigational table of content.

Defines the header of a page or section. It often contains a logo, the title of the Web site, and a navigational table of content.

header @ MDN

Attributes

Inherited from:
HtmlTags
lazy val height: StyleProp[String] & Auto & Length[DSP, Int]

The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.

The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.

The min-height and max-height properties override height.

height @ MDN

Attributes

Inherited from:
StyleProps
lazy val heightAttr: HtmlAttr[Int]

The height attribute specifies the pixel height of the following elements: <canvas>, <embed>, <iframe>, <img>, <input type="image">, <object>, <video>

The height attribute specifies the pixel height of the following elements: <canvas>, <embed>, <iframe>, <img>, <input type="image">, <object>, <video>

object#height @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val hidden: HtmlProp[Boolean, Boolean]

Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.

Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.

hidden @ MDN

Attributes

Inherited from:
HtmlProps
lazy val high: HtmlProp[Double, Double]

For use in <meter> tags.

For use in <meter> tags.

Attributes

See also
Inherited from:
HtmlProps
lazy val hr: HtmlTag[HTMLHRElement]

Represents a thematic break between paragraphs of a section or article or any longer content.

Represents a thematic break between paragraphs of a section or article or any longer content.

Attributes

Inherited from:
HtmlTags
lazy val href: HtmlAttr[String]

This is the single required attribute for anchors defining a hypertext source link. It indicates the link target, either a URL or a URL fragment. A URL fragment is a name preceded by a hash mark (#), which specifies an internal target location (an ID) within the current document. URLs are not restricted to Web (HTTP)-based documents. URLs might use any protocol supported by the browser. For example, file, ftp, and mailto work in most user agents.

This is the single required attribute for anchors defining a hypertext source link. It indicates the link target, either a URL or a URL fragment. A URL fragment is a name preceded by a hash mark (#), which specifies an internal target location (an ID) within the current document. URLs are not restricted to Web (HTTP)-based documents. URLs might use any protocol supported by the browser. For example, file, ftp, and mailto work in most user agents.

a#href @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val htmlRootTag: HtmlTag[HTMLHtmlElement]

Represents the root of an HTML or XHTML document. All other elements must be descendants of this element.

Represents the root of an HTML or XHTML document. All other elements must be descendants of this element.

Attributes

Inherited from:
HtmlTags
lazy val httpEquiv: HtmlProp[String, String]

This enumerated attribute defines the pragma that can alter servers and user-agents behavior. The value of the pragma is defined using the content attribute and can be one of the following:

This enumerated attribute defines the pragma that can alter servers and user-agents behavior. The value of the pragma is defined using the content attribute and can be one of the following:

  • content-language
  • content-type
  • default-style
  • refresh
  • set-cookie

meta#attr-http-equiv @ MDN

Attributes

Inherited from:
HtmlProps
lazy val i: HtmlTag[HTMLElement]

Italicized text.

Italicized text.

i @ MDN

Attributes

Inherited from:
HtmlTags
lazy val idAttr: HtmlProp[String, String]

This attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

This attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

id @ MDN

Attributes

Inherited from:
HtmlProps
lazy val iframe: HtmlTag[HTMLIFrameElement]

Represents a nested browsing context, that is an embedded HTML document.

Represents a nested browsing context, that is an embedded HTML document.

Attributes

Inherited from:
HtmlTags
lazy val img: HtmlTag[HTMLImageElement]

Represents an image.

Represents an image.

Attributes

Inherited from:
HtmlTags
lazy val indeterminate: HtmlProp[Boolean, Boolean]

In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate. This is a state in which it's impossible to say whether the item is toggled on or off.

In addition to the checked and unchecked states, there is a third state a checkbox can be in: indeterminate. This is a state in which it's impossible to say whether the item is toggled on or off.

checkbox#Indeterminate_state_checkboxes @ MDN

Attributes

Inherited from:
HtmlProps
lazy val input: HtmlTag[HTMLInputElement]

A typed data field allowing the user to input data.

A typed data field allowing the user to input data.

Attributes

Inherited from:
HtmlTags
lazy val inputMode: HtmlProp[String, String]

The inputmode attribute hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.

The inputmode attribute hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.

Acceptable values: none | text (default value) | decimal | numeric | tel | search | email | url

inputmode @ MDN

Attributes

Inherited from:
HtmlProps
lazy val ins: HtmlTag[HTMLModElement]

Defines an addition to the document.

Defines an addition to the document.

Attributes

Inherited from:
HtmlTags
lazy val isolation: StyleProp[String] & Auto

This property determines whether an element must create a new stacking context. It is especially helpful when used in conjunction with mix-blend-mode and z-index.

This property determines whether an element must create a new stacking context. It is especially helpful when used in conjunction with mix-blend-mode and z-index.

Allowed values: "isolate", "auto"

isolation @ MDN

Attributes

Inherited from:
StyleProps

The CSS justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line. The alignment is done after the lengths and auto margins are applied, meaning that, if there is at least one flexible element, with flex-grow different than 0, it will have no effect as there won't be any available space.

The CSS justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line. The alignment is done after the lengths and auto margins are applied, meaning that, if there is at least one flexible element, with flex-grow different than 0, it will have no effect as there won't be any available space.

Attributes

Inherited from:
StyleProps
lazy val kbd: HtmlTag[HTMLElement]

Represents user input, often from a keyboard, but not necessarily.

Represents user input, often from a keyboard, but not necessarily.

kbd @ MDN

Attributes

Inherited from:
HtmlTags
lazy val keyGenTag: HtmlTag[HTMLElement]

A key-pair generator control.

A key-pair generator control.

keygen @ MDN

Attributes

Inherited from:
HtmlTags
lazy val label: HtmlTag[HTMLLabelElement]

The caption of a single field

The caption of a single field

Attributes

Inherited from:
HtmlTags
lazy val labelAttr: HtmlProp[String, String]

For optgroup elements, specifies the name of the group of options, which the browser can use when labeling the options in the user interface.

For optgroup elements, specifies the name of the group of options, which the browser can use when labeling the options in the user interface.

Attributes

Inherited from:
HtmlProps
lazy val lang: HtmlProp[String, String]

This attribute participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the Tags for Identifying Languages (BCP47) IETF document. If the tag content is the empty string the language is set to unknown; if the tag content is not valid, regarding to BCP47, it is set to invalid.

This attribute participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the Tags for Identifying Languages (BCP47) IETF document. If the tag content is the empty string the language is set to unknown; if the tag content is not valid, regarding to BCP47, it is set to invalid.

lang @ MDN

Attributes

Inherited from:
HtmlProps
lazy val left: StyleProp[String] & Auto & Length[DSP, Int]

The left CSS property specifies part of the position of positioned elements.

The left CSS property specifies part of the position of positioned elements.

For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the left margin edge of the element and the left edge of its containing block.

left @ MDN

Attributes

Inherited from:
StyleProps
lazy val legend: HtmlTag[HTMLLegendElement]

The caption for a fieldset.

The caption for a fieldset.

Attributes

Inherited from:
HtmlTags
lazy val letterSpacing: StyleProp[String] & Normal

The letter-spacing CSS property specifies spacing behavior between text characters.

The letter-spacing CSS property specifies spacing behavior between text characters.

letter-spacing @ MDN

Attributes

Inherited from:
StyleProps
lazy val li: HtmlTag[HTMLLIElement]

Defines an item of an list.

Defines an item of an list.

Attributes

Inherited from:
HtmlTags
lazy val lineHeight: StyleProp[String] & Normal & Length[DSP, Int]

On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.

On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.

On non-replaced inline elements, line-height specifies the height that is used in the calculation of the line box height.

On replaced inline elements, like buttons or other input element, line-height has no effect.

line-height @ MDN

Attributes

Inherited from:
StyleProps
lazy val linkTag: HtmlTag[HTMLLinkElement]

Used to link JavaScript and external CSS with the current HTML document.

Used to link JavaScript and external CSS with the current HTML document.

Attributes

Inherited from:
HtmlTags
lazy val listId: HtmlAttr[String]

Identifies a list of pre-defined options to suggest to the user. The value must be the id of a FormTags.dataList element in the same document. The browser displays only options that are valid values for this input element. This attribute is ignored when the type attribute's value is hidden, checkbox, radio, file, or a button type.

Identifies a list of pre-defined options to suggest to the user. The value must be the id of a FormTags.dataList element in the same document. The browser displays only options that are valid values for this input element. This attribute is ignored when the type attribute's value is hidden, checkbox, radio, file, or a button type.

Attributes

Inherited from:
HtmlAttrs
lazy val listStyle: StyleProp[String]

The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.

The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.

list-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val listStyleImage: StyleProp[String] & None & Url[DSP]

The list-style-image CSS property sets the image that will be used as the list item marker.

The list-style-image CSS property sets the image that will be used as the list item marker.

list-style-image @ MDN

Attributes

Inherited from:
StyleProps

The list-style-position CSS property specifies the position of the marker box in the principal block box.

The list-style-position CSS property specifies the position of the marker box in the principal block box.

list-style-position @ MDN

Attributes

Inherited from:
StyleProps
lazy val listStyleType: StyleProp[String] & ListStyleType

The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.

The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.

list-style-type @ MDN

Attributes

Inherited from:
StyleProps
lazy val loadingAttr: HtmlProp[String, String]

Indicates how the browser should load the image:

Indicates how the browser should load the image:

"eager": Loads the image immediately, regardless of whether or not the image is currently within the visible viewport (this is the default value).

"lazy": Defers loading the image until it reaches a calculated distance from the viewport, as defined by the browser. The intent is to avoid the network and storage bandwidth needed to handle the image until it's reasonably certain that it will be needed. This generally improves the performance of the content in most typical use cases.

Attributes

Inherited from:
HtmlProps
lazy val lostPointerCapture: EventProp[PointerEvent]

Fired after pointer capture is released for a pointer.

Fired after pointer capture is released for a pointer.

Attributes

Inherited from:
GlobalEventProps
lazy val low: HtmlProp[Double, Double]

For use in <meter> tags.

For use in <meter> tags.

Attributes

See also
Inherited from:
HtmlProps
lazy val mainTag: HtmlTag[HTMLElement]

Defines the main or important content in the document. There is only one main element in the document.

Defines the main or important content in the document. There is only one main element in the document.

main @ MDN

Attributes

Inherited from:
HtmlTags
lazy val mapTag: HtmlTag[HTMLMapElement]

In conjunction with area, defines an image map.

In conjunction with area, defines an image map.

Attributes

Inherited from:
HtmlTags
lazy val margin: StyleProp[String] & Auto & Length[DSP, Int]

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

Negative values are also allowed.

margin @ MDN

Attributes

Inherited from:
StyleProps
lazy val marginBottom: StyleProp[String] & Auto & Length[DSP, Int]

The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.

The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.

margin-bottom @ MDN

Attributes

Inherited from:
StyleProps
lazy val marginLeft: StyleProp[String] & Auto & Length[DSP, Int]

The margin-left CSS property of an element sets the margin space required on the left of an element. A negative value is also allowed.

The margin-left CSS property of an element sets the margin space required on the left of an element. A negative value is also allowed.

margin-left @ MDN

Attributes

Inherited from:
StyleProps
lazy val marginRight: StyleProp[String] & Auto & Length[DSP, Int]

The margin-right CSS property of an element sets the margin space required on the right of an element. A negative value is also allowed.

The margin-right CSS property of an element sets the margin space required on the right of an element. A negative value is also allowed.

margin-right @ MDN

Attributes

Inherited from:
StyleProps
lazy val marginTop: StyleProp[String] & Auto & Length[DSP, Int]

The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.

The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.

margin-top @ MDN

Attributes

Inherited from:
StyleProps
lazy val mark: HtmlTag[HTMLElement]

Represents text highlighted for reference purposes, that is for its relevance in another context.

Represents text highlighted for reference purposes, that is for its relevance in another context.

mark @ MDN

Attributes

Inherited from:
HtmlTags
lazy val mask: StyleProp[String] & None & Url[DSP]

If the value is a URI value, the element pointed to by the URI is used as an SVG mask.

If the value is a URI value, the element pointed to by the URI is used as an SVG mask.

mask @ MDN

Attributes

Inherited from:
StyleProps
lazy val mathTag: HtmlTag[HTMLElement]

Defines a mathematical formula.

Defines a mathematical formula.

math @ MDN

Attributes

Inherited from:
HtmlTags
lazy val maxAttr: HtmlAttr[String]

The max attribute specifies the maximum value for an <input> element of type number, range, date, datetime, datetime-local, month, time, or week.

The max attribute specifies the maximum value for an <input> element of type number, range, date, datetime, datetime-local, month, time, or week.

max @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val maxHeight: StyleProp[String] & MinMaxLength & None

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.

max-height overrides height, but min-height overrides max-height.

max-height @ MDN

Attributes

Inherited from:
StyleProps
lazy val maxLength: HtmlProp[Int, Int]

The maximum allowed length for the input field. This attribute forces the input control to accept no more than the allowed number of characters. It does not produce any feedback to the user; you must write Javascript to make that happen.

The maximum allowed length for the input field. This attribute forces the input control to accept no more than the allowed number of characters. It does not produce any feedback to the user; you must write Javascript to make that happen.

maxlength @ MDN

Attributes

Inherited from:
HtmlProps
lazy val maxWidth: StyleProp[String] & MinMaxLength & None

The max-width CSS property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.

The max-width CSS property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.

max-width overrides width, but min-width overrides max-width.

max-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val media: HtmlProp[String, String]

This attribute specifies the media which the linked resource applies to. Its value must be a media query. This attribute is mainly useful when linking to external stylesheets by allowing the user agent to pick the best adapted one for the device it runs on.

This attribute specifies the media which the linked resource applies to. Its value must be a media query. This attribute is mainly useful when linking to external stylesheets by allowing the user agent to pick the best adapted one for the device it runs on.

link#attr-media @ MDN

Attributes

Inherited from:
HtmlProps
lazy val metaTag: HtmlTag[HTMLMetaElement]

Defines metadata that can't be defined using another HTML element.

Defines metadata that can't be defined using another HTML element.

Attributes

Inherited from:
HtmlTags
lazy val meterTag: HtmlTag[HTMLElement]

A scalar measurement within a known range.

A scalar measurement within a known range.

meter @ MDN

Attributes

Inherited from:
HtmlTags
lazy val method: HtmlProp[String, String]

The HTTP method that the browser uses to submit the form. Possible values are:

The HTTP method that the browser uses to submit the form. Possible values are:

  • post: Corresponds to the HTTP POST method ; form data are included in the body of the form and sent to the server.

  • get: Corresponds to the HTTP GET method; form data are appended to the action attribute URI with a '?' as a separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.

This value can be overridden by a formmethod attribute on a button or input element.

form#attr-method @ MDN

Attributes

Inherited from:
HtmlProps
lazy val minAttr: HtmlAttr[String]

The min attribute specifies the minimum value for an <input> element of type number, range, date, datetime, datetime-local, month, time, or week.

The min attribute specifies the minimum value for an <input> element of type number, range, date, datetime, datetime-local, month, time, or week.

min @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val minHeight: StyleProp[String] & MinMaxLength & Auto

The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.

The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.

The value of min-height overrides both max-height and height.

min-height @ MDN

Attributes

Inherited from:
StyleProps
lazy val minLength: HtmlProp[Int, Int]

If the type of the input element is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters (in Unicode code points) that the user can enter. For other control types, it is ignored.

If the type of the input element is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters (in Unicode code points) that the user can enter. For other control types, it is ignored.

minlength @ MDN

Attributes

Inherited from:
HtmlProps
lazy val minWidth: StyleProp[String] & MinMaxLength & Auto

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

The value of min-width overrides both max-width and width.

min-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val mixBlendMode: StyleProp[String] & MixBlendMode

This property sets how an element's content should blend with the content of the element's parent and the element's background.

This property sets how an element's content should blend with the content of the element's parent and the element's background.

Note: not supported by Chrome on Android and Safari

mix-blend-mode @ MDN

Attributes

Inherited from:
StyleProps
lazy val multiple: HtmlProp[Boolean, Boolean]

This Boolean attribute specifies, when present/true, that the user is allowed to enter more than one value for the <input> element for types "email" or "file". It can also be provided to the <select> element to allow selecting more than one option.

This Boolean attribute specifies, when present/true, that the user is allowed to enter more than one value for the <input> element for types "email" or "file". It can also be provided to the <select> element to allow selecting more than one option.

input#multiple @ MDN

Attributes

Inherited from:
HtmlProps
lazy val nameAttr: HtmlProp[String, String]

On form elements (input etc.): Name of the element. For example used by the server to identify the fields in form submits.

On form elements (input etc.): Name of the element. For example used by the server to identify the fields in form submits.

On the meta tag: This attribute defines the name of a document-level metadata. This document-level metadata name is associated with a value, contained by the content attribute.

input#name @ MDN

Attributes

Inherited from:
HtmlProps
lazy val noScriptTag: HtmlTag[HTMLElement]

Defines alternative content to display when the browser doesn't support scripting.

Defines alternative content to display when the browser doesn't support scripting.

noscript @ MDN

Attributes

Inherited from:
HtmlTags
lazy val noValidate: HtmlProp[Boolean, Boolean]

This Boolean attribute indicates that the form is not to be validated when submitted. If this attribute is not specified (and therefore the form is validated), this default setting can be overridden by a formnovalidate attribute on a <button> or <input> element belonging to the form.

This Boolean attribute indicates that the form is not to be validated when submitted. If this attribute is not specified (and therefore the form is validated), this default setting can be overridden by a formnovalidate attribute on a <button> or <input> element belonging to the form.

form#attr-novalidate @ MDN

Attributes

Inherited from:
HtmlProps
lazy val objectTag: HtmlTag[HTMLObjectElement]

Represents an external resource, which is treated as an image, an HTML sub-document, or an external resource to be processed by a plug-in.

Represents an external resource, which is treated as an image, an HTML sub-document, or an external resource to be processed by a plug-in.

Attributes

Inherited from:
HtmlTags
lazy val ol: HtmlTag[HTMLOListElement]

Defines an ordered list of items.

Defines an ordered list of items.

Attributes

Inherited from:
HtmlTags
lazy val onAbort: EventProp[Event]

Script to be run on abort

Script to be run on abort

abort_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onAnimationEnd: EventProp[AnimationEvent]

The animationend event is event fires when a CSS animation reaches the end of its active period.

The animationend event is event fires when a CSS animation reaches the end of its active period.

Attributes

Inherited from:
GlobalEventProps
lazy val onAnimationIteration: EventProp[AnimationEvent]

The animationiteration event is sent when a CSS animation reaches the end of an iteration. An iteration ends when a single pass through the sequence of animation instructions is completed by executing the last animation step.

The animationiteration event is sent when a CSS animation reaches the end of an iteration. An iteration ends when a single pass through the sequence of animation instructions is completed by executing the last animation step.

Attributes

Inherited from:
GlobalEventProps
lazy val onAnimationStart: EventProp[AnimationEvent]

The animationstart event is sent when a CSS Animation starts to play.

The animationstart event is sent when a CSS Animation starts to play.

Attributes

Inherited from:
GlobalEventProps
lazy val onBeforeInput: EventProp[InputEvent]

The DOM beforeinput event fires when the value of an <input>, or <textarea> element is about to be modified. The event also applies to elements with contenteditable enabled, and to any element when designMode is turned on.

The DOM beforeinput event fires when the value of an <input>, or <textarea> element is about to be modified. The event also applies to elements with contenteditable enabled, and to any element when designMode is turned on.

Attributes

Note

IE does not support this event.

Inherited from:
GlobalEventProps
lazy val onBlur: EventProp[FocusEvent]

The blur event is raised when an element loses focus.

The blur event is raised when an element loses focus.

Attributes

Inherited from:
GlobalEventProps
lazy val onCanPlay: EventProp[Event]

Script to be run when a file is ready to start playing (when it has buffered enough to begin)

Script to be run when a file is ready to start playing (when it has buffered enough to begin)

canplay_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onCanPlayThrough: EventProp[Event]

Script to be run when a file can be played all the way to the end without pausing for buffering

Script to be run when a file can be played all the way to the end without pausing for buffering

canplaythrough_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onChange: EventProp[Event]

The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.

The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.

change_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onClick: EventProp[MouseEvent]

The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

Attributes

Inherited from:
GlobalEventProps
lazy val onContextMenu: EventProp[MouseEvent]

Script to be run when a context menu is triggered

Script to be run when a context menu is triggered

Attributes

Inherited from:
GlobalEventProps
lazy val onCopy: EventProp[ClipboardEvent]

Fires when the user copies the content of an element

Fires when the user copies the content of an element

Attributes

Inherited from:
GlobalEventProps
lazy val onCueChange: EventProp[Event]

Script to be run when the cue changes in a <track> element

Script to be run when the cue changes in a <track> element

cuechange_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onCut: EventProp[ClipboardEvent]

Fires when the user cuts the content of an element

Fires when the user cuts the content of an element

Attributes

Inherited from:
GlobalEventProps
lazy val onDblClick: EventProp[MouseEvent]

The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.

The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.

Attributes

Inherited from:
GlobalEventProps
lazy val onDrag: EventProp[DragEvent]

Script to be run when an element is dragged

Script to be run when an element is dragged

Attributes

Inherited from:
GlobalEventProps
lazy val onDragEnd: EventProp[DragEvent]

Script to be run at the end of a drag operation

Script to be run at the end of a drag operation

Attributes

Inherited from:
GlobalEventProps
lazy val onDragEnter: EventProp[DragEvent]

Script to be run when an element has been dragged to a valid drop target

Script to be run when an element has been dragged to a valid drop target

Attributes

Inherited from:
GlobalEventProps
lazy val onDragLeave: EventProp[DragEvent]

Script to be run when an element leaves a valid drop target

Script to be run when an element leaves a valid drop target

Attributes

Inherited from:
GlobalEventProps
lazy val onDragOver: EventProp[DragEvent]

Script to be run when an element is being dragged over a valid drop target

Script to be run when an element is being dragged over a valid drop target

Attributes

Inherited from:
GlobalEventProps
lazy val onDragStart: EventProp[DragEvent]

Script to be run at the start of a drag operation

Script to be run at the start of a drag operation

Attributes

Inherited from:
GlobalEventProps
lazy val onDrop: EventProp[DragEvent]

Script to be run when dragged element is being dropped

Script to be run when dragged element is being dropped

Attributes

Inherited from:
GlobalEventProps
lazy val onDurationChange: EventProp[Event]

Script to be run when the length of the media changes

Script to be run when the length of the media changes

durationchange_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onEmptied: EventProp[Event]

Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)

Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)

emptied_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onEnded: EventProp[Event]

Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")

Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")

ended_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onError: EventProp[ErrorEvent]

Script to be run when an error occurs when the file is being loaded

Script to be run when an error occurs when the file is being loaded

Attributes

Inherited from:
GlobalEventProps
lazy val onFocus: EventProp[FocusEvent]

The focus event is raised when the user sets focus on the given element.

The focus event is raised when the user sets focus on the given element.

Attributes

Inherited from:
GlobalEventProps
lazy val onInput: EventProp[Event]

The input event is fired for input, select, textarea, and contentEditable elements when it gets user input.

The input event is fired for input, select, textarea, and contentEditable elements when it gets user input.

input_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onInvalid: EventProp[Event]

Script to be run when an element is invalid

Script to be run when an element is invalid

invalid_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onKeyDown: EventProp[KeyboardEvent]

The keydown event is raised when the user presses a keyboard key.

The keydown event is raised when the user presses a keyboard key.

Attributes

Inherited from:
GlobalEventProps
lazy val onKeyPress: EventProp[KeyboardEvent]

The keypress event should be raised when the user presses a key on the keyboard. However, not all browsers fire keypress events for certain keys.

The keypress event should be raised when the user presses a key on the keyboard. However, not all browsers fire keypress events for certain keys.

Webkit-based browsers (Google Chrome and Safari, for example) do not fire keypress events on the arrow keys. Firefox does not fire keypress events on modifier keys like SHIFT.

Attributes

Inherited from:
GlobalEventProps
lazy val onKeyUp: EventProp[KeyboardEvent]

The keyup event is raised when the user releases a key that's been pressed.

The keyup event is raised when the user releases a key that's been pressed.

Attributes

Inherited from:
GlobalEventProps
lazy val onLoad: EventProp[UIEvent]

The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, <img> element, etc., which fires when the resource has loaded.

The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, <img> element, etc., which fires when the resource has loaded.

Attributes

Inherited from:
GlobalEventProps
lazy val onLoadStart: EventProp[Event]

Script to be run just as the file begins to load before anything is actually loaded

Script to be run just as the file begins to load before anything is actually loaded

loadstart_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onLoadedData: EventProp[Event]

Script to be run when media data is loaded

Script to be run when media data is loaded

loadeddata_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onLoadedMetadata: EventProp[Event]

Script to be run when meta data (like dimensions and duration) are loaded

Script to be run when meta data (like dimensions and duration) are loaded

loadedmetadata_event @ MDN

Attributes

Inherited from:
GlobalEventProps

Focus this element on mount

Focus this element on mount

Attributes

Inherited from:
MountHooks
lazy val onMouseDown: EventProp[MouseEvent]

The mousedown event is raised when the user presses the mouse button.

The mousedown event is raised when the user presses the mouse button.

Attributes

Inherited from:
GlobalEventProps
lazy val onMouseEnter: EventProp[MouseEvent]

The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.

The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.

Similar to mouseover, it differs in that it doesn't bubble and that it isn't sent when the pointer is moved from one of its descendants' physical space to its own physical space.

With deep hierarchies, the amount of mouseenter events sent can be quite huge and cause significant performance problems. In such cases, it is better to listen for mouseover events.

Attributes

Inherited from:
GlobalEventProps
lazy val onMouseLeave: EventProp[MouseEvent]

The mouseleave event is fired when the pointer of a pointing device (usually a mouse) is moved out of an element.

The mouseleave event is fired when the pointer of a pointing device (usually a mouse) is moved out of an element.

mouseleave and mouseout are similar but differ in that mouseleave does not bubble and mouseout does.

This means that mouseleave is fired when the pointer has exited the element and all of its descendants, whereas mouseout is fired when the pointer leaves the element or leaves one of the element's descendants (even if the pointer is still within the element).

Attributes

Inherited from:
GlobalEventProps
lazy val onMouseMove: EventProp[MouseEvent]

The mousemove event is raised when the user moves the mouse.

The mousemove event is raised when the user moves the mouse.

Attributes

Inherited from:
GlobalEventProps
lazy val onMouseOut: EventProp[MouseEvent]

The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).

The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).

Attributes

Inherited from:
GlobalEventProps
lazy val onMouseOver: EventProp[MouseEvent]

The mouseover event is raised when the user moves the mouse over a particular element.

The mouseover event is raised when the user moves the mouse over a particular element.

Attributes

Inherited from:
GlobalEventProps
lazy val onMouseUp: EventProp[MouseEvent]

The mouseup event is raised when the user releases the mouse button.

The mouseup event is raised when the user releases the mouse button.

Attributes

Inherited from:
GlobalEventProps
lazy val onPaste: EventProp[ClipboardEvent]

Fires when the user pastes some content in an element

Fires when the user pastes some content in an element

Attributes

Inherited from:
GlobalEventProps
lazy val onPause: EventProp[Event]

Script to be run when the media is paused either by the user or programmatically

Script to be run when the media is paused either by the user or programmatically

pause_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onPlay: EventProp[Event]

Script to be run when the media is ready to start playing

Script to be run when the media is ready to start playing

play_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onPlaying: EventProp[Event]

Script to be run when the media actually has started playing

Script to be run when the media actually has started playing

playing_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerCancel: EventProp[PointerEvent]

a browser fires this event if it concludes the pointer will no longer be able to generate events (for example the related device is deactived).

a browser fires this event if it concludes the pointer will no longer be able to generate events (for example the related device is deactived).

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerDown: EventProp[PointerEvent]

fired when a pointer becomes active.

fired when a pointer becomes active.

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerEnter: EventProp[PointerEvent]

fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).

fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerLeave: EventProp[PointerEvent]

fired when a pointing device is moved out of the hit test boundaries of an element. For pen devices, this event is fired when the stylus leaves the hover range detectable by the digitizer.

fired when a pointing device is moved out of the hit test boundaries of an element. For pen devices, this event is fired when the stylus leaves the hover range detectable by the digitizer.

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerMove: EventProp[PointerEvent]

fired when a pointer changes coordinates.

fired when a pointer changes coordinates.

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerOut: EventProp[PointerEvent]

fired for several reasons including: pointing device is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detectable by the digitizer.

fired for several reasons including: pointing device is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detectable by the digitizer.

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerOver: EventProp[PointerEvent]

fired when a pointing device is moved into an element's hit test boundaries.

fired when a pointing device is moved into an element's hit test boundaries.

Attributes

Inherited from:
GlobalEventProps
lazy val onPointerUp: EventProp[PointerEvent]

fired when a pointer is no longer active.

fired when a pointer is no longer active.

Attributes

Inherited from:
GlobalEventProps
lazy val onProgress: EventProp[Event]

Script to be run when the browser is in the process of getting the media data

Script to be run when the browser is in the process of getting the media data

progress_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onRateChange: EventProp[Event]

Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)

Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)

ratechange_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onReset: EventProp[Event]

The reset event is fired when a form is reset.

The reset event is fired when a form is reset.

reset_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onResize: EventProp[UIEvent]

The GlobalEventHandlers.onresize property contains an EventHandler triggered when a resize event is received.

The GlobalEventHandlers.onresize property contains an EventHandler triggered when a resize event is received.

Attributes

Inherited from:
GlobalEventProps
lazy val onScroll: EventProp[UIEvent]

An event handler for scroll events on element.

An event handler for scroll events on element.

Attributes

Inherited from:
GlobalEventProps
lazy val onSearch: EventProp[Event]

Fires when the user writes something in a search field (for <input="search">)

Fires when the user writes something in a search field (for <input="search">)

search_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onSeeked: EventProp[Event]

Script to be run when the seeking attribute is set to false indicating that seeking has ended

Script to be run when the seeking attribute is set to false indicating that seeking has ended

seeked_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onSeeking: EventProp[Event]

Script to be run when the seeking attribute is set to true indicating that seeking is active

Script to be run when the seeking attribute is set to true indicating that seeking is active

seeking_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onSelect: EventProp[Event]

The select event only fires when text inside a text input or textarea is selected. The event is fired after the text has been selected.

The select event only fires when text inside a text input or textarea is selected. The event is fired after the text has been selected.

select_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onSelectStart: EventProp[Event]

Fires when a user starts a new selection. If the event is canceled, the selection is not changed.

Fires when a user starts a new selection. If the event is canceled, the selection is not changed.

selectstart_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onShow: EventProp[Event]

Fires when a <menu> element is shown as a context menu

Fires when a <menu> element is shown as a context menu

show_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onStalled: EventProp[Event]

Script to be run when the browser is unable to fetch the media data for whatever reason

Script to be run when the browser is unable to fetch the media data for whatever reason

stalled_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onSubmit: EventProp[Event]

The submit event is fired when the user clicks a submit button in a form (<input type="submit"/>).

The submit event is fired when the user clicks a submit button in a form (<input type="submit"/>).

submit_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onSuspend: EventProp[Event]

Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason

Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason

suspend_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onTimeUpdate: EventProp[Event]

Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)

Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)

timeupdate_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onToggle: EventProp[Event]

Fires when the user opens or closes the <details> element

Fires when the user opens or closes the <details> element

toggle_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onTouchCancel: EventProp[TouchEvent]

The touchcancel event is fired when one or more touch points have been disrupted in an implementation-specific manner.

The touchcancel event is fired when one or more touch points have been disrupted in an implementation-specific manner.

Attributes

Inherited from:
GlobalEventProps
lazy val onTouchEnd: EventProp[TouchEvent]

The touchend event fires when one or more touch points are removed from the touch surface. Remember that it is possible to get a touchcancel event instead.

The touchend event fires when one or more touch points are removed from the touch surface. Remember that it is possible to get a touchcancel event instead.

Attributes

Inherited from:
GlobalEventProps
lazy val onTouchMove: EventProp[TouchEvent]

The touchmove event is fired when one or more touch points are moved along the touch surface.

The touchmove event is fired when one or more touch points are moved along the touch surface.

Attributes

Inherited from:
GlobalEventProps
lazy val onTouchStart: EventProp[TouchEvent]

The touchstart event is fired when one or more touch points are placed on the touch surface.

The touchstart event is fired when one or more touch points are placed on the touch surface.

Attributes

Inherited from:
GlobalEventProps
lazy val onTransitionEnd: EventProp[Event]

The transitionend event is sent to when a CSS transition completes.

The transitionend event is sent to when a CSS transition completes.

Note: If the transition is removed from its target node before the transition completes execution, the transitionend event won't be generated. One way this can happen is by changing the value of the transition-property attribute which applies to the target. Another is if the display attribute is set to none.

Attributes

See also
Inherited from:
GlobalEventProps
lazy val onVolumeChange: EventProp[Event]

Script to be run each time the volume is changed which (includes setting the volume to "mute")

Script to be run each time the volume is changed which (includes setting the volume to "mute")

volumechange_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onWaiting: EventProp[Event]

Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)

Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)

waiting_event @ MDN

Attributes

Inherited from:
GlobalEventProps
lazy val onWheel: EventProp[WheelEvent]

Fires when the mouse wheel rolls up or down over an element

Fires when the mouse wheel rolls up or down over an element

Attributes

Inherited from:
GlobalEventProps
lazy val opacity: StyleProp[Double]

The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.

The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.

The value applies to the element as a whole, including its contents, even though the value is not inherited by child elements. Thus, an element and its contained children all have the same opacity relative to the element's background, even if the element and its children have different opacities relative to one another.

Accepted values: numbers from 0 (transparent) to 1 (opaque)

Using this property with a value different than 1 places the element in a new stacking context.

opacity @ MDN

Attributes

Inherited from:
StyleProps
lazy val optGroup: HtmlTag[HTMLOptGroupElement]

A set of options, logically grouped.

A set of options, logically grouped.

Attributes

Inherited from:
HtmlTags
lazy val optimum: HtmlProp[Double, Double]

For use in <meter> tags.

For use in <meter> tags.

Attributes

See also
Inherited from:
HtmlProps
lazy val option: HtmlTag[HTMLOptionElement]

An option in a select element.

An option in a select element.

Attributes

Inherited from:
HtmlTags
lazy val orphans: StyleProp[Int]

The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.

The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.

Note: Firefox does not support this property

orphans @ MDN

Attributes

Inherited from:
StyleProps
lazy val outline: StyleProp[String]

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.

Outlines do not take up space, they are drawn above the content.

outline @ MDN

Attributes

Inherited from:
StyleProps
lazy val outlineColor: StyleProp[String] & Color & Color[SS, DSP]

The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

Note: "invert" is a special outline color you can use for high contrast.

outline-color @ MDN

Attributes

Inherited from:
StyleProps
lazy val outlineStyle: StyleProp[String] & Line

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

outline-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val outlineWidth: StyleProp[String] & Length[DSP, Int]

The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

outline-width @ MDN

Attributes

Inherited from:
StyleProps
lazy val outputTag: HtmlTag[HTMLElement]

The result of a calculation

The result of a calculation

output @ MDN

Attributes

Inherited from:
HtmlTags
lazy val overflow: StyleProp[String] & Overflow

The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

overflow @ MDN

Attributes

Inherited from:
StyleProps
lazy val overflowWrap: StyleProp[String] & OverflowWrap

The overflow-wrap CSS property specifies whether or not the browser should insert line breaks within words to prevent text from overflowing its content box.

The overflow-wrap CSS property specifies whether or not the browser should insert line breaks within words to prevent text from overflowing its content box.

Aliases: wordWrap

overflow-wrap @ MDN

Attributes

Inherited from:
StyleProps
lazy val overflowX: StyleProp[String] & Overflow

The overflow-x CSS property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.

The overflow-x CSS property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.

overflow-x @ MDN

Attributes

Inherited from:
StyleProps
lazy val overflowY: StyleProp[String] & Overflow

The overflow-y CSS property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.

The overflow-y CSS property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.

overflow-y @ MDN

Attributes

Inherited from:
StyleProps
lazy val p: HtmlTag[HTMLParagraphElement]

Defines a portion that should be displayed as a paragraph.

Defines a portion that should be displayed as a paragraph.

Attributes

Inherited from:
HtmlTags
lazy val padding: StyleProp[String] & Length[DSP, Int]

The padding CSS property sets the required padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

The padding CSS property sets the required padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

The padding property is a shorthand to avoid setting each side separately (padding-top, padding-right, padding-bottom, padding-left).

padding @ MDN

Attributes

Inherited from:
StyleProps
lazy val paddingBottom: StyleProp[String] & Length[DSP, Int]

The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and it's border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.

The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and it's border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.

padding-bottom @ MDN

Attributes

Inherited from:
StyleProps
lazy val paddingLeft: StyleProp[String] & Length[DSP, Int]

The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and it's border. A negative value is not allowed.

The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and it's border. A negative value is not allowed.

padding-left @ MDN

Attributes

Inherited from:
StyleProps
lazy val paddingRight: StyleProp[String] & Length[DSP, Int]

The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

padding-right @ MDN

Attributes

Inherited from:
StyleProps
lazy val paddingTop: StyleProp[String] & Length[DSP, Int]

The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.

The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.

padding-top @ MDN

Attributes

Inherited from:
StyleProps
lazy val pageBreakAfter: StyleProp[String] & PageBreak

The page-break-after CSS property adjusts page breaks after the current element.

The page-break-after CSS property adjusts page breaks after the current element.

page-break-after @ MDN

Attributes

Inherited from:
StyleProps
lazy val pageBreakBefore: StyleProp[String] & PageBreak

The page-break-before CSS property adjusts page breaks before the current element.

The page-break-before CSS property adjusts page breaks before the current element.

This properties applies to block elements that generate a box. It won't apply on an empty div that won't generate a box.

page-break-before @ MDN

Attributes

Inherited from:
StyleProps
lazy val pageBreakInside: StyleProp[String] & PageBreak

The page-break-inside CSS property adjusts page breaks inside the current element.

The page-break-inside CSS property adjusts page breaks inside the current element.

page-break-inside @ MDN

Attributes

Inherited from:
StyleProps
lazy val paramTag: HtmlTag[HTMLParamElement]

Defines parameters for use by plug-ins invoked by object elements.

Defines parameters for use by plug-ins invoked by object elements.

Attributes

Inherited from:
HtmlTags
lazy val pattern: HtmlProp[String, String]

Specifies a regular expression to validate the input. The pattern attribute works with the following input types: text, search, url, tel, email, and password. Use the title attribute to describe the pattern to the user.

Specifies a regular expression to validate the input. The pattern attribute works with the following input types: text, search, url, tel, email, and password. Use the title attribute to describe the pattern to the user.

pattern @ MDN

Attributes

Inherited from:
HtmlProps
lazy val perspective: StyleProp[String] & None

The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.

The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.

perspective @ MDN

Attributes

Inherited from:
StyleProps
lazy val perspectiveOrigin: StyleProp[String]

The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.

The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.

perspective-origin @ MDN

Attributes

Inherited from:
StyleProps
lazy val placeholder: HtmlProp[String, String]

A hint to the user of what can be entered in the control. The placeholder text must not contain carriage returns or line-feeds. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored.

A hint to the user of what can be entered in the control. The placeholder text must not contain carriage returns or line-feeds. This attribute applies when the value of the type attribute is text, search, tel, url or email; otherwise it is ignored.

input#placeholder @ MDN

Attributes

Inherited from:
HtmlProps
lazy val pointerEvents: StyleProp[String] & PointerEvents

The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.

The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.

In addition to indicating that the element is not the target of mouse events, the value none instructs the mouse event to go "through" the element and target whatever is "underneath" that element instead.

pointer-events @ MDN

Attributes

Inherited from:
StyleProps
lazy val position: StyleProp[String] & Position

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

position @ MDN

Attributes

Inherited from:
StyleProps
lazy val pre: HtmlTag[HTMLPreElement]

Indicates that its content is preformatted and that this format must be preserved.

Indicates that its content is preformatted and that this format must be preserved.

Attributes

Inherited from:
HtmlTags
lazy val progressTag: HtmlTag[HTMLProgressElement]

A progress completion bar

A progress completion bar

Attributes

Inherited from:
HtmlTags
lazy val q: HtmlTag[HTMLQuoteElement]

An inline quotation.

An inline quotation.

Attributes

Inherited from:
HtmlTags
lazy val quotes: StyleProp[String]

The quotes CSS property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes values of the CSS content property.

The quotes CSS property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes values of the CSS content property.

quotes @ MDN

Attributes

Inherited from:
StyleProps
lazy val readOnly: HtmlProp[Boolean, Boolean]

This Boolean attribute indicates that the user cannot modify the value of the control. This attribute is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type.

This Boolean attribute indicates that the user cannot modify the value of the control. This attribute is ignored if the value of the type attribute is hidden, range, color, checkbox, radio, file, or a button type.

readonly @ MDN

Attributes

Inherited from:
HtmlProps

This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of the link types values. The most common use of this attribute is to specify a link to an external style sheet: the rel attribute is set to stylesheet, and the href attribute is set to the URL of an external style sheet to format the page.

This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of the link types values. The most common use of this attribute is to specify a link to an external style sheet: the rel attribute is set to stylesheet, and the href attribute is set to the URL of an external style sheet to format the page.

Attributes

Inherited from:
ComplexHtmlKeys
lazy val required: HtmlProp[Boolean, Boolean]

This attribute specifies that the user must fill in a value before submitting a form. It cannot be used when the type attribute is hidden, image, or a button type (submit, reset, or button). The :optional and :required CSS pseudo-classes will be applied to the field as appropriate.

This attribute specifies that the user must fill in a value before submitting a form. It cannot be used when the type attribute is hidden, image, or a button type (submit, reset, or button). The :optional and :required CSS pseudo-classes will be applied to the field as appropriate.

required @ MDN

Attributes

Inherited from:
HtmlProps
lazy val resize: StyleProp[String]

The resize CSS property sets whether an element is resizable, and if so, in which direction(s).

The resize CSS property sets whether an element is resizable, and if so, in which direction(s).

resize @ MDN

Attributes

Inherited from:
StyleProps
lazy val right: StyleProp[String] & Auto & Length[DSP, Int]

The right CSS property specifies part of the position of positioned elements.

The right CSS property specifies part of the position of positioned elements.

For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the right margin edge of the element and the right edge of its containing block.

The right property has no effect on non-positioned elements.

When both the right CSS property and the left CSS property are defined, the position of the element is overspecified. In that case, the left value has precedence when the container is left-to-right (that is that the right computed value is set to -left), and the right value has precedence when the container is right-to-left (that is that the left computed value is set to -right).

right @ MDN

Attributes

Inherited from:
StyleProps

The attribute describes the role(s) the current element plays in the context of the document. This can be used, for example, by applications and assistive technologies to determine the purpose of an element. This could allow a user to make informed decisions on which actions may be taken on an element and activate the selected action in a device independent way. It could also be used as a mechanism for annotating portions of a document in a domain specific way (e.g., a legal term taxonomy). Although the role attribute may be used to add semantics to an element, authors should use elements with inherent semantics, such as p, rather than layering semantics on semantically neutral elements, such as div role="paragraph".

The attribute describes the role(s) the current element plays in the context of the document. This can be used, for example, by applications and assistive technologies to determine the purpose of an element. This could allow a user to make informed decisions on which actions may be taken on an element and activate the selected action in a device independent way. It could also be used as a mechanism for annotating portions of a document in a domain specific way (e.g., a legal term taxonomy). Although the role attribute may be used to add semantics to an element, authors should use elements with inherent semantics, such as p, rather than layering semantics on semantically neutral elements, such as div role="paragraph".

See: http://www.w3.org/TR/role-attribute/#s_role_module_attributes

Attributes

Inherited from:
ComplexHtmlKeys
lazy val rowGap: StyleProp[String] & Length[DSP, Int]

The row-gap CSS property sets the size of the gap (gutter) between an element's rows.

The row-gap CSS property sets the size of the gap (gutter) between an element's rows.

Attributes

Inherited from:
StyleProps
lazy val rowSpan: HtmlProp[Int, Int]

This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the table section (<thead>, <tbody>, <tfoot>, even if implicitly defined, that the cell belongs to. Values higher than 65534 are clipped down to 65534.

This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the table section (<thead>, <tbody>, <tfoot>, even if implicitly defined, that the cell belongs to. Values higher than 65534 are clipped down to 65534.

td#attr-rowspan @ MDN

Attributes

Inherited from:
HtmlProps
lazy val rows: HtmlProp[Int, Int]

The number of visible text lines for a text control.

The number of visible text lines for a text control.

textarea#attr-rows @ MDN

Attributes

Inherited from:
HtmlProps
lazy val rp: HtmlTag[HTMLElement]

Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.

Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.

rp @ MDN

Attributes

Inherited from:
HtmlTags
lazy val rt: HtmlTag[HTMLElement]

Represents the text of a ruby annotation.

Represents the text of a ruby annotation.

rt @ MDN

Attributes

Inherited from:
HtmlTags
lazy val ruby: HtmlTag[HTMLElement]

Represents content to be marked with ruby annotations, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese furigana .

Represents content to be marked with ruby annotations, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese furigana .

ruby @ MDN

Attributes

Inherited from:
HtmlTags
lazy val s: HtmlTag[HTMLElement]

Strikethrough element, used for that is no longer accurate or relevant.

Strikethrough element, used for that is no longer accurate or relevant.

s @ MDN

Attributes

Inherited from:
HtmlTags
lazy val samp: HtmlTag[HTMLElement]

Represents the output of a program or a computer.

Represents the output of a program or a computer.

samp @ MDN

Attributes

Inherited from:
HtmlTags
lazy val scoped: HtmlProp[Boolean, Boolean]

For use in <style> tags.

For use in <style> tags.

If this attribute is present, then the style applies only to its parent element. If absent, the style applies to the whole document.

scoped @ MDN

Attributes

Inherited from:
HtmlProps
lazy val scriptTag: HtmlTag[HTMLScriptElement]

Defines either an internal script or a link to an external script. The script language is JavaScript.

Defines either an internal script or a link to an external script. The script language is JavaScript.

Attributes

Inherited from:
HtmlTags
lazy val scrollMarginTop: StyleProp[String] & Length[DSP, Int]

The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.

The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.

scroll-margin-top @ MDN

Attributes

Inherited from:
StyleProps
lazy val sectionTag: HtmlTag[HTMLElement]

Represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading.

Represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading.

section @ MDN

Attributes

Inherited from:
HtmlTags
lazy val select: HtmlTag[HTMLSelectElement]

A control that allows the user to select one of a set of options.

A control that allows the user to select one of a set of options.

Attributes

Inherited from:
HtmlTags
lazy val selected: HtmlProp[Boolean, Boolean]

Indicates whether an <option> element is currently selected. This is different from selected attribute, which contains the initial selected status of the element. More info: https://stackoverflow.com/a/6004028/2601788 (selected behaves similar to value)

Indicates whether an <option> element is currently selected. This is different from selected attribute, which contains the initial selected status of the element. More info: https://stackoverflow.com/a/6004028/2601788 (selected behaves similar to value)

See also: defaultSelected prop / attribute

Attributes

Inherited from:
HtmlProps
lazy val size: HtmlProp[Int, Int]

The initial size of the control. This value is in pixels unless the value of the type attribute is text or password, in which case, it is an integer number of characters. Starting in HTML5, this attribute applies only when the type attribute is set to text, search, tel, url, email, or password; otherwise it is ignored. In addition, the size must be greater than zero. If you don't specify a size, a default value of 20 is used.

The initial size of the control. This value is in pixels unless the value of the type attribute is text or password, in which case, it is an integer number of characters. Starting in HTML5, this attribute applies only when the type attribute is set to text, search, tel, url, email, or password; otherwise it is ignored. In addition, the size must be greater than zero. If you don't specify a size, a default value of 20 is used.

size @ MDN

Attributes

Inherited from:
HtmlProps
lazy val slot: HtmlProp[String, String]

The slot global attribute assigns a slot in a shadow DOM shadow tree to an element.

The slot global attribute assigns a slot in a shadow DOM shadow tree to an element.

MDN – https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/slot

slot @ MDN

Attributes

Inherited from:
HtmlProps
lazy val small: HtmlTag[HTMLElement]

Represents a side comment; text like a disclaimer or copyright, which is not essential to the comprehension of the document.

Represents a side comment; text like a disclaimer or copyright, which is not essential to the comprehension of the document.

small @ MDN

Attributes

Inherited from:
HtmlTags
lazy val sourceTag: HtmlTag[HTMLSourceElement]

Allows the authors to specify alternate media resources for media elements like video or audio

Allows the authors to specify alternate media resources for media elements like video or audio

Attributes

Inherited from:
HtmlTags
lazy val span: HtmlTag[HTMLSpanElement]

Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like class, lang, or dir.

Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like class, lang, or dir.

Attributes

Inherited from:
HtmlTags
lazy val spellCheck: HtmlProp[Boolean, Boolean]

Defines whether the element may be checked for spelling errors.

Defines whether the element may be checked for spelling errors.

MDN – https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck

spellcheck @ MDN

Attributes

Inherited from:
HtmlProps
lazy val src: HtmlAttr[String]

Specifies the URL of an image for <img> tag, for type="image" input buttons, or the URL of some other network resources like <iframe>.

Specifies the URL of an image for <img> tag, for type="image" input buttons, or the URL of some other network resources like <iframe>.

Attributes

Inherited from:
HtmlAttrs
lazy val stepAttr: HtmlAttr[String]

The step attribute specifies the numeric intervals for an <input> element that should be considered legal for the input. For example, if step is 2 on a number typed <input> then the legal numbers could be -2, 0, 2, 4, 6 etc. The step attribute should be used in conjunction with the min and max attributes to specify the full range and interval of the legal values. The step attribute is applicable to <input> elements of the following types: number, range, date, datetime, datetime-local, month, time and week.

The step attribute specifies the numeric intervals for an <input> element that should be considered legal for the input. For example, if step is 2 on a number typed <input> then the legal numbers could be -2, 0, 2, 4, 6 etc. The step attribute should be used in conjunction with the min and max attributes to specify the full range and interval of the legal values. The step attribute is applicable to <input> elements of the following types: number, range, date, datetime, datetime-local, month, time and week.

step @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val strong: HtmlTag[HTMLElement]

Represents especially important text.

Represents especially important text.

strong @ MDN

Attributes

Inherited from:
HtmlTags
lazy val styleAttr: HtmlAttr[String]

This attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the style element have mainly the purpose of allowing for quick styling, for example for testing purposes.

This attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the style element have mainly the purpose of allowing for quick styling, for example for testing purposes.

Attributes

Inherited from:
ComplexHtmlKeys
lazy val styleTag: HtmlTag[HTMLStyleElement]

Used to write inline CSS.

Used to write inline CSS.

Attributes

Inherited from:
HtmlTags
lazy val sub: HtmlTag[HTMLElement]

Subscript tag

Subscript tag

sub @ MDN

Attributes

Inherited from:
HtmlTags
lazy val summaryTag: HtmlTag[HTMLElement]

A summary, caption, or legend for a given details.

A summary, caption, or legend for a given details.

summary @ MDN

Attributes

Inherited from:
HtmlTags
lazy val sup: HtmlTag[HTMLElement]

Superscript tag.

Superscript tag.

sup @ MDN

Attributes

Inherited from:
HtmlTags
lazy val tabIndex: HtmlProp[Int, Int]

This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:

This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:

  • a negative value means that the element should be focusable, but should not be reachable via sequential keyboard navigation;
  • 0 means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;
  • a positive value which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the tabindex. If several elements share the same tabindex, their relative order follows their relative position in the document).

An element with a 0 value, an invalid value, or no tabindex value should be placed after elements with a positive tabindex in the sequential keyboard navigation order.

tabindex @ MDN

Attributes

Inherited from:
HtmlProps
lazy val table: HtmlTag[HTMLTableElement]

Represents data with more than one dimension.

Represents data with more than one dimension.

Attributes

Inherited from:
HtmlTags
lazy val tableLayout: StyleProp[String] & TableLayout

The table-layout CSS property sets the algorithm used to lay out <table> cells, rows, and columns.

The table-layout CSS property sets the algorithm used to lay out <table> cells, rows, and columns.

table-layout @ MDN

Attributes

Inherited from:
StyleProps
lazy val target: HtmlProp[String, String]

A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:

A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:

  • _self: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.
  • _blank: Load the response into a new unnamed HTML 4 window or HTML5 browsing context.
  • _parent: Load the response into the HTML 4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
  • _top: HTML 4: Load the response into the full, original window, canceling all other frames. HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.
  • iframename: The response is displayed in a named iframe.

a#attr-target @ MDN

Attributes

Inherited from:
HtmlProps
lazy val tbody: HtmlTag[HTMLTableSectionElement]

The table body.

Attributes

Inherited from:
HtmlTags
lazy val td: HtmlTag[HTMLTableCellElement]

A single cell in a table.

A single cell in a table.

Attributes

Inherited from:
HtmlTags
lazy val textAlign: StyleProp[String] & TextAlign

The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.

The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.

text-align @ MDN

Attributes

Inherited from:
StyleProps
lazy val textAlignLast: StyleProp[String] & TextAlign

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

text-align-last @ MDN

Attributes

Inherited from:
StyleProps
lazy val textArea: HtmlTag[HTMLTextAreaElement]

A multiline text edit control.

A multiline text edit control.

Attributes

Inherited from:
HtmlTags

The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.

The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.

text-decoration @ MDN

Attributes

Inherited from:
StyleProps
lazy val textIndent: StyleProp[String]

The text-indent CSS property specifies how much horizontal space should be left before the beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.

The text-indent CSS property specifies how much horizontal space should be left before the beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.

text-indent @ MDN

Attributes

Inherited from:
StyleProps
lazy val textOverflow: StyleProp[String] & TextOverflow

The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, or display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string.

The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, or display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string.

text-overflow @ MDN

Attributes

Inherited from:
StyleProps
lazy val textShadow: StyleProp[String] & None

The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element.

The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element.

Each shadow is specified as an offset from the text, along with optional color and blur radius values.

Multiple shadows are applied front-to-back, with the first-specified shadow on top.

text-shadow @ MDN

Attributes

Inherited from:
StyleProps
lazy val textTransform: StyleProp[String] & TextTransform

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

text-transform @ MDN

Attributes

Inherited from:
StyleProps

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

This property inherits and is not reset by the text-decoration shorthand, allowing to easily set it globally for a given document.

text-underline-position @ MDN

Attributes

Inherited from:
StyleProps
lazy val tfoot: HtmlTag[HTMLTableSectionElement]

The table footer.

Attributes

Inherited from:
HtmlTags
lazy val th: HtmlTag[HTMLTableCellElement]

A header cell in a table.

A header cell in a table.

Attributes

Inherited from:
HtmlTags
lazy val thead: HtmlTag[HTMLTableSectionElement]

The table headers.

Attributes

Inherited from:
HtmlTags
lazy val timeTag: HtmlTag[HTMLElement]

Represents a date and time value; the machine-readable equivalent can be represented in the datetime attribute

Represents a date and time value; the machine-readable equivalent can be represented in the datetime attribute

time @ MDN

Attributes

Inherited from:
HtmlTags
lazy val title: HtmlProp[String, String]

This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.

This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.

title @ MDN

Attributes

Inherited from:
HtmlProps
lazy val titleTag: HtmlTag[HTMLTitleElement]

Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.

Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.

Attributes

Inherited from:
HtmlTags
lazy val top: StyleProp[String] & Auto & Length[DSP, Int]

The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the top margin edge of the element and the top edge of its containing block.

For relatively positioned elements (those with position: relative), it specifies the amount the element is moved below its normal position.

When both top and bottom are specified, the element position is over-constrained and the top property has precedence: the computed value of bottom is set to -top, while its specified value is ignored.

top @ MDN

Attributes

Inherited from:
StyleProps
lazy val tpe: HtmlAttr[String]

Attributes

Inherited from:
HtmlAttrs
lazy val tr: HtmlTag[HTMLTableRowElement]

A single row in a table.

A single row in a table.

Attributes

Inherited from:
HtmlTags
lazy val trackTag: HtmlTag[HTMLTrackElement]

Allows authors to specify timed text track for media elements like video or audio

Allows authors to specify timed text track for media elements like video or audio

Attributes

Inherited from:
HtmlTags
lazy val transform: StyleProp[String]

The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.

The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.

If the property has a value different than none, a stacking context will be created. In that case the object will act as a containing block for position: fixed elements that it contains.

transform @ MDN

Attributes

Inherited from:
StyleProps
lazy val transformOrigin: StyleProp[String]

The transform-origin CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)

The transform-origin CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)

Not explicitly set values are reset to their corresponding values.

transform-origin @ MDN

Attributes

Inherited from:
StyleProps
lazy val transformStyle: StyleProp[String]

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

transform-style @ MDN

Attributes

Inherited from:
StyleProps
lazy val transition: StyleProp[String]

The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.

The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.

transition @ MDN

Attributes

Inherited from:
StyleProps
lazy val transitionDelay: StyleProp[String] & Time[DSP]

The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.

The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.

A value of 0s, or 0ms, indicates that the property will begin to animate its transition immediately when the value changes; positive values will delay the start of the transition effect for the corresponding number of seconds. Negative values cause the transition to begin immediately, but to cause the transition to seem to begin partway through the animation effect.

You may specify multiple delays; each delay will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer delays specified than in the master list, missing values are set to the initial value (0s). If there are more delays, the list is simply truncated to the right size. In both case the CSS declaration stays valid.

transition-delay @ MDN

Attributes

Inherited from:
StyleProps
lazy val transitionDuration: StyleProp[String] & Time[DSP]

The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

You may specify multiple durations; each duration will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer durations specified than in the master list, the user agent repeat the list of durations. If there are more durations, the list is simply truncated to the right size. In both case the CSS declaration stays valid.

transition-duration @ MDN

Attributes

Inherited from:
StyleProps
lazy val transitionProperty: StyleProp[String]

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.

transition-property @ MDN

Attributes

Inherited from:
StyleProps

The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.

The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.

transition-timing-function @ MDN

Attributes

Inherited from:
StyleProps
lazy val translate: HtmlProp[Boolean, Boolean]

Specifies whether the content of an element should be translated or not

Specifies whether the content of an element should be translated or not

translate @ MDN

Attributes

Inherited from:
HtmlProps
lazy val typ: HtmlAttr[String]

Attributes

Inherited from:
HtmlAttrs
lazy val u: HtmlTag[HTMLElement]

Underlined text.

Underlined text.

u @ MDN

Attributes

Inherited from:
HtmlTags
lazy val ul: HtmlTag[HTMLUListElement]

Defines an unordered list of items.

Defines an unordered list of items.

Attributes

Inherited from:
HtmlTags
lazy val unicodeBidi: StyleProp[String]

The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document. For example, if a block of text contains both left-to-right and right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text. This property overrides this algorithm and allows the developer to control the text embedding.

The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document. For example, if a block of text contains both left-to-right and right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text. This property overrides this algorithm and allows the developer to control the text embedding.

unicode-bidi @ MDN

Attributes

Inherited from:
StyleProps
lazy val unselectable: HtmlAttr[Boolean]

IE-specific property to prevent user selection

IE-specific property to prevent user selection

Attributes

Inherited from:
HtmlAttrs
lazy val value: HtmlProp[String, String]

Current value of the element. This is different from value attribute, which contains the initial value of the element. More info: https://stackoverflow.com/a/6004028/2601788

Current value of the element. This is different from value attribute, which contains the initial value of the element. More info: https://stackoverflow.com/a/6004028/2601788

See also: defaultValue prop / attribute

Attributes

Inherited from:
HtmlProps
lazy val varTag: HtmlTag[HTMLElement]

Represents a variable.

Represents a variable.

var @ MDN

Attributes

Inherited from:
HtmlTags
lazy val verticalAlign: StyleProp[String] & VerticalAlign

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box. It does not apply to block-level elements.

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box. It does not apply to block-level elements.

vertical-align @ MDN

Attributes

Inherited from:
StyleProps
lazy val videoTag: HtmlTag[HTMLVideoElement]

Represents a video, and its associated audio files and captions, with the necessary interface to play it.

Represents a video, and its associated audio files and captions, with the necessary interface to play it.

Attributes

Inherited from:
HtmlTags
lazy val visibility: StyleProp[String] & Visibility

The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>.

The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>.

visibility @ MDN

Attributes

Inherited from:
StyleProps
lazy val wbr: HtmlTag[HTMLElement]

Represents a line break opportunity, that is a suggested point for wrapping text in order to improve readability of text split on several lines.

Represents a line break opportunity, that is a suggested point for wrapping text in order to improve readability of text split on several lines.

wbr @ MDN

Attributes

Inherited from:
HtmlTags
lazy val whiteSpace: StyleProp[String] & WhiteSpace

The white-space CSS property is used to to describe how whitespace inside the element is handled.

The white-space CSS property is used to to describe how whitespace inside the element is handled.

white-space @ MDN

Attributes

Inherited from:
StyleProps
lazy val widows: StyleProp[Int]

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.

On a non-paged media, like screen, the widows CSS property has no effect.

Note: Firefox does not support this property.

widows @ MDN

Attributes

Inherited from:
StyleProps
lazy val width: StyleProp[String] & Auto & Length[DSP, Int]

The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.

The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.

The min-width and max-width properties override width.

width @ MDN

Attributes

Inherited from:
StyleProps
lazy val widthAttr: HtmlAttr[Int]

The width attribute specifies the pixel width of the following elements: <canvas>, <embed>, <iframe>, <img>, <input type="image">, <object>, <video>

The width attribute specifies the pixel width of the following elements: <canvas>, <embed>, <iframe>, <img>, <input type="image">, <object>, <video>

object#width @ MDN

Attributes

Inherited from:
HtmlAttrs
lazy val wordBreak: StyleProp[String] & WordBreak

The word-break CSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box.

The word-break CSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box.

word-break @ MDN

Attributes

Inherited from:
StyleProps
lazy val wordSpacing: StyleProp[String] & Normal

The word-spacing CSS property specifies spacing behavior between tags and words.

The word-spacing CSS property specifies spacing behavior between tags and words.

word-spacing @ MDN

Attributes

Inherited from:
StyleProps
lazy val wordWrap: StyleProp[String] & OverflowWrap

Attributes

Inherited from:
StyleProps
lazy val xmlns: HtmlProp[String, String]

Specifies XML namespace for the document

Specifies XML namespace for the document

Attributes

Inherited from:
HtmlProps
lazy val zIndex: StyleProp[Int] & Auto

The z-index CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.

The z-index CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.

z-index @ MDN

Attributes

Inherited from:
StyleProps

Implicits

Inherited implicits

implicit def componentOptionToInserter[Component](maybeComponent: Option[Component])(implicit renderableNode: RenderableNode[Component]): StaticChildrenInserter

Attributes

Inherited from:
LowPriorityImplicits
implicit def componentSeqToInserter[Collection[_], Component](components: Collection[Component])(implicit renderableSeq: RenderableSeq[Collection], renderableNode: RenderableNode[Component]): StaticChildrenInserter

Attributes

Inherited from:
LowPriorityImplicits
implicit def componentToInserter[Component : RenderableNode](component: Component): StaticChildInserter

Attributes

Inherited from:
LowPriorityImplicits
implicit def componentToNode[A](component: A)(implicit r: RenderableNode[A]): Base

Convert a custom component to Laminar DOM node

Convert a custom component to Laminar DOM node

Attributes

Inherited from:
Implicits
implicit def derivedStyleIntToDouble(style: DerivedStyleProp[Int]): DerivedStyleProp[Double]

Allow both Int-s and Double-s in numeric style props

Allow both Int-s and Double-s in numeric style props

Attributes

Inherited from:
Implicits
implicit def enrichSource[A](source: Source[A]): RichSource[A]

Add --> methods to Observables

Add --> methods to Observables

Attributes

Inherited from:
Implicits
implicit def eventPropToProcessor[Ev <: Event](eventProp: EventProp[Ev]): EventProcessor[Ev, Ev]

Add EventProcessor methods (mapToValue / filter / preventDefault / etc.) to event props (e.g. onClick)

Add EventProcessor methods (mapToValue / filter / preventDefault / etc.) to event props (e.g. onClick)

Attributes

Inherited from:
Implicits
implicit def nodeOptionToModifier(nodes: Option[Base]): Base

Attributes

Inherited from:
Implicits
implicit def nodeSeqToModifier[Collection[_]](nodes: Collection[Base])(implicit renderableSeq: RenderableSeq[Collection]): Base

Attributes

Inherited from:
Implicits
implicit def optionToModifier[A, El <: Base](maybeModifier: Option[A])(implicit asModifier: A => Modifier[El]): Modifier[El]

Create a modifier that applies an optional modifier, or does nothing if option is empty

Create a modifier that applies an optional modifier, or does nothing if option is empty

Attributes

Inherited from:
Implicits
implicit def optionToSetter[El <: Base](maybeSetter: Option[Setter[El]]): Setter[El]

Create a Setter that applies the optionally provided Setter, or else does nothing.

Create a Setter that applies the optionally provided Setter, or else does nothing.

Attributes

Inherited from:
Implicits
implicit def seqToModifier[A, Collection[_], El <: Base](modifiers: Collection[A])(implicit asModifier: A => Modifier[El], renderableSeq: RenderableSeq[Collection]): Modifier[El]

Create a modifier that applies each of the modifiers in a seq

Create a modifier that applies each of the modifiers in a seq

Attributes

Inherited from:
Implicits
implicit def seqToSetter[Collection[_], El <: Base](setters: Collection[Setter[El]])(implicit renderableSeq: RenderableSeq[Collection]): Setter[El]

Combine a js.Array of Setter-s into a single Setter that applies them all.

Combine a js.Array of Setter-s into a single Setter that applies them all.

Attributes

Inherited from:
Implicits
implicit def styleEncoderIntToDouble(encoder: StyleEncoder[Int]): StyleEncoder[Double]

Allow both Int-s and Double-s in numeric style props

Allow both Int-s and Double-s in numeric style props

Attributes

Inherited from:
Implicits
implicit def textToInserter[TextLike](value: TextLike)(implicit r: RenderableText[TextLike]): StaticInserter

Attributes

Inherited from:
LowPriorityImplicits
implicit def textToTextNode[A](value: A)(implicit r: RenderableText[A]): TextNode

Convert primitive renderable values (strings, numbers, booleans, etc.) to text nodes

Convert primitive renderable values (strings, numbers, booleans, etc.) to text nodes

Attributes

Inherited from:
Implicits