Компоненты
Все виды полезной, дополнительные компоненты, которые не входят в UIkit себе.
UIkit предлагает некоторые дополнительные компоненты, которые не входят в UIkit Основной фраймворк. Обычно Вы не использовать эти компоненты в своих повседневных сайте. Они включают в себя такие вещи, как nestables и datepickers, который пригодится, если вы создаете дополнительные пользовательские интерфейсы, такие как административные районы.
Использование
После загрузить UIkit, вы можете найти все дополнительные компоненты в отдельной /css
и /js
папки:
/css
/components
<!-- Component with the basic style -->
autocomplete.css
autocomplete.min.css
<!-- Component with the Gradient style -->
autocomplete.gradient.css
autocomplete.gradient.min.css
<!-- Component with the Almost flat style -->
autocomplete.almost-flat.css
autocomplete.almost-flat.min.css
...
/js
/components
<!-- JavaScript of the component and minified version -->
autocomplete.js
autocomplete.min.js
...
Чтобы использовать один из этих компонентов, все, что вам нужно сделать, это добавить CSS и компонента JavaScript в шапке документа.
Пример
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="uikit.min.css" />
<script src="jquery.js"></script>
<script src="uikit.min.js"></script>
<!-- Autocomplete CSS -->
<link rel="stylesheet" href="components/autocomplete.css">
<!-- Autocomplete Javascript -->
<script src="components/autocomplete.js"></script>
</head>
<body>
</body>
</html>
Тесты
UIkit обеспечивает тестовые файлы для каждого компонента. Каждая из этих страниц содержит тестовые случаи из его компонент и дает вам обзор всех возможностей, которые поддерживаются из коробки.
В zip архиве вы найдете все UIkit CSS, JavaScript и файлы шрифтов готовы использовать для вашего проекта. Ядро фраймворк из UIkit имеет почти никакой укладки, чтобы сохранить его тонкий. Поэтому мы предлагаем два addidional дистрибутивов с уклоном и почти плоский стиль. Каждый стиль идет как одноместный CSS файла, а также минимизированная версия. Некоторые компоненты, также включены, которые не являются частью ядра фраймворк и может быть добавлен отдельно до Вашего проекта.