语义ui反应如何更改标签位置？

Question

是否可以从右侧到左侧更改标签位置？ 我试过使用float：left，但是不起作用。

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

Answer 1

可以做到的，必须要做一些hacky的方式。 这是可以完成的。

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;
}

从语义的文档中，似乎对更改单选按钮上标签的位置没有任何评论。 可以通过这种方式完成。