HomeStarbucks Pattern Library

LoadingCoffeeCup

Notes

A loading animation intended to be used in place of content that is awaiting data before it can display

Props

  • titlestring*

    Content provided to title element of svg, provides a label for screenreaders

Example: Loading coffee cup animation

<LoadingCoffeeCup title="Please supply a title for proper accessibility" />

Example: Loading coffee cup animation in dark theme

<ThemeContext.Provider value={ themes.dark }>

  <div className="bg-houseGreen p5">

    <LoadingCoffeeCup title="Please supply a title for proper accessibility" />

  </div>

</ThemeContext.Provider>