关闭选项卡中的图标

Question

背景：在撰写本文时，Fomantic-UI是Semantic-UI的实时开发分支，有一天将被集成到Semantic-UI中，同时，它实际上是Semantic-UI的支持类。

问题：易于理解的选项卡式隐喻，并且在某些情况下包括通过X图标关闭选项卡的功能-考虑多文档编辑器，例如VS Code等。Fomantic-UI具有很好的选项卡组件，但没有包括关闭图标，带有许多选项的良好按钮和图标组件的自动方式。它还提供了组合组件的能力-伴随着强大的功能，随之而来的是巨大的责任-我发现有时稍微有用一点是有用的。因此，我提供此摘要以建议一些可能的解决方案。

像这样的目标...

请参阅下面的答案。

Answer 1

下面的代码段说明了我的答案。对我来说，第三级按钮和图标的组合是最好的选择。尽管选项卡的高度受按钮包含的影响，并且需要进行处理。