semantic-ui - 如何设置语义 UI 下拉大小以匹配按钮等

Question

语义 UI 有一种很好的方法可以将通用大小应用于很多事情，例如一个按钮(在 Semantic UI React 中):

<Button size="tiny"  />

然而，在许多情况下，下拉菜单看起来就像一个按钮，并放置在带有按钮的一行上，它似乎没有采用“大小”参数。

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

是否有一种好方法可以将与其他元素相同的大小应用于下拉列表，例如连续按钮？ (即不仅仅是摆弄自定义 CSS，而是更易于维护的东西)。

Answer 1

我认为正确的方法应该是将它包装在一个表单中，并将大小类应用于表单。表单可以是表单标签，也可以是 div:

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

或

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