Chao.JS

A JavaScript Component Library

Chao.JS is an open-source library with few common HTML component for JavaScript. It's depending on jQuery, and it combinates the easy usability of jQuery and customizable, lightweight renderer process of more complex frameworks.

Most of the solutions is similar to kendoUI, but with many simplification and with unique CSS design.

Version: 0.11.7.

Installation and import

Download the latest minified JS and CSS sources then import the files in the main HTML file.

<!-- Chao.JS: Import the minified JS and CSS source -->
<link rel="stylesheet" type="text/css" href="https://github.com/mbalyi/chaojs/blob/master/chao.min.css">
<script type="application/javascript" src="https://github.com/mbalyi/chaojs/blob/master/chao.min.js"></script>

<!-- Import requirements: jQuery, additional a Icon library -->
<script type="application/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

Usage

More examples are available under examples folder.

<!-- Example for Chao.JS button component -->
<button type="button" id="chaoBtn">Default Active Button</button>
<script>
    var options = {
        target: $('#chaoBtn'),
        customClass: 'defaultBtn',
        disabled: false,
        type: ChaoButtonType.BUTTON,
        callback: {
            onClick: function(res) {
                console.log('Button click event: ', res);
            },
            onMouseEnter: function(res) {
                console.log('Button hover event: ', res);
            }
        }
    };

    var btn = new ChaoButton(options);

    /** Or use the jQuery init functions */
    var btn = $('#chaoBtn').chaoButton({});
</script>

Available components

• Input
• InputButton
• Validator
• Dropdown [WIP]
• Button
• Checkbox-Group
• Switch
• Checkpoint Progress Bar
• Dialog
• Notifications / Toasts
• Progress Bar
• Spinner
• Textarea

Scope of beta release

• Date, Time, DateTime Picker
• Dropdown

Out of Scope from Beta release

• Data Table
• Scheduler/Calendar
• Charts

Contributing

Later..

License

MIT