Neatly Punctuated Musings

    @govuk-react/loading-box
    TypeScript icon, indicating that this package has built-in type declarations

    0.10.5 • Public • Published

    LoadingBox

    Import

      import LoadingBox from '@govuk-react/loading-box';

    Use a LoadingBox to wrap components that can asyncronously load content.

    When loading is set to true, a spinner will overlay the contents to give visual feedback to the user.

    Properties

    Prop Required Default Type Description
    backgroundColor undefined string Background color (3 or 6 Hex char) of loading spinner overlay when loading is true.
    backgroundColorOpacity undefined number Opacity of loading spinner backgroud colour when loading is true
    children ReactNode One or more children nodes that loading box will overlay
    loading undefined boolean Whether loading is currently set to true or false
    spinnerColor undefined string Color (3 or 6 Hex char) of loading spinner
    timeIn undefined number Length of fade-in animation in milliseconds
    timeOut undefined number Length of fade-out animation in milliseconds
    title undefined string Loading spinner title text

    Keywords

    none

    Install

    npm i @govuk-react/loading-box

    DownloadsWeekly Downloads

    2,998

    Version

    0.10.5

    License

    MIT

    Unpacked Size

    35.4 kB

    Total Files

    11

    Last publish

    Collaborators

    • loque-
    • steve_sims
    • petelockey
    • penx
    • marksy