Layout and Controls

These guides discuss the specific controls and layout features available to Moonstone developers:

• Layout

  • Fittables - An Enyo kind for responsive design
  • Scrollers - A scrollable viewport
  • Lists - A kind for displaying lists of information
  • Data Lists - Lists, but with data.
  • Drawers - For making collapsing layout areas
  • Panels - The core Enyo layout mechanism

• Controls:

  • Buttons - Click them!
  • Checkboxes - Check them out
  • Headers - A kind for creating headers
  • List Items - Kinds for displaying items in a list
  • Media - Audio and video components
  • Pickers - Controls for choosing among different options
  • Popups - Controls that appear only when needed
  • Progress Indicators - Progres bars and sliders
  • Radio Items - A control that allows selecting only one item from a group
  • Text Fields - Controls for text display and input
  • Toggles - Controls that toggle between two states