Компоненты

Все виды полезной, дополнительные компоненты, которые не входят в 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 файла, а также минимизированная версия. Некоторые компоненты, также включены, которые не являются частью ядра фраймворк и может быть добавлен отдельно до Вашего проекта.

Зайдите в тесты