Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
Loader
Loader is a styled component use it as a placeholder while we wait the content to be loaded.
Loader Props
| Name | Use | Type | Definition |
| className | optional | string | Apply different styles for Loader. |
| error | optional | boolean | Display the error state of the Loader. |
| success | optional | boolean | Display the success state of the Loader. |
| title | optional | string | Gives the Title text if needed. |
| subtitle | optional | string | Gives the subtitle text if needed. |
| spinner | optional | boolean | Add badge to content-switcher component. |
| automatic | optional | boolean | Indicates if the content-switcher component has icons. |
Examples
Spinner Loader
Example of a Spinner Loader by adding spinner props.
Simple Loader
Simple loader example with automatic props added.
Loader with title
Example of a Loader with title by adding title props.
Loader title
Loader with title
Example of a Loader with subtitle by adding subtitle props.
Loader titleLoader subtitle
Circular Loader
Example of a Circular Loader with subtitle by adding subtitle, title and percentage props.
Loader titleLoader subtitle
Error Loader
Example of a Loader with error status by adding error props.
Loader titleLoader subtitle
Success Loader
Example of a Loader with success status by adding success props.
Loader titleLoader subtitle