CSS not applied in React component


I’m currently trying to implement a custom Editor in Neos, but my styles aren’t applied properly and I have no clue why. I can see that yarn watch correctly places my class inside Public/Plugin.css and it is shown when I inspect the element within the browsers Developer Tools, but the styles are still not applied.


import React from 'react'
import RepeatWeeklyEditor from './RepeatWeeklyEditor';

function ScheduledSendingEditor() {
  return (
    <RepeatWeeklyEditor />

export default ScheduledSendingEditor;


import React from 'react'
import style from './style.css';

export default function RepeatWeeklyEditor() {

    return (
            <span className={style.weeklyRepetition}>Alle <input type="text"/> Wochen am ...</span>


.weeklyRepetition {
    color: red !important;

I don’t have a lot of experience with React so I wouldn’t exclude a super simple beginners mistake in my code. I’ve looked at other examples on GitHub and couldn’t see any differences on how styles are applied…

I got it. I just forgot to add the stylesheets in the Settings.yaml. I’ll leave the thread in case it helps anyone else. :slight_smile:

        resource: resource://xxx.ScheduledSending/Public/ScheduledSendingEditor/Plugin.css