Top
LoadMask - Styling & Theming
LoadMask
To style and customize the appearance of <LoadMask />, you can use one of the following strategies:
  • Specify a style prop with the desired values.
  • Specify a LoadMask className - note that this will not override the default class of zippy-react-toolkit-load-mask, but rather will be appended to the classes the component already has.
Below you can find a list with all the CSS classes that can be applied to <LoadMask />.
ClassNameDescription
zippy-react-toolkit-load-mask
This is the block className for any <LoadMask /> and it is always applied.
zippy-react-toolkit-load-mask--visible
Applied with the value of the visible prop.
zippy-react-toolkit-load-mask__background-layer
Applied to the background layer.
zippy-react-toolkit-load-mask--loader
Applied to the loading spinner.
zippy-react-toolkit-load-mask__loader-loadbar
Applied to each line of the spinner.
zippy-react-toolkit-load-mask__loader-loadbar--[INDEX]
Applied to a specific line of the spinner.