Skip to content

ktagjp/slate-config-example

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

slate-config-example

Example app demonstrating the use of the Slate front-end framework to create a good-looking app configuration page.

The page is styled with the Slate library, with classes selected for <div> elements, including many control types such as:

  • Text fields
  • Buttons
  • Color pickers
  • Tab bars
  • Toggles
  • Checkboxes
  • Radio buttons
  • Date and time pickers
  • Sliders
  • Draggable lists

The example implemented here uses two of these components to implement color options into a Pebble app. Using the config page it is possible to choose a background color (with foreground color automatically determined for visibility), or a high-contrast mode that overrides the colors chosen to promote readability.

screenshot2

The result of hitting 'Submit' in the config page when the app is installed results in the following app look and feel:

screensho1

About

Example app demonstrating the use of the Slate CSS library.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 50.7%
  • C 19.1%
  • HTML 18.8%
  • JavaScript 5.7%
  • Python 5.7%