@view test-material-ui public
	anim-page
		h2 Material UI
		.grid-2
			.col-3 Buttons
			.col-9
				Button Default
				Button.raised Primary
				Button:disabled Disabled
				Button.raised.is-warning Warn
			@el Fab-menu1
				ul.mat-Menu.shadow-1
					li.mat-Menu-item.waves Some Action
					li.mat-Menu-item.waves.is-divider Another Action
					li.mat-Menu-item.waves:disabled Disabled Action
					li.mat-Menu-item.waves Yet Another Action
			@el Fab-menu2
				ul.mat-Menu.shadow-1
					li.mat-Menu-item.waves Some Action
					li.mat-Menu-item.waves.is-divider Another Action
					li.mat-Menu-item.waves:disabled Disabled Action
					li.mat-Menu-item.waves Yet Another Action
			.col-3 Fab buttons
			.col-9
				Fab>\+
					&data: "tooltip", "Hello1"
					&on: "click", "showMenu", "Fab-menu1", "right-end", "bottom", 0, 1
				Fab.Fab--red[data-tooltip-pos=left]>\—
					&data: "tooltip", "World\n2"
					&on: "click", "showMenu", "Fab-menu2", "left-start", "bottom", 0, 1
				Fab[data-tooltip-pos=right]>\+
					&data: "tooltip", "Hello2"
				Fab>\+
					&data: "tooltip", "Hello3"
				Fab[data-tooltip-pos=bottom]>\+
					&data: "tooltip", "Hello4"
			.col-3 Checkboxes
			.col-9
				Checkbox
					\ Default
				MenuBtn.MenuBtn--back
					&on: "click", "toggleClass", "MenuBtn--back"
				MenuBtn.MenuBtn--close
					&on: "click", "toggleClass", "MenuBtn--close"
			.col-3 Sliders
			.col-9
				Slider[valu=33]
				br
				Slider2.no-first[valu=100][style="width:400px"]
				br
				Slider3.color[valu=33][style="width:400px"]
				br
				Toggle