Как задать дополнительные стили компоненту?

Question

[dhscor]

Как изменить отступы у компонента, у которого они уже прописаны?
У меня есть компонент состоящий из блока с уже прописаными для него стилями в Component.module.css

<div>
<h4>title</h4>
<div>text</div>
</div>

Как мне приминить этот же компонент снова, но изменив ему отступы?

Answer 1

[Vladimir Lewandowski]

Добавьте проп className.

Comments

[dhscor]

Как вариант, но что делать в случае, если потребуется в третий раз применить этот компонент? Создавать третий класс?

[Vladimir Lewandowski]

dhscor, опишите подробнее, какую проблему вы решаете.

Если вам нужно иметь n вариантов компонента, то можно пропы-модификаторы добавить (типа isRed, isBig), и в зависимости от них внутри компонента разные классы вешать.

Если нужно извне менять стили, то className.