Shared UI Demos

This is the demo page for tm360 Shared-UI components.

Javascript unit tests are available for utility methods and Widgets (uses RequireJS).

Snap Width

This page has 2-width snapping enabled. The content width will be set to 944px or 1252px depending on the total available width of the browser window.

See more snap-width samples

Primary Text Styles

30px Museo Sans 500 <h1> with link style

24px Museo Sans 500 <h2> with link style

14px Arial Regular <p> with link style

See more Text Style samples

Search and Filter

See more Search and Filter samples

Text Input Fields

Input Label

Disabled Input

Textarea Label

Input Error

Error help text

See more Text Input Field samples

Buttons

See more buttons

Checkbox and Radio button

Checkbox Checked checkbox Disabled checkbox Disabled checked checkbox

Radio Selected radio Disabled radio Disabled selected radio

See more checkboxes and radiobuttons ...

Dropdown menu

See more dropdown menus ...

Dropdown list

(Icon Tooltip)

System Tooltip

See more tooltips

Tabbed Container

Container for Tab One

Container for Tab Two

Container for Tab Three

Container for Tab Four

Container for Tab Five

See more tabbed container

Back to Top

Scroll down...

bottom

See more Back-to-Top buttons