Styleguide

Basic content layout

Basic content layout with footer (buttons)

Buttons

Inputs

Text box Admin style

Text box

File input

Select

jf-ui-select

by function by attribute string array

Checkboxes

Switch (radio buttons)

ctrl.switchedValue == {{ctrl.switchedValue}}

Switch with objects (text & value)

ctrl.switchedObjectValue == {{ctrl.switchedObjectValue}}

Panels

Tooltips

Tooltip button text Tooltip button html Tooltip attribute

Standard Grid

jfClipCopy

Click the button to copy the text 'This text was copied':

jfCodeMirror

Modals

Confirm

Launch code modal

Artifactory

This font was created withFontastic

CSS mapping

Character mapping