如何设置语义UI下拉列表大小以匹配按钮等

Question

语义UI有一种很好的方式将通用大小应用于很多东西，例如按钮（在语义UI React中）：

<Button size="tiny"  />

但是，下拉菜单在许多情况下看起来就像一个按钮，并与按钮放在一行中，似乎没有采用“ size”参数。

https://react.semantic-ui.com/modules/dropdown

是否有一个很好的方法将下拉列表中的大小与其他元素（例如，连续的按钮）相同？（即不仅摆弄自定义CSS，而且更易于维护）。

Answer 1

我认为正确的方法应该是将其包装在表单中，并将尺寸类别应用于表单。表单可以是表单标签，也可以是 div：

<form className='ui form small'>
 <Dropdown>

或者

<div className='ui form mini'>
 <Dropdown>