# 提示框 為成功、警告和錯誤信息定義樣式。 ## 用法 要應用此組件，添加 `.uk-alert` 類至塊元素中即可。 ### 示例  ### 標簽 ``` <div class="uk-alert">...</div> ``` * * * ### 關閉按鈕 為了使用一個關閉按鈕，在該提示框內部的`&lt;button&gt;` 或 `&lt;a&gt;`元素中添加 `.uk-alert-close` 類。要使關閉按鈕的JavaScript生效，僅需往該提示框中添加 `data-uk-alert` 屬性。雖然你也可以使用文本或者一幅圖片，我們還是建議添加 [關閉組件](close.html) 中的 `.uk-close` 類來使這個按鈕擁有一個更完美的樣式。 #### 示例  #### 標簽 ``` <div class="uk-alert" data-uk-alert> <a href="" class="uk-alert-close uk-close"></a> <p>...</p> </div> ``` * * * ## 修飾 有幾種不同的顏色修飾類可供選用。僅需添加以下類中的一個就能得到一個不同的外觀。 ### 示例  #### 標簽 ``` <div class="uk-alert uk-alert-success"> ... </div> <div class="uk-alert uk-alert-warning">...</div> <div class="uk-alert uk-alert-danger">...</div> ``` * * * ## 尺寸 添加 `.uk-alert-large` 類增大一個提示框的空間。如果你想使用更豐富的排版，這會非常有用。 #### 示例  #### 標簽 ``` <div class="uk-alert uk-alert-large">...</div> ```