Selector

+selector('bar', 'Closed Selector')
	+selector-option('bar', 'a')
		| First item
	+selector-option('bar', 'b')
		| Second item
br
+selector('foo', 'Active Selector').is-active
	+selector-option('foo', 'a')
		| First item
	+selector-option('foo', 'b')
		| Second item
	+selector-option('foo', 'c', 'c')
		| Third item
	+selector-option('foo', 'd')
		| Fourth item
	+selector-option('foo', 'e')
		| Fifth item

+selector('bar', 'Selector with icon').is-active
	+selector-option('bar', 'a')
		+icon('lg', 'add')
		+sprite('web', 'add')
		| First item
	+selector-option('bar', 'b', 'b')
		+icon('lg', 'minus')
		+sprite('web', 'minus')
		| Second item
	+selector-option('bar', 'c')
		+icon('lg', 'check')
		+sprite('web', 'check')
		| Third item

+form('standard')
	+field()
		+selector('foo', 'Selector')
			+selector-option('foo', 'a')
				| First item
			+selector-option('foo', 'b')
				| Second item
			+selector-option('foo', 'c', 'c')
				| Third item
	+field()
		+selector('bar', 'Selector')
			+selector-option('bar', 'a')
				| First item
			+selector-option('bar', 'b')
				| Second item
			+selector-option('bar', 'c', 'c')
				| Third item