The dependencies will be installed together with this module
- For use this components you need install with command:
+ To use this component you need install with the command:
mobileui install alert
- For use you need call the function alert('YOUR MESSAGE') or alert(objectCustomized), and you can send more paramters for create alert with title or multiple options.
+ To use, you need to call the function alert('YOUR MESSAGE') or alert(objectCustomized), and you can send more paramters for create alert with title or multiple options.
See this small example:
diff --git a/base/base.html b/base/base.html
index 4ec3a57..72ee296 100644
--- a/base/base.html
+++ b/base/base.html
@@ -19,8 +19,8 @@
Base
- Base component contains the basic features to use MobileUI and any other component of this kit.
- With this component you can use the color themes, icons and some classes of positioning and alignment of elements in the interface.
+ The base component contains the basic features to use MobileUI and any other component of this kit.
+ With this component, you can use the color themes, icons and some classes of positioning and alignment of elements in the interface.
To use it you need to install with the command:
diff --git a/base/colors.html b/base/colors.html
index 28f312f..d5824ee 100644
--- a/base/colors.html
+++ b/base/colors.html
@@ -22,11 +22,11 @@
Colors
-
MobileUI use the suggestions material design colors because material takes cues from contemporary architecture, road signs, pavement marking tape, and athletic courts. Color should be unexpected and vibrant.
+
MobileUI uses the suggestions material design colors because material takes cues from contemporary architecture, road signs, pavement marking tape, and athletic courts. Color should be unexpected and vibrant.
This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS.
Themes enable consistent app styling through surface shades, shadow depth, and ink opacity.
- The themes colors is in base MobileUI, to use it install base through command:
+ The theme's colors are in base MobileUI, to use it install base through the command:
mobileui install base
And just add the class in your component to use the color, example:
- One of MobileUI's primary concerns is UX Design, so we offer a simple way to install new fonts in your web apps.
+ One of MobileUI's primary concerns is UX Design, so we offer a easy way to install new fonts in your web apps.
You can install any source in the Google Fonts repository.
diff --git a/base/icons.html b/base/icons.html
index 08e046d..7c20b68 100644
--- a/base/icons.html
+++ b/base/icons.html
@@ -20,14 +20,14 @@
Icons
- MobileUI also comes with its own free and open-sourced icon font, Ionicons, with over 500 icons to choose from.
+ MobileUI also comes with its own free and open-source icon font, Ionicons, with over 500 icons to choose from.
- The icons is in base MobileUI, for use just install base the command:
+ The icons are in base MobileUI, for use just install base the command:
mobileui install base
- And add icon and the Ionicon classname for the icon to show, which can be easily looked up on the Ionicons homepage. You can change the color add class colors for text.
+ And add icon and the Ionicon class name for the icon to show, which can be easily looked up on the Ionicons homepage. You can change the color add class colors for text.
+
+
By default, an HTTP server will run on port 8080, but you can change it by passing the --port parameter with the desired port, eg --port 8000
You can use colors theme and icons in button. If you need use base mode just add theme color name,
you can alter border color using class border-[COLOR], alter text color using class text-[COLOR] and add radius border using class radius.
-
For use icon in button you need add class icon-text and you can use diferents size, see the examples below.
+
For use icon in button you need add class icon-text and you can use diferent size, see the examples below.
- For use this components you need install with command:
+ To use this component you need install with the command:
Simply add columns you want in a row, and they'll evenly take up the available space. If you want three columns, add three columns, if you want five columns, add five columns. There's no restriction to a 12 column grid, or having to explicitly state how
large each column should be.
- The row classname is used to designate, surprise, a row, and col is used for a column. In the demo to the right we chose to have four, then two, columns, but we could have just as easily used 3, 6, 7, 23, etc., it doesn't
+ The row class name is used to designate, surprise, a row, and col is used for a column. In the demo to the right we chose to have four, then two, columns, but we could have just as easily used 3, 6, 7, 23, etc., it doesn't
matter. Point is, add the number of columns your layout requires and don't worry about figuring out the percentages because it figures it out automatically.
- For use this components you need install with command:
+ To use this component you need install with the command:
Headers are fixed regions at the top of a screen that can contain a title label, and left/right buttons for navigation or to carry out various actions.
- For use this components you need install with command:
+ To use this component you need install with the command: