Onsen UI is used to create beautiful HTML components. It is one of the most efficient ways to create HTML5 hybrid components that are compatible with both mobile and desktop. Onsen UI is a cutting-edge and practical HTML5 framework that is available for use for free.
Reasons to learn Onsen-UI:
Features of Onsen-UI:
- It is an open-source HTML5 hybrid app framework for PhoneGap and Cordova.
- It has a responsive layout.
- It is full of ready-to-use features that adhere to native design standards for iOS and Android
- It has a sizable collection of high-quality UI elements created especially for mobile apps
- It has a flat design.
Installation of Onsen-UI: There are 3 methods to add Onsen-UI is our project.
Method 1: We can simply download Onsen-UI from this link and use it in our project.
Method 2 (Using Onsen-UI CDN Link): We can simply add Onsen-UI to our projects using the following CDN link in our file.
<link rel=”stylesheet” href=”https://unpkg.com/onsenui/css/onsenui.css”>
<link rel=”stylesheet” href=”https://unpkg.com/onsenui/css/onsen-css-components.min.css”>
Method 3 (Using npm): There is another way of adding Onsen-UI to our project using npm by giving the following command.
npm install onsenui --save
Example: In this example, we will create a button using Onsen-UI and display an alert on clicking it using Onsen-UI.
Learn more about Onsen-UI:
Share your thoughts in the comments
Please Login to comment...