Zenkai Documentation

Libraries

Description	Documentation
STD: The Standard library (STD) main goal is to be used as a base for any JS project and therefore has no browser dependency. It focuses on extending the capabilities of Javascript data types and expanding some of the language concepts such as AJAX, Logic and Path.	API documentation
DOM: The Document library (DOM) primary goal is to provide a richer and more direct API to manipulate elements. This library enforces structure validation to stay conform to the web standards and as a bonus always yields valid elements.	API documentation
UI: The User Interface library (UI) offers a collection of modular styled components to create a better user experience. They are highly configurable and can be integrated to any design or theme of your choice.	User documentation
Source code repository

Form component

Input line

Examples


Enter your email

Name

Adding a counter

Showing the number of characters typed in the textbox



    First name

Name

Floating label

The floating label acts as a placeholder for the assigned input when it is empty.
Upon focus or if the input contains a value, the label floats up and stays there.

Examples

A bare input



    First example

First example

An input that have a placeholder (attribute)



    Date of test

Date of test

Selector

Radio buttons wrapped in a nice package



    Red
    Green
    Blue

Red Green Blue



    
         Apple
    
    
         Grape
    
    
         Banana

Apple Grape Banana

Switch

This component allows you to use and give meaning to both state of a checkbox: checked and unchecked.


    Click me

Click me



     Click me

Click me

UI Component

Collapsible



    My header
    
        
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam tempora suscipit cupiditate unde eos 
            dolores deserunt facilis autem quibusdam soluta adipisci sed assumenda laboriosam, laudantium, 
            dignissimos ex praesentium amet! Fugit.

My header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam tempora suscipit cupiditate unde eos dolores deserunt facilis autem quibusdam soluta adipisci sed assumenda laboriosam, laudantium, dignissimos ex praesentium amet! Fugit.

Accordion

One container at a time



    
        My header
        
            
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam tempora suscipit
                cupiditate unde eos dolores deserunt facilis autem quibusdam soluta adipisci sed 
                assumenda laboriosam, laudantium, dignissimos ex praesentium amet! Fugit.
            
        
    
    
        My header
        
            
                Le football est un sport d'association, entre les membres d'une meme formation.
                dolores deserunt facilis autem quibusdam soluta adipisci sed assumenda laboriosam,
                dignissimos ex praesentium amet! Fugit.

My header