Button thường sử dụng

Tạo mới Lọc sản phẩm lỗi Xuất Excel Import Excel

Button

<button class="ui primary button">
Save
</button>
<button class="ui button basic">
    Discard
</button>
<button class="ui active button">
    <i class="user icon"></i>
    Button active
</button>
<button class="ui disabled button">
    <i class="user icon"></i>
    Button disabled
</button>
<button class="ui loading button">Loading</button>
    

Labeled

<div class="ui labeled button" tabindex="0">
    <div class="ui button">
        <i class="heart icon"></i> Like
    </div>
    <a class="ui basic label">
        2,048
    </a>
</div>
<div class="ui left labeled button" tabindex="0">
    <a class="ui basic right pointing label green">
        2,048
    </a>
    <div class="ui button green">
        <i class="heart icon"></i> Like
    </div>
</div>
<div class="ui left labeled button" tabindex="0">
    <a class="ui  red  basic label">
        1,048
    </a>
    <div class="ui icon red button">
        <i class="fork icon"></i>
    </div>
</div>
    

Buttons group

<div class="ui buttons">
    <button class="ui button">One</button>
    <button class="ui button">Two</button>
    <button class="ui button">Three</button>
</div>

<div class="ui small basic icon buttons">
    <button class="ui button"><i class="file icon"></i></button>
    <button class="ui button"><i class="save icon"></i></button>
    <button class="ui button"><i class="upload icon"></i></button>
    <button class="ui button"><i class="download icon"></i></button>
</div>

<div class="ui buttons">
    <button class="ui red basic button">One</button>
    <button class="ui blue basic button">Two</button>
    <button class="ui green basic button">Three</button>
</div>

<div class="blue ui buttons">
    <button class="ui button active">One</button>
    <button class="ui button">Two</button>
    <button class="ui button">Three</button>
</div>