Semantic-UI 步骤图标内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

Semantic-UI Step 是一种很酷的方式来表示任何任务的进度。就像如果您想在 Carting 之后显示 Shipping，那么可以使用此组件显示这些步骤。该组件为我们提供了单一类型的步骤，包括三种内容类型描述、图标和链接。在本文中，我们将了解 Icon。

Semantic-UI Step Content Icon 用于在步骤中包含图标，使步骤看起来更有意义。

Semantic-UI 步骤图标内容类：

• icon：该类用于在台阶上添加图标。

句法：

示例：下面是一个 示例说明 Semantic-UI 步骤内容图标的使用。

HTML

  

  

  

  
    
Geeksforgeeks
    
      Semantic-UI Step Icon Content
    


      
    

      

        
        

          
Shipping
          

            Select your Address
          
        
      
        
      

        
        

          
Billing
          

            Select your way to pay
          
        
      
    
  

  

输出：

Semantic-UI 步骤图标内容

参考： https ://semantic-ui.com/elements/step.html#icon