Components
Audio Controls to play an audio file. Button Clickable control that triggers some event (besides navigation, which is handled by Link). Checkbox Yes/no input in a list of options where a user may select none, all, or some of the options. Or if a user needs to agree to something. Code Show a block of code for any programming language. Combobox Multiple text input where a user is required to provide one or more entries. Optionally may provide autocompletion. Datepicker Calendar component where a user may select one date, or a range of dates. Details Expandable/collapsable component where a user may choose to hide or show more information. Dialog Interruptive component that forces a user to make a decision before continuing. Fieldset A group of related form fields. Provides layout options. Knob Analog input that can be rotated. Input Text input. Requires the user to type something. If autocomplete is desired, use Combobox instead. Link Navigation element used to change the page or link to a section within a page. Popover Floating panel that emanates from an action. Radio Yes/no input in a list of options where one—and only one—choice selected. Used if the list of options is generally five or fewer (beyond which a Select is recommended). Radio Bar Compact, horizontal grouping of mini radio buttons. Should be used for tiny view controls where space is limited, not user form input. Select Input where a user must select from a list of options. Usually used when there is a huge list of options (otherwise a Radio would suffice). Slider Analog input that can be slid on a single axis. Slideshow Image display where a user may select from a list of images, and zoom in on the selected image to see more detail. Switch Yes/no input where the value is associated with “on”/“off”. Tabs Swap one box of content for another using a horizontal menu Video Controls to play a video file. X/Y Draggable component tied to a (-1, -1):(1, 1) cartesian grid.