Class Tools

Demonstrates different uses of class-tools

<div { hx.Ext(classtools.Extension)... }>
	<p
		{ classtools.Classes(hx,
			classtools.Add("bold", time.Second),
			classtools.Remove("bold", time.Second),
			classtools.Toggle("color", time.Second),
		)... }
	>
		Add then remove bold after 1 second, then toggle color every second
	</p>
	<p
		{ classtools.ClassesParallel(hx, []classtools.Run{
			{
				classtools.Add("bold", time.Second),
				classtools.Remove("bold", time.Second),
			},
			{
				classtools.Toggle("color", time.Second),
			},
		})... }
	>
		Add then remove bold after 1 second, while toggling color every second		
	</p>
	<p
		{ classtools.Classes(hx, classtools.Add("color", 0))... }
	>
		Add with no delay		
	</p>
	<p
		{ classtools.Classes(hx, classtools.Toggle("color", 0))... }
	>
		Toggle with 0 delay		
	</p>
</div>

Demo

Add then remove bold after 1 second, then toggle color every second

Add then remove bold after 1 second, while toggling color every second

Add with no delay

Toggle with 0 delay