javascript - 语义ui反应，如何改变标签位置？

Question

是否可以将标签位置从右侧更改为左侧？我尝试使用 float: left 但它不起作用。

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

标签： javascriptcssreactjssemantic-ui

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

从语义的文档中，似乎没有任何关于更改单选按钮上标签位置的评论。不过也可以这样做。