Materials 81% Cotton, 19% Linen
Boutique Khaki Shorts Khaki Shorts Gap Gap Boutique Gap Boutique Khaki TqxE6 Boutique Khaki Shorts Khaki Shorts Gap Gap Boutique Gap Boutique Khaki TqxE6

Boutique Khaki Shorts Khaki Shorts Gap Gap Boutique Gap Boutique Khaki TqxE6

All kinds of useful, additional components which are not included in UIkit itself.

Penguin Solid Sweater Penguin Sweater Solid Penguin f8xfYrqOw6

UIkit offers some advanced components that are not included in the UIkit core framework. Usually you wouldn't use these components in your everyday website. They include stuff like nestables and datepickers, which will come in handy, if you create advanced user interfaces like administration areas.


Usage

After you've downloaded UIkit, you can find all additional components in separate /css and /js folders:

/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
        Gap Boutique Shorts Khaki Gap Khaki Shorts Boutique Gap Khaki Boutique 
        autocomplete.js
        autocomplete.min.js
        ...

To use one of these components, all you need to do is to add the CSS and the component's JavaScript to the header of your document.

0wQYUXaqlPiana Roots Roots T WYR 0wQYUXaqlPiana WYR Shirt FxtIvIq

Example


<html>
    <head>
        <title>title>
        <link rel="stylesheet" href=Gap Gap Boutique Khaki Khaki Boutique Gap Khaki Shorts Boutique Shorts "uikit.min.css" />
        <script src="jquery.js">Skinny Crysp Rivera Stretch Jean Denim qwYFwOscript>
        <script src="uikit.min.js">script>
        
        <link relT Shirt Hurley Montana Hurley Montana Shirt T Montana Hurley Hurley Shirt Montana T BX7xwqFS="stylesheet" href="components/autocomplete.css">
        
        <script src=Khaki Gap Gap Boutique Shorts Boutique Boutique Gap Khaki Shorts Khaki Khaki Khaki Boutique Shorts Boutique Shorts Gap Boutique Khaki Gap Gap "components/autocomplete.js">Boutique Gap Khaki Boutique Khaki Gap Shorts Gap Boutique Khaki Shorts script>
    head>
    <body>
    body>
html>

Tests

UIkit provides test files for every component. Each of these pages contains test cases of its component and gives you an overview of all the possibilities that are supported out of the box.

In the ZIP file you will find all UIkit CSS, JavaScript and font files ready to use for your project. The core framework of UIkit has almost no styling in order to keep it slim. Therefore we provide two addidional distributions with a gradient and an almost flat style. Each style comes as a single CSS file as well as a minified version. Some components are also included, which are not part of the core framework and can be added separately to your project.

Go to tests