按钮

按钮是用户操作的主要视觉指示器。

原则

以操作为导向：按钮应清楚地表明它们会触发 操作。

清晰的反馈：按钮的外观必须在 不同的互动状态（悬停、按压、焦点）下发生明显变化，以便提供即时 反馈。

一致性：所有按钮都应采用相同的核心视觉语言，以便用户能够立即 识别。

灵活性：按钮组件应适应常见的变体，例如 包含图标和不同大小，同时不影响一致性。

用法与位置

按钮应放置在与其相关的内容附近。它们可以单独放置，也可以与其他组件（如卡片和列表）一起放置。

图标按钮

图标按钮可用于降低内容密度。当图标清楚地说明操作时，请使用图标按钮；否则，请添加按钮标签。

可切换

对于具有布尔状态的操作（例如收藏），每种按钮类型都有一个切换变体。在切换状态之间交换图标可使互动一目了然且响应迅速。

解剖学

按钮由标签和可选的前置图标或后置图标组成。

图标按钮仅由一个可识别的图标组成。

两者都有可切换的变体。

自定义

按钮包含默认样式和大型样式。大型样式有助于强调重要性。

图标可用于在后置或前置位置为按钮提供更强的强调、说明和识别效果。