Tinywind VSCode extension

Provides autocomplete of class names based on a provided config.

Classes are provided for the following languages

• Javascript (javascript)
• Javascript with JSX (javascriptreact)
• Typescript (typescript)
• Typescript with JSX (typescriptreact)

The auto-complete triggers for JSX properties in the format /.*[cC]lassName/.

Settings

Tinywind config file

The config file should look like

module.exports = {
	classes: [
		{
			name: 'flex',
			css: `.flex {
	display: flex;
}`,
		},
		{
			name: 'flex-1',
			css: `.flex-1 {
	flex: 1;
}`,
			hint: `Element will grow in proportion to other flex children.`,
		},
	],
}