Семантический пользовательский интерфейс реагирует, как изменить положение метки? - PullRequest
0 голосов
/ 06 марта 2019

Можно ли изменить положение этикетки с правой стороны на левую?Я пытался использовать float: left, но это не работает.

import {Radio } from "semantic-ui-react"
<Radio label="in progress" toggle />

enter image description here

1 Ответ

0 голосов
/ 07 марта 2019

Может быть сделано, придется сделать это немного хакерским способом. Вот как это можно сделать.

const RadioExampleRadio = () => (
  <div class="radio-block">
    {" "}
    <label className="radio-label">Radio Label</label>
    <Radio />
  </div>
);

Нужно добавить немного CSS, чтобы он выглядел лучше

.radio-block{
  display: flex;
  align-items: center;
}
.radio-label{
  margin-right: 10px;
}

Из документации семантики, похоже, нет никаких комментариев по изменению положения метки на переключателе. Это может быть сделано так же.

...