Objective

This recipe demonstrates a simple technique for styling widgets.

Procedure

1. Create a styles/HelloWorld.m.css CSS file and add a style rule:

.root {
    color: blue;
}

2. Import your CSS:

import * as css from './styles/HelloWorld.m.css';

3. Use the classes property to apply a CSS class to a virtual DOM node:

return v('div', { classes: css.root }, [ 'Hello' ]);

Additional resources

The Dojo Theming tutorial covers more advanced techniques of styling widgets