附加組件 · UIkit 中文文檔

# 附加組件 > 來源：[附加組件](http://www.getuikit.net/docs/components.html) 各種有用的獨立附加組件，它們并不包含在 UIKit 的核心框架中。 UIKit 提供了一些高級的組件，它們不包含在 UIKit 的核心框架中。通常你在普通的網站上不會用到這些插件。如果你創建高級的用戶界面管理等領域，它們便會派上用場，比如“拖放排序”和“日期選擇器”。 ## 用法當你后，你可以在 `/css` 和 `/js` 文件夾里的 `/components` 中發現附加組件的相關文件: ``` /css /components  autocomplete.css autocomplete.min.css  autocomplete.gradient.css autocomplete.gradient.min.css  autocomplete.almost-flat.css autocomplete.almost-flat.min.css ... /js /components  autocomplete.js autocomplete.min.js ... ``` 注意若要使用這些附加組件，你必須在文檔頭部添加它的JavaScript和CSS文件。 ### Example ``` <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="uikit.min.css" /> <script src="jquery.js"></script> <script src="uikit.min.js"></script>  <link rel="stylesheet" href="components/autocomplete.css">  <script src="components/autocomplete.js"></script> </head> <body> </body> </html> ``` * * * ## Tests UIkit為每一個組件提供了測試文件。每個測試頁面包含其組件的測試案例和開箱即用的所有可能性。在ZIP壓縮包里你可以找到UIkit為你的項目提供的所有CSS，JavaScript和字體文件。為了保持UIkit的核心框架的簡潔，核心框架中幾乎不包含任何樣式。因此我們提供兩套額外的樣式——包括漸變風格和扁平風格。每一種樣式都包含一個單獨的CSS文件和一個壓縮版的CSS文件。一些并不包含在核心框架中的[附加組件](components.html)也提供了額外的兩套CSS文件，它們可以被單獨的引入到你的項目中使用。 [前往測試](../tests/components/autocomplete.html)