В плане ты рил юзаешь scss modules?

От души ) спасибо

UI
    atoms
           button
                 index.ts
                 button.module.scss

Да

А что такого?)

Инкапсуляция стилей, то, что мне и нужно

Scss он на то и нужен что бы через БЭМ структуру решать вопросы все

А модули то зачем

Писал на реакт?

Либо юзай модули и всё

Да

И щас пишу

Так, а инкапсуляция стилей?

Мне нужно чтобы я мог юзать таким образом

И ещё зачем тут папка UI

atoms на то и нужны что это и есть мелкие элементы

UI
   atoms
         button
              button.module.scss
              index.tsx


button.module.scss

.button {
   btn styles (default)
}

.button[data-size="small"] {
    small btn modifications
}

.button[data-size="big"] {
    small btn modifications
}


// index.tsx
import styles from "./button.module.scss";

Тут типы на кнопку (пропсы);

const Button = ({size}) => (
   <button className={styles.button} data-size={size}/>
)

То биж ui

Омг