Shows basic status. Designed as a service badge.
Statuses:
pending
ok
fail
(or failed
)na
(not available)Example:
var badge = StatusBadge({
target: document.getElementById('myElement'),
props: {
text: 'some service',
status: 'pending'
}
});
// after some time...
badge.$set({status: 'ok'}); // or 'pending', 'ok', 'fail', 'na'