Material Design Lite for Seaside
Version v2.4.0Fork me on GitHub            
AboutGetting startedComponentsWidgetsExtensions

Chips

Chips represent complex entities in small blocks, such as a contact.

Example Chip
Example Chip
Example Chip
Simple Chip
Deletable Chip
Deletable Ajax Chip
	html mdlChip: [ html mdlChipText: 'Example Chip' ]
	html mdlChip
		deleteCallback: [ 'Component deleted' crLog ];
		with: [ html mdlChipText: 'Example Chip' ]
	html mdlChip
		ajaxDeleteCallback: [ 'Component deleted' crLog ] successHook: 'alert("Deleted")'; "successHook is optional."
		with: [ html mdlChipText: 'Example Chip' ]
accessibilityExample Chip
Profile imageExample Chip
CExample Chip
CFExample Chip
Iconned Chip
Image Chip
Contact Chip
Contact with Color Chip
	html mdlChip
		deleteCallback: [ 'Component deleted' crLog ];
		with: [ 
			html mdlIcon
				chipIcon;
				with: #accessibility.
			html mdlChipText: 'Example Chip' ]
	html mdlChip
		deleteCallback: [ 'Component deleted' crLog ];
		with: [ 
			html mdlChipImage
				url: (MDLDemoLibrary urlOf: 'chipImageJpg');
				altText: 'Profile image'.
			html mdlChipText: 'Example Chip' ]
	html mdlChip
		deleteCallback: [ 'Component deleted' crLog ];
		with: [ 
			html mdlChipContact
				hexColor: '009587';
				with: 'C'.
			html mdlChipText: 'Example Chip' ]
	html mdlChip
		deleteCallback: [ 'Component deleted' crLog ];
		with: [ 
			html mdlChipContact
				color: (MDLColor tint: #red code: '200');
				with: 'CF'.
			html mdlChipText: 'Example Chip' ]