Header có nút chức năng

Quản lý Banner   

Xem code

<h3>Quản lý Banner  
  <div class="ui small basic icon buttons">
      <a href="#" class="ui button show-modal"><i class="sticky note outline icon "></i> Tạo mới</a>
      <a href="#" class="ui button"><i class="filter icon"></i> Lọc sản phẩm lỗi</a>
      <a href="#" class="ui button"><i class="file excel outline icon"></i> Xuất Excel</a>
      <a href="#" class="ui button"><i class="download icon"></i> Import Excel</a>
   </div>
</h3>
    

Header 2 có nút chức năng

Sản phẩm mới  

Nội dung

Xem code

<h3 class="ui top attached header">
    Sản phẩm mới  
    <div class="ui small basic icon buttons">
        <a href="#modal1" class="ui button show-modal"><i class="sticky note outline icon "></i> Tạo mới</a>
        <a href="#link1" class="ui button"><i class="filter icon"></i> Lọc sản phẩm lỗi</a>
        <a href="#link1" class="ui button"><i class="file excel outline icon"></i> Xuất Excel</a>
        <a href="#link1" class="ui button"><i class="download icon"></i> Import Excel</a>
    </div>
</h3>
<div class="ui attached segment">
    <p>Nội dung</p>
</div>
                
    

Header

Header h1
Sub Header

Header h2

Header h3

Header h4

Header h5

Header có gạch dưới

Xem code

<h1 class="ui header">Header h1
    <div class="sub header">Sub Header</div>
</h1>
<h2 class="ui header">Header h2</h2>
<h3 class="ui header">Header h3</h3>
<h4 class="ui header">Header h4</h4>
<h5 class="ui header">Header h5</h5>

<h4 class="ui dividing header">
    Header có gạch dưới
</h4>
    
Xem thêm về message tại đây : Link