Options
All
  • Public
  • Public/Protected
  • All
Menu

The LoadingIndicator component displays a simple CSS-based loading spinner.

To set a custom color, use the CSS color property.

To increase spacing around the spinner, use the CSS height property on the spinner's container. Setting the display attribute to block will set a height of 100px by default.

To apply a custom size to the loading indicator, set the --size and --thickness CSS custom properties on the loading indicator container.

If you really want to change how this looks as part of your custom theme, you can override the border-radius and border then set either a background image, or use content: "\<glyph>" (e.g. content: "\f1ce") and font-family: 'Font Awesome 5 Free' to set an FA icon if you'd rather.

Attrs

  • containerClassName Class name(s) to apply to the indicator's parent
  • className Class name(s) to apply to the indicator itself
  • display Determines how the spinner should be displayed (inline, block (default) or unset)
  • size Size of the loading indicator (small, medium or large)
  • containerAttrs Optional attrs to be applied to the container DOM element

All other attrs will be assigned as attributes on the DOM element.

Hierarchy

Index

Constructors

constructor

Properties

Protected attrs

The attributes passed into the component.

see

https://mithril.js.org/components.html#passing-data-to-components

Protected element

element: Element

The root DOM element for the component.

Protected state

state: undefined

Class component state that is persisted between redraws.

Updating this will not automatically trigger a redraw, unlike other frameworks.

This is different to Vnode state, which is always an instance of your class component.

This is undefined by default.

Methods

Protected $

  • Returns a jQuery object for this component's element. If you pass in a selector string, this method will return a jQuery object, using the current element as its buffer.

    For example, calling component.$('li') will return a jQuery object containing all of the li elements inside the DOM element of this component.

    final

    Parameters

    • Optional selector: string

    Returns JQuery<HTMLElement>

    the jQuery object for the DOM node

onbeforeremove

onbeforeupdate

oncreate

oninit

onremove

onupdate

view

  • view(): Element

Static component

  • component<SAttrs>(attrs?: SAttrs, children?: Children): Vnode<{}, {}>

Static Protected initAttrs

  • initAttrs<T>(attrs: T): void

Generated using TypeDoc version 0.22.10