Есть ли способ выровнять значок по горизонтали, используя только реквизит, без стилей?
Код - https://codesandbox.io/s/smoosh-hill-nr230p?file=/src/App.js:113-349
Ну вот:
export default function App() {
return (
<div className = "App">
<Radio
label = "I cannot be unchecked"
// How to align horizontally?
icon = {() => <IconAdjustments size = {18} color='red'/>}
/>
</div>
);
}
Свойство icon
используется для изменения значка самой кнопки Radio
. Если вы хотите добавить значок на метку, вы должны использовать:
<Radio
label = {
<>
<IconAdjustments size = {14} color = "red" />
I cannot be unchecked
</>
}
/>
Пока еще не ясно, чего вы все-таки хотите добиться, так что вот все возможные сценарии.
icon = {IconAdjustments}
, либо..className
как свойство и применяет его к возвращаемому элементу:icon = {({ className }) => (
<IconAdjustments className = {className} color = "red" />
)}
Передача size
элементу значка таблицы не будет работать для вас, поскольку размер рассчитывается внутренне на основе size
кнопки Radio
, а фиксированные width
и height
применяются к значку.
@HackerMF Я не понимаю. Что вы пытаетесь сделать в конце концов?
Просто поймите, что есть шанс использовать значок реквизита для этого случая —
Нет, шансов нет. Как я уже говорил, свойство icon
используется для изменения точки внутри кнопки Radio
.
Нет, это не для этого. Посмотрите на мои коды и ящик. В радио все еще есть точка
@HackerMF Потому что вы даже не используете его должным образом. Вы должны передать элемент SVG, а не функцию. Должно быть: icon = {IconAdjustments}
. Кроме того, это четко указано в документах: mantine.dev/core/radio/?t=props
Попробуйте использовать его правильно, как вы думаете. Увидишь, что ты получишь. Да, в документации ясно сказано, FC<Pick<SVGProps<SVGSVGElement>
@HackerMF Дело не в том, что я думаю, а в том, что ЭТО ЕСТЬ. Я рассказываю вам, как это работает и как это должно использоваться, и я привожу вам конкретный пример того, как добиться того, чего вы хотите. Вы просто невежественны и не хотите смотреть правде в глаза. Удачи.
FC<Pick<SVGProps<SVGSVGElement> Я думаю, вы не понимаете, что это значит, поэтому вы думаете, что это то, что ЭТО ЕСТЬ. Красивый. Попробуйте использовать свой пример, используя мои коды и ящик, и я надеюсь, что вы что-то поймете
@HackerMF Есть разница между функцией и реагирующим компонентом, чувак. Вместо того, чтобы быть токсичным высокомерием, цените помощь, которую вы получаете. Я внесу правки в пост, чтобы вы могли лучше понять проблему.
это не токсичное высокомерие. Я только что попробовал, как вы сказали раньше, и не было никаких изменений, затем я попытался добавить только svg и ничего, поэтому я подумал, что вы не пробовали, но посоветовали. Теперь я проверил это, затем я нажимаю радио и заметил, что значок был внутри радио. Извиняюсь, мой плохой
Да, это способ, спасибо. По правде говоря, у меня был этот вариант. Хочется использовать иконку проп