package vdom
Simple vdom. There are two styles, one with list of attributes like many other scalajs react bindings. The preferred approach is using typed traits (subclasses of js.Objects) so that properties presence/absence can be checked.
- Alphabetic
- By Inheritance
- vdom
- HTMLTagsX
- Events
- AnyRef
- Any
- Hide All
- Show All
- Public
- Protected
Type Members
- type AbbrProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type AddressProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait AlignItems extends Any
- Annotations
- @JSType() @native()
- trait AllHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait AnchorHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type AnimationEventHandler[T <: EventTarget] = Function1[SyntheticAnimationEvent[T], Unit]
- Definition Classes
- Events
- trait AreaHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait AriaAttributes[+T <: EventTarget] extends Object
- Annotations
- @JSType()
- type ArticleProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type AsideProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- case class Attr(name: AttrName, value: AttrValue) extends Product with Serializable
Attribute name and value.
- case class AttrName(value: String) extends Product with Serializable
This definition won't stop you from assigning the wrong type of value to an attribute so be careful.
This definition won't stop you from assigning the wrong type of value to an attribute so be careful. You can use the specific symbol syntax to reduce the danger slightly. The methods on this class are a builder pattern to ultimately create a Attr object.
- case class AttrValue(value: Any) extends Product with Serializable
The rhs of an Attribute name value pair.
The rhs of an Attribute name value pair. value could be a js undefined value.
- trait AttributeListLowerOrderPriorityImplicits extends AnyRef
- trait AttributeListSyntax extends AttributeListLowerOrderPriorityImplicits
- trait Attributes extends Object
Add a key.
Add a key.
- Annotations
- @JSType()
- class Attrs extends AnyRef
List of attributes.
List of attributes. Call
.toJs
to obtain ajs.Object
. - trait AudioHTMLAttributes[+T <: EventTarget] extends Object with MediaHTMLAttributes[T]
- Annotations
- @JSType()
- type BProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait BaseHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait BaseSyntheticEvent[E, +C, +T] extends Object
- Annotations
- @JSType() @native()
- trait BlockQuoteHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type BlockQuoteProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait BoxSizing extends Any
- Annotations
- @JSType() @native()
- type BrProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ButtonHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait CanvasHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type CaptionProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type ChangeEventHandler[T <: EventTarget] = Function1[SyntheticChangeEvent[T], Unit]
- Definition Classes
- Events
- type CiteProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ClassAttributes[E] extends Object with Attributes
Add a ref callback.
Add a ref callback. ReactJSProps does not carry a type.
- Annotations
- @JSType()
- type ClipboardEventHandler[T <: EventTarget] = Function1[SyntheticClipboardEvent[T], Unit]
- Definition Classes
- Events
- type CodeProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ColHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait ColgroupHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type CompositionEventHandler[T <: EventTarget] = Function1[SyntheticCompositionEvent[T], Unit]
- Definition Classes
- Events
- trait DOMAttributes[+T <: EventTarget] extends Object
Mostly handlers for DOM nodes.
Mostly handlers for DOM nodes.
- Annotations
- @JSType()
- type DataProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait DelHTMLAtributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type DelProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type DetailsProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type DfnProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type DialogProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type DlProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type DragEventHandler[T <: EventTarget] = Function1[SyntheticDragEvent[T], Unit]
- Definition Classes
- Events
- type DtProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ElementAttributesOnly extends Object with HTMLAttributes[Element] with ClassAttributes[Element]
- Annotations
- @JSType()
- type EmProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait EmbedHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type EventHandler[T <: EventTarget, E <: SyntheticEvent[T]] = Function1[E, Unit]
- Definition Classes
- Events
- trait Events extends AnyRef
- trait FieldsetHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type FigcaptionProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type FigureProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type FocusEventHandler[T <: EventTarget] = Function1[SyntheticFocusEvent[T], Unit]
- Definition Classes
- Events
- trait FontFace extends Object with RawFontStyle
- Annotations
- @JSType()
- type FooterProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type FormEventHandler[T <: EventTarget] = Function1[SyntheticFormEvent[T], Unit]
- Definition Classes
- Events
- trait FormHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait HTMLAttributes[+T <: EventTarget] extends Object with AriaAttributes[T] with DOMAttributes[T]
- Annotations
- @JSType()
- trait HTMLProps[+T <: EventTarget] extends Object with AllHTMLAttributes[T] with ClassAttributes[T]
A props trait that takes all HTML props.
A props trait that takes all HTML props. Use wisely.
- Annotations
- @JSType()
- trait HTMLTagsX extends AnyRef
The HTML tags (elements/components) for standard DOM elements.
The HTML tags (elements/components) for standard DOM elements. Each tag is represented in lowercase while the props object is the uppercase tag name followed by Props. So the div tag has DivProps for the props type.
- trait AProps extends Object with AnchorHTMLAttributes[Anchor] with ClassAttributes[Anchor]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait AreaProps extends Object with AreaHTMLAttributes[Area] with ClassAttributes[Area]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait AudioProps extends Object with AudioHTMLAttributes[Audio] with ClassAttributes[Audio]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait BaseProps extends Object with BaseHTMLAttributes[Base] with ClassAttributes[Base]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait BodyProps extends Object with HTMLAttributes[Body] with ClassAttributes[Body]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ButtonProps extends Object with ButtonHTMLAttributes[Button] with ClassAttributes[Button]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait CanvasProps extends Object with CanvasHTMLAttributes[Canvas] with ClassAttributes[Canvas]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ColProps extends Object with ColHTMLAttributes[Element] with ClassAttributes[Element]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ColgroupProps extends Object with ColgroupHTMLAttributes[Element] with ClassAttributes[Element]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait DataListProps extends Object with HTMLAttributes[DataList] with ClassAttributes[DataList]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait DivProps extends Object with HTMLAttributes[Div] with ClassAttributes[Div]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait EmbedProps extends Object with EmbedHTMLAttributes[Embed] with ClassAttributes[Embed]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait FieldsetProps extends Object with FieldsetHTMLAttributes[FieldSet] with ClassAttributes[FieldSet]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait FormProps extends Object with FormHTMLAttributes[Form] with ClassAttributes[Form]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait HProps extends Object with HTMLAttributes[Heading]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait HeadProps extends Object with HTMLAttributes[Head] with ClassAttributes[Head]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait HrProps extends Object with HTMLAttributes[HR] with ClassAttributes[HR]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait HtmlProps extends Object with HtmlHTMLAttributes[Html] with ClassAttributes[Html]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait IframeProps extends Object with IframeHTMLAttributes[IFrame] with ClassAttributes[IFrame]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ImgProps extends Object with ImgHTMLAttributes[Image] with ClassAttributes[Image]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait InputProps extends Object with InputHTMLAttributes[Input] with ClassAttributes[Input]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait InsProps extends Object with InsHTMLAttributes[Mod] with ClassAttributes[Mod]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait LabelProps extends Object with LabelHTMLAttributes[Label] with ClassAttributes[Label]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait LegendProps extends Object with HTMLAttributes[Legend] with ClassAttributes[Legend]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait LiProps extends Object with LiHTMLAttributes[LI] with ClassAttributes[LI]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait LinkProps extends Object with LinkHTMLAttributes[Link] with ClassAttributes[Link]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait MapProps extends Object with MapHTMLAttributes[Map] with ClassAttributes[Map]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait MenuProps extends Object with MenuHTMLAttributes[Menu] with ClassAttributes[Menu]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait MenuitemProps extends Object with HTMLAttributes[Element] with ClassAttributes[Element]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait MetaProps extends Object with MetaHTMLAttributes[Meta] with ClassAttributes[Meta]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ObjectProps extends Object with ObjectHTMLAttributes[Object] with ClassAttributes[Object]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait OlProps extends Object with OlHTMLAttributes[Element] with ClassAttributes[Element]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait OptgroupProps extends Object with OptgroupHTMLAttributes[OptGroup] with ClassAttributes[OptGroup]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait OptionProps extends Object with OptionHTMLAttributes[Option] with ClassAttributes[Option]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait PProps extends Object with HTMLAttributes[Paragraph] with ClassAttributes[Paragraph]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ParamProps extends Object with ParamHTMLAttributes[Param] with ClassAttributes[Param]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ProgressProps extends Object with ProgressHTMLAttributes[Progress] with ClassAttributes[Progress]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait QProps extends Object with QuoteHTMLAttributes[Quote] with ClassAttributes[Quote]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ScriptProps extends Object with ScriptHTMLAttributes[Script] with ClassAttributes[Script]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait SelectProps extends Object with SelectHTMLAttributes[Select] with ClassAttributes[Select]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait SourceProps extends Object with SourceHTMLAttributes[Source] with ClassAttributes[Source]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait SpanProps extends Object with HTMLAttributes[Span] with ClassAttributes[Span]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait StyleProps extends Object with StyleHTMLAttributes[Style] with ClassAttributes[Style]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TableProps extends Object with TableHTMLAttributes[Table] with ClassAttributes[Table]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TbodyProps extends Object with HTMLAttributes[TableSection] with ClassAttributes[TableSection]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TdProps extends Object with HTMLAttributes[TableCell] with ClassAttributes[TableCell]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TextareaProps extends Object with TextAreaHTMLAttributes[TextArea] with ClassAttributes[TextArea]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TfootProps extends Object with HTMLAttributes[TableSection] with ClassAttributes[TableSection]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait ThProps extends Object with ThHTMLAttributes[TableCell] with ClassAttributes[TableCell]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TheadProps extends Object with HTMLAttributes[TableSection] with ClassAttributes[TableSection]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TimeProps extends Object with TimeHTMLAttributes[Element] with ClassAttributes[Element]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TitleProps extends Object with HTMLAttributes[Title] with ClassAttributes[Title]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TrProps extends Object with HTMLAttributes[TableRow] with ClassAttributes[TableRow]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait TrackProps extends Object with TrackHTMLAttributes[Track] with ClassAttributes[Track]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait UlProps extends Object with HTMLAttributes[UList] with ClassAttributes[UList]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- trait VideoProps extends Object with VideoHTMLAttributes[Video] with ClassAttributes[Video]
- Definition Classes
- HTMLTagsX
- Annotations
- @JSType()
- type HeaderProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type HgroupProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait HtmlAttrs extends AnyRef
Incomplete attribute list.
Incomplete attribute list. Define your own if you need to.
- trait HtmlHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait HtmlTags extends AnyRef
Inherit from this trait to bring HTML tags into scope.
- type IProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait IframeHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait ImgHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait InputHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait InsHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait JustifyContent extends Any
No safe/unsafe.
No safe/unsafe.
- Annotations
- @JSType() @native()
- type KbdProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type KeyboardEventHandler[T <: EventTarget] = Function1[SyntheticKeyboardEvent[T], Unit]
- Definition Classes
- Events
- type KeygenProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait LabelHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait LiHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait LinkHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type MainProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait MapHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type MarkProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait MediaHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait MenuHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait MetaHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait MeterHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type MeterProps = ElementAttributesOnly
not on IE or safari.
not on IE or safari.
- Definition Classes
- HTMLTagsX
- type MouseEventHandler[T <: EventTarget] = Function1[SyntheticMouseEvent[T], Unit]
- Definition Classes
- Events
- type NavProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type NoscriptProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ObjectHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait OlHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait OptgroupHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait OptionHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait OutputHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type OutputProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ParamHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type PictureProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type PointerEventHandler[T <: EventTarget] = Function1[SyntheticPointerEvent[T], Unit]
- Definition Classes
- Events
- type PreProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ProgressHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait QuoteHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait RawFontStyle extends Object
- Annotations
- @JSType()
- trait RawStyleBase extends Object with RawFontStyle
Use to create a mildly useful style object.
Use to create a mildly useful style object. It won't typecheck the values themselves but it will check the field themselves to ensure they are valid.
- Annotations
- @JSType()
- type ReactAnimationEvent[+T <: EventTarget] = SyntheticAnimationEvent[T]
- Definition Classes
- Events
- type ReactChangeEvent[+T <: EventTarget] = SyntheticChangeEvent[T]
- Definition Classes
- Events
- type ReactClipboardEvent[+T <: EventTarget] = SyntheticClipboardEvent[T]
- Definition Classes
- Events
- type ReactEvent[+T <: EventTarget] = SyntheticEvent[T]
Friendly name alias for SyntheticEvent
Friendly name alias for SyntheticEvent
- Definition Classes
- Events
- type ReactEventHandler[T <: EventTarget] = Function1[SyntheticEvent[T], Unit]
General event handler parameterized on the receiver.
General event handler parameterized on the receiver.
- Definition Classes
- Events
- type ReactEventI = SyntheticEvent[Input]
- Definition Classes
- Events
- type ReactFocusEvent[+T <: EventTarget] = SyntheticFocusEvent[T]
- Definition Classes
- Events
- type ReactFormEvent[+T <: EventTarget] = SyntheticFormEvent[T]
- Definition Classes
- Events
- type ReactKeyboardEvent[+T <: EventTarget] = SyntheticKeyboardEvent[T]
- Definition Classes
- Events
- type ReactKeyboardEventI = SyntheticKeyboardEvent[Input]
- Definition Classes
- Events
- type ReactMouseEvent[+T <: EventTarget] = SyntheticMouseEvent[T]
- Definition Classes
- Events
- type ReactMouseEventI = SyntheticMouseEvent[Input]
- Definition Classes
- Events
- type ReactPointerEvent[+T <: EventTarget] = SyntheticPointerEvent[T]
- Definition Classes
- Events
- type ReactTouchEvent[+T <: EventTarget] = SyntheticTouchEvent[T]
- Definition Classes
- Events
- type ReactWheelEvent[+T <: EventTarget] = SyntheticWheelEvent[T]
- Definition Classes
- Events
- type SProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type SampProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait ScriptHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type SectionProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait SelectHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait SetInnerHTML extends Object
Used to set the inner HTML dangerously.
Used to set the inner HTML dangerously.
- Annotations
- @JSType()
- type SmallProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait SourceHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type StrongProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait StyleAttr extends Object with RawStyleBase
A style trait that can provide some protection that the values you provide *are* valid styling keywords e.g.
A style trait that can provide some protection that the values you provide *are* valid styling keywords e.g. backgroundColor. Use this like
new StyleAttr{ backgroundColor = "red" }
.- Annotations
- @JSType()
- trait StyleHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type SubProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type SummaryProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- type SupProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait SyntheticAnimationEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticChangeEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticClipboardEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticCompositionEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticDragEvent[+T <: EventTarget] extends Object with SyntheticMouseEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticEvent[+DOMEventTarget <: EventTarget] extends Object with BaseSyntheticEvent[Event, DOMEventTarget, DOMEventTarget]
- Annotations
- @JSType() @native()
- trait SyntheticFocusEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticFormEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticInvalidEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticKeyboardEvent[+DOMEventTarget <: EventTarget] extends Object with SyntheticUIEvent[DOMEventTarget]
- Annotations
- @JSType() @native()
- trait SyntheticMouseEvent[+DOMEventTarget <: EventTarget] extends Object with SyntheticUIEvent[DOMEventTarget]
- Annotations
- @JSType() @native()
- trait SyntheticPointerEvent[+T <: EventTarget] extends Object with SyntheticMouseEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticTouchEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticTransitionEvent[+T <: EventTarget] extends Object with SyntheticEvent[T]
- Annotations
- @JSType() @native()
- trait SyntheticUIEvent[+DOMEventTarget <: EventTarget] extends Object with SyntheticEvent[DOMEventTarget]
- Annotations
- @JSType() @native()
- trait SyntheticWheelEvent[+T <: EventTarget] extends Object with SyntheticMouseEvent[T]
- Annotations
- @JSType() @native()
- trait TableHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- class TagT[P <: Object] extends AnyRef
Create a tag that takes type non-native JS traits.
Create a tag that takes type non-native JS traits. This is a "factory" for the standard html tags, which are typically lowercase.
- trait TdHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait TextAreaHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait ThHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- trait TimeHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type TouchEventHandler[T <: EventTarget] = Function1[SyntheticTouchEvent[T], Unit]
- Definition Classes
- Events
- trait TrackHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
- Annotations
- @JSType()
- type TransitionEventHandler[T <: EventTarget] = Function1[SyntheticTransitionEvent[T], Unit]
- Definition Classes
- Events
- type UIEventHandler[T <: EventTarget] = Function1[SyntheticUIEvent[T], Unit]
- Definition Classes
- Events
- type UProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait VideoHTMLAttributes[+T <: EventTarget] extends Object with MediaHTMLAttributes[T]
- Annotations
- @JSType()
- type WbrProps = ElementAttributesOnly
- Definition Classes
- HTMLTagsX
- trait WebViewHTMLAttributes[+T <: EventTarget] extends Object with HTMLAttributes[T]
Electron support.
Electron support.
- Annotations
- @JSType()
- type WebviewProps = WebViewHTMLAttributes[Element]
- Definition Classes
- HTMLTagsX
- type WheelEventHandler[T <: EventTarget] = Function1[SyntheticWheelEvent[T], Unit]
- Definition Classes
- Events
Deprecated Type Members
Value Members
- final lazy val a: TagT[AProps]
- Definition Classes
- HTMLTagsX
- final lazy val abbr: TagT[AbbrProps]
- Definition Classes
- HTMLTagsX
- final lazy val address: TagT[AddressProps]
- Definition Classes
- HTMLTagsX
- final lazy val area: TagT[AreaProps]
- Definition Classes
- HTMLTagsX
- final lazy val article: TagT[ArticleProps]
- Definition Classes
- HTMLTagsX
- final lazy val aside: TagT[AsideProps]
- Definition Classes
- HTMLTagsX
- def asideWithClass(cn: String)(children: ReactNode*): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val audio: TagT[AudioProps]
- Definition Classes
- HTMLTagsX
- final lazy val b: TagT[BProps]
- Definition Classes
- HTMLTagsX
- final lazy val base: TagT[BaseProps]
- Definition Classes
- HTMLTagsX
- final lazy val blockquote: TagT[BlockQuoteProps]
- Definition Classes
- HTMLTagsX
- final lazy val body: TagT[BodyProps]
- Definition Classes
- HTMLTagsX
- final lazy val br: TagT[BrProps]
- Definition Classes
- HTMLTagsX
- final lazy val button: TagT[ButtonProps]
- Definition Classes
- HTMLTagsX
- final lazy val canvas: TagT[CanvasProps]
- Definition Classes
- HTMLTagsX
- final lazy val caption: TagT[CaptionProps]
- Definition Classes
- HTMLTagsX
- final lazy val cite: TagT[CiteProps]
- Definition Classes
- HTMLTagsX
- final lazy val code: TagT[CodeProps]
- Definition Classes
- HTMLTagsX
- final lazy val col: TagT[ColProps]
- Definition Classes
- HTMLTagsX
- final lazy val colgroup: TagT[ColgroupProps]
- Definition Classes
- HTMLTagsX
- final lazy val data: TagT[DataProps]
- Definition Classes
- HTMLTagsX
- final lazy val datalist: TagT[DataListProps]
- Definition Classes
- HTMLTagsX
- final lazy val del: TagT[DelProps]
- Definition Classes
- HTMLTagsX
- final lazy val details: TagT[DetailsProps]
- Definition Classes
- HTMLTagsX
- final lazy val dfn: TagT[DfnProps]
- Definition Classes
- HTMLTagsX
- final lazy val dialog: TagT[DialogProps]
- Definition Classes
- HTMLTagsX
- final lazy val div: TagT[DivProps]
- Definition Classes
- HTMLTagsX
- def divWithClass(cn: UndefOr[String], children: ReactNode*): ReactDOMElement
- Definition Classes
- HTMLTagsX
- def divWithClassname(cn: UndefOr[String], children: ReactNode*): ReactDOMElement
A common scenario to wrap a div just to add the classname.
A common scenario to wrap a div just to add the classname.
- Definition Classes
- HTMLTagsX
- def divWithKeyAndClass(key: String, cn: UndefOr[String], children: ReactNode*): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val dl: TagT[DlProps]
- Definition Classes
- HTMLTagsX
- final lazy val dt: TagT[DtProps]
- Definition Classes
- HTMLTagsX
- final lazy val em: TagT[EmProps]
- Definition Classes
- HTMLTagsX
- final lazy val embed: TagT[EmbedProps]
- Definition Classes
- HTMLTagsX
- final lazy val fieldset: TagT[FieldsetProps]
- Definition Classes
- HTMLTagsX
- final lazy val figcaption: TagT[FigcaptionProps]
- Definition Classes
- HTMLTagsX
- final lazy val figure: TagT[FigureProps]
- Definition Classes
- HTMLTagsX
- final lazy val footer: TagT[FooterProps]
- Definition Classes
- HTMLTagsX
- final lazy val form: TagT[FormProps]
- Definition Classes
- HTMLTagsX
- def h1(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val h1: TagT[HProps]
- Definition Classes
- HTMLTagsX
- def h2(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val h2: TagT[HProps]
- Definition Classes
- HTMLTagsX
- def h3(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val h3: TagT[HProps]
- Definition Classes
- HTMLTagsX
- def h4(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val h4: TagT[HProps]
- Definition Classes
- HTMLTagsX
- def h5(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val h5: TagT[HProps]
- Definition Classes
- HTMLTagsX
- def h6(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val h6: TagT[HProps]
- Definition Classes
- HTMLTagsX
- final lazy val head: TagT[HeadProps]
- Definition Classes
- HTMLTagsX
- final lazy val header: TagT[HeaderProps]
- Definition Classes
- HTMLTagsX
- final lazy val hgroup: TagT[HgroupProps]
- Definition Classes
- HTMLTagsX
- final lazy val hr: TagT[HrProps]
- Definition Classes
- HTMLTagsX
- final lazy val html: TagT[HtmlProps]
- Definition Classes
- HTMLTagsX
- def i(text: String): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val i: TagT[IProps]
- Definition Classes
- HTMLTagsX
- final lazy val iframe: TagT[IframeProps]
- Definition Classes
- HTMLTagsX
- final lazy val img: TagT[ImgProps]
- Definition Classes
- HTMLTagsX
- final lazy val ins: TagT[InsProps]
- Definition Classes
- HTMLTagsX
- final lazy val kbd: TagT[KbdProps]
- Definition Classes
- HTMLTagsX
- final lazy val keygen: TagT[KeygenProps]
- Definition Classes
- HTMLTagsX
- final lazy val label: TagT[LabelProps]
- Definition Classes
- HTMLTagsX
- final lazy val legend: TagT[LegendProps]
- Definition Classes
- HTMLTagsX
- final lazy val li: TagT[LiProps]
- Definition Classes
- HTMLTagsX
- final lazy val link: TagT[LinkProps]
- Definition Classes
- HTMLTagsX
- final lazy val main: TagT[MainProps]
- Definition Classes
- HTMLTagsX
- def mainWith(cn: String, children: ReactNode*): ReactDOMElement
Common scenario to have a main method with no attributes.
Common scenario to have a main method with no attributes.
- Definition Classes
- HTMLTagsX
- final lazy val map: TagT[MapProps]
- Definition Classes
- HTMLTagsX
- final lazy val mark: TagT[MarkProps]
- Definition Classes
- HTMLTagsX
- final lazy val menu: TagT[MenuProps]
- Definition Classes
- HTMLTagsX
- final lazy val menuitem: TagT[MenuitemProps]
- Definition Classes
- HTMLTagsX
- final lazy val meta: TagT[MetaProps]
- Definition Classes
- HTMLTagsX
- final lazy val meter: TagT[MeterProps]
- Definition Classes
- HTMLTagsX
- final lazy val nav: TagT[NavProps]
- Definition Classes
- HTMLTagsX
- final lazy val noscript: TagT[NoscriptProps]
- Definition Classes
- HTMLTagsX
- final lazy val object: TagT[ObjectProps]
- Definition Classes
- HTMLTagsX
- final lazy val ol: TagT[OlProps]
- Definition Classes
- HTMLTagsX
- final lazy val optgroup: TagT[OptgroupProps]
- Definition Classes
- HTMLTagsX
- final lazy val option: TagT[OptionProps]
- Definition Classes
- HTMLTagsX
- final lazy val output: TagT[OutputProps]
- Definition Classes
- HTMLTagsX
- def p(text: String): ReactDOMElement
Convenience: Create
p
from text.Convenience: Create
p
from text.- Definition Classes
- HTMLTagsX
- final lazy val p: TagT[PProps]
- Definition Classes
- HTMLTagsX
- final lazy val param: TagT[ParamProps]
- Definition Classes
- HTMLTagsX
- final lazy val picture: TagT[PictureProps]
- Definition Classes
- HTMLTagsX
- final lazy val pre: TagT[PreProps]
- Definition Classes
- HTMLTagsX
- final lazy val progress: TagT[ProgressProps]
- Definition Classes
- HTMLTagsX
- final lazy val q: TagT[QProps]
- Definition Classes
- HTMLTagsX
- final lazy val s: TagT[SProps]
- Definition Classes
- HTMLTagsX
- final lazy val samp: TagT[SampProps]
- Definition Classes
- HTMLTagsX
- final lazy val scripf: TagT[ScriptProps]
- Definition Classes
- HTMLTagsX
- final lazy val section: TagT[SectionProps]
- Definition Classes
- HTMLTagsX
- final lazy val select: TagT[SelectProps]
- Definition Classes
- HTMLTagsX
- final lazy val small: TagT[SmallProps]
- Definition Classes
- HTMLTagsX
- final lazy val source: TagT[SourceProps]
- Definition Classes
- HTMLTagsX
- final lazy val span: TagT[SpanProps]
- Definition Classes
- HTMLTagsX
- def spanWithClassname(cn: UndefOr[String], children: ReactNode*): ReactDOMElement
- Definition Classes
- HTMLTagsX
- final lazy val strong: TagT[StrongProps]
- Definition Classes
- HTMLTagsX
- final lazy val style: TagT[StyleProps]
- Definition Classes
- HTMLTagsX
- final lazy val sub: TagT[SubProps]
- Definition Classes
- HTMLTagsX
- final lazy val summary: TagT[SummaryProps]
- Definition Classes
- HTMLTagsX
- final lazy val sup: TagT[SubProps]
- Definition Classes
- HTMLTagsX
- final lazy val table: TagT[TableProps]
- Definition Classes
- HTMLTagsX
- def tag(name: String): Tag
Create tag that uses the "list" property syntax.
Create tag that uses the "list" property syntax.
- Annotations
- @inline()
- def tagt[P <: Object](name: String): TagT[P]
Create a tag that takes a typed
js.Object
for props.Create a tag that takes a typed
js.Object
for props.- Annotations
- @inline()
- final lazy val tbody: TagT[TbodyProps]
- Definition Classes
- HTMLTagsX
- final lazy val td: TagT[TdProps]
- Definition Classes
- HTMLTagsX
- final lazy val textarea: TagT[TextareaProps]
- Definition Classes
- HTMLTagsX
- final lazy val tfoot: TagT[TfootProps]
- Definition Classes
- HTMLTagsX
- final lazy val th: TagT[ThProps]
- Definition Classes
- HTMLTagsX
- final lazy val thead: TagT[TheadProps]
- Definition Classes
- HTMLTagsX
- final lazy val time: TagT[TimeProps]
- Definition Classes
- HTMLTagsX
- final lazy val title: TagT[TitleProps]
- Definition Classes
- HTMLTagsX
- final lazy val tr: TagT[TrProps]
- Definition Classes
- HTMLTagsX
- final lazy val track: TagT[TrackProps]
- Definition Classes
- HTMLTagsX
- final lazy val u: TagT[UProps]
- Definition Classes
- HTMLTagsX
- final lazy val ul: TagT[UlProps]
- Definition Classes
- HTMLTagsX
- final lazy val video: TagT[VideoProps]
- Definition Classes
- HTMLTagsX
- final lazy val wbr: TagT[WbrProps]
- Definition Classes
- HTMLTagsX
- final lazy val webview: TagT[WebviewProps]
- Definition Classes
- HTMLTagsX
- object AlignItems
- object Attrs
Instead of using the methods on this object directly, import
attrlist
and useStyle
orAttribute
which has more semantic meeting. - object BoxSizing
- object input extends TagT[InputProps]
Can use either input(props)(children) or input.checkbox(props)(children).
Can use either input(props)(children) or input.checkbox(props)(children).
- Definition Classes
- HTMLTagsX
- object JustifyContent
- object attrlist extends AttributeListSyntax
Import this to use the list-style attribute syntax.
Import this to use the list-style attribute syntax. Create an attribtute list using
Attrs
or after importing the contents of this object, if they are styles,Style(<attribute list>)
and convert it to ajs.Object
using.toJs()
. You can then use the js.Object when creating elements by merging that value into trait structures that represent only allowed attributes for a specific tag. - object styling