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

Question

由于react-strap的某些明显限制，我试图将Semantic-UI合并到我的站点中。但是，我遇到了一个问题。内容宽度是固定的，因此最右边的按钮会略微被截断。

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

  <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。