Demo - Material Design Lite for Seaside

Small status descriptors for UI elements.

account_box

Number

Icon

	html mdlIconBadge
		dataBadge: '1';
		overlap;
		with: 'account_box'

	html mdlIconBadge
		dataBadge: (Character codePoint: 9829) asString;
		overlap;
		with: 'account_box'

Inbox

Mood

Number

Icon

	html mdlBadge
		dataBadge: '4';
		with: 'Inbox'

	html mdlBadge
		dataBadge: (Character codePoint: 9829) asString;
		with: 'Mood'

Inbox

Overlaped

Not overlaped

	html mdlBadge
		dataBadge: '4';
		overlap;
		with: 'Inbox'

	html mdlBadge
		dataBadge: '4';
		with: 'Inbox'

account_box

Number with no background

Icon with no background

	html mdlIconBadge
		dataBadge: '1';
		overlap;
		noBackground;
		with: 'account_box'

	html mdlIconBadge
		dataBadge: (Character codePoint: 9829) asString;
		overlap;
		noBackground;
		with: 'account_box'