Vaadin 10 - Where to put css in an add-on

Flow
1

Hi,
could you please tell me where I have to put the css for a custom component add on?

My code is:

@Tag("div")
@StyleSheet("styles/my-styles.css") 
public class MyLayout extends Component {

I put “my-styles.css” in the following folder:
src/main/webapp/frontend/styles

I use the component in an application

MyLayout myLayout = new MyLayout();
add(myLayout);

The generated html is displayed,
but the css is not loaded.

The message is


Could not navigate to 'frontend/styles/my-theme-styles.css'
Reason: Couldn't find route for 'frontend/styles/my-theme-styles.css'

Could someone help me? :slight_smile:
Thank you very much
Matteo

2

Hi.
i use this code to connect to CSS:

@StyleSheet(value = "/frontend/styles/my-styles.css", loadMode = LoadMode.INLINE)