Skip to content

Instantly share code, notes, and snippets.

@oscarotero
Last active January 9, 2019 10:10
Show Gist options
  • Save oscarotero/d4793279dd593d9d9b37da5601bbcb6b to your computer and use it in GitHub Desktop.
Save oscarotero/d4793279dd593d9d9b37da5601bbcb6b to your computer and use it in GitHub Desktop.
States

List of states to take into consideration

Network

  • Online
    • Loading content
    • Content loaded (default)
    • Flaky network
    • Content failing to load
  • Offline
    • Displaying cached content
    • No content available
    • Trying to connect
      • Error connecting

Data

  • Empty
    • There's no data (default)
    • Loading data
      • Error loading data
  • Filled
    • Data loaded (default)
    • Obsolete data (need to refresh)
      • Refreshing data
      • Error refreshing data

Buttons

  • Default
  • Hover
  • Focus
  • Disabled
    • Hover
  • Active
  • Pressed (and released)
    • Success
    • Error

Input

  • Empty
    • Hover
    • Focus
    • Disabled
      • Hover
    • Error (data is required)
  • Filled
    • Hover
    • Focus
    • Disabled
      • Hover
    • Error (data is not valid)

Checkbox / switch

  • On
    • Hover
    • Focus
    • Disabled
      • Hover
    • Error (must be off)
  • Off
    • Hover
    • Focus
    • Disabled
      • Hover
    • Error (must be on)

Slider

  • Default
  • Hover
  • Focus
  • Disabled
    • Hover
  • Error
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment