PM
потому что кнопка была с display: inline-flex а лишний див сделает ее блочной
хорошо давай так, сделай плиз отступы кнопкам в режиме multi
Size: a a a
2020 September 30
PM
фиг с этими закруглениями
AP
что такое multi?
PM
что такое multi?
в компоненте есть 2 режима, которые регулируются пропсом
PM
вот такой тебе компонент достался и есть className на рут ноде компонента и надо выставить margin для multi режима
AP
я не понимаю исходных условий, что значит достался. Если уи кит проектируется с условием что марджины предполагается задавать через класснейм, как он может достаться. И я не понимаю что такое режим multi
PM
я не понимаю исходных условий, что значит достался. Если уи кит проектируется с условием что марджины предполагается задавать через класснейм, как он может достаться. И я не понимаю что такое режим multi
есть компонент Button, который может быть либо 1 кнопка, либо 2 кнопки группой. тебе для режима 2 кнопки нужно с помощью className выставить пресловутый margin.
PM
этот компонент может тебе достаться вместе с UI кит который ты стал использовать в проекте и вот добрался до Button goup реализации и надо выставить margin. className можно передать и его вешают на рут ноду. классы не ломают компонент, потому что используют метод инкапсуляции CSS modules
КС
@PaulMaly так что думаешь о рут ноде виджета со скоупаным классом, от которой глобал на теги button ну и так далее?
чтобы сделать в виджете стили одинаковые для всех элементов и не приходилось писать
в данном случае каскад нас спасёт
чтобы сделать в виджете стили одинаковые для всех элементов и не приходилось писать
<button class="some-unique-class">press me</button>
а только когда что-то нужно с отступами поправить, ну или ещё как-то переопределить для единичного случая?в данном случае каскад нас спасёт
AP
ты причину и следствие перепутал. это ui кит сказал что в нем можно задавать отступы любым элементам через className соответственно для этого будет решение.
Например оно может быть таким
Мне не может что-то "достаться"
Например оно может быть таким
<ButtonGroup className="class"><Button/><Button/></ButtonGroup>
Мне не может что-то "достаться"
PM
ты причину и следствие перепутал. это ui кит сказал что в нем можно задавать отступы любым элементам через className соответственно для этого будет решение.
Например оно может быть таким
Мне не может что-то "достаться"
Например оно может быть таким
<ButtonGroup className="class"><Button/><Button/></ButtonGroup>
Мне не может что-то "достаться"
нет, главный тезис в передаче классов всегда был в том, что мол много свободы и можно кастомизировать что угодно. а сейчас ты придираешься к реализации. 🙃 короче все понятно, что и следовало доказать)
PM
чтобы далеко не ходить https://material-ui.com/components/button-group/
ну а тут не так и что будем делать? сидеть плакать?
AP
где тут не так, почему ты пытаешься использовать что-то не так как это можно использовать? =)
PM
Кирилл Спасибович
@PaulMaly так что думаешь о рут ноде виджета со скоупаным классом, от которой глобал на теги button ну и так далее?
чтобы сделать в виджете стили одинаковые для всех элементов и не приходилось писать
в данном случае каскад нас спасёт
чтобы сделать в виджете стили одинаковые для всех элементов и не приходилось писать
<button class="some-unique-class">press me</button>
а только когда что-то нужно с отступами поправить, ну или ещё как-то переопределить для единичного случая?в данном случае каскад нас спасёт
мне кажется .class > :global() это плоть от плоти каскада. да и вообще как бы css это про каскад. другое дело, что контролировать каскад сложно. свелт стили позволяют это делать проще
AP
ты пришел прочитал документацию, что компонент принимает класснейм и через него можно передать марджины
PM
где тут не так, почему ты пытаешься использовать что-то не так как это можно использовать? =)
можно использовать же
PM
ты пришел прочитал документацию, что компонент принимает класснейм и через него можно передать марджины
говорят можно
PM
передавай
AP
передаю и реакт материал будет работать