语义 UI React- 按钮大小对大小没有影响

Question

由于 react-strap 的一些明显限制，我正在尝试将 Semantic-UI 合并到我的站点中。但是，我运行遇到了一个问题。内容宽度是固定的，因此最右边的按钮会稍微 t运行cated。

我尝试根据文档调整大小：

  <div>
    <Button size='mini'>Mini</Button>
    <Button size='tiny'>Tiny</Button>
    <Button size='small'>Small</Button>
    <Button size='medium'>Medium</Button>
    <Button size='large'>Large</Button>
    <Button size='big'>Big</Button>
    <Button size='huge'>Huge</Button>
    <Button size='massive'>Massive</Button>
  </div>

但是这里的代码似乎没有什么不同：

<Button.Group>
    <Button class="tiny ui button" positive as={Link} to={"/licenses/" + license.id}>Edit</Button>
    <Button class="tiny ui button" color='blue' onClick={() => this.download(license.url)}>Download</Button>
    <Button class="tiny ui button"  negative onClick={() => this.remove(license.id)}>xDelete</Button>
  </Button.Group>

有什么想法吗？

Answer 1

您需要使用与文档相同的属性 - 不要给您的按钮一个 class 的小值，它应该是一个 size 的小值。

语义 UI React- 按钮大小对大小没有影响

Semantic UI React- button size has no impact on size

button

reactjs

semantic-ui-react