Badge

misc

Example Badge
HTML code 
<span class="badge">Badge</span>
Type atom
Group misc
More examples Text

PHP

Wrapper to use element through PHP

Extends eUiElement
Render html
Create arguments title, style, icon
Code example

Parameters as arguments

$this->get('ui', 'badge', 'Title', 'green', 'bolt');

Parameters as array

$this->get('ui', 'badge', Array(
  'title' => 'Title',
  'icon'  => 'bolt',
  'color' => 'green'
));

All parameters

$this->get('ui', 'badge', Array(
  'title'   => 'Title',
  'icon'    => 'bolt',
  'color'   => 'green',
  'size'    => 'small',
  'shape'   => 'radius',
  'tooltip' => 'Click me',
  'onclick' => 'functionToRun()',
  'link'    => 'link/route?param=name'
));

Javascript

Wrapper to use element through Javascript

Code example

Just title

var $Badge = cms.get('ui', 'badge', 'Title text');

Parameters

var $Badge = cms.get('ui', 'badge', {
  icon:    'bolt',
  title:   'Title',
  tooltip: 'Tooltip text',
  color:   'green',
  size:    'large',
  shape:   'round',
  link:    'table/customer/addnew',
  onclick: function(){}
})

Styles

Elements Css style

jumbo Jumbo
large Large
normal Normal
small Small
mini Mini
round Round
radius Radius
sharp Sharp
violet Violet
purple Purple
indigo Indigo
blue Blue
azure Azure
cyan Cyan
teal Teal
darkgreen Darkgreen
green Green
lime Lime
yellow Yellow
amber Amber
orange Orange
darkorange Darkorange
red Red
pink Pink
brown Brown
white White
lightgray Lightgray
gray Gray
darkgray Darkgray
black Black
success Success
warning Warning
danger Danger
error Error
info Info
muted Muted
selected Selected
save Save
delete Delete
load Load
cancel Cancel