From e6fb30506f6228cbe609f284357538d76e46c989 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 23 Feb 2017 13:59:32 +0800 Subject: ADD: Action button style --- docs/elements.html | 25 ++++++++++++++++++++----- 1 file changed, 20 insertions(+), 5 deletions(-) (limited to 'docs/elements.html') diff --git a/docs/elements.html b/docs/elements.html index 47cb266..9b3de15 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -408,14 +408,25 @@

Button sizes

-
- - - +
+ + + +
+
+ + + +
+
+ + +

Add the class btn-sm or btn-lg for small or large button size. Also, you can add the class btn-block for a full-width button.

+

Please note that you could use the class btn-action for a square button, or add another class circle for a round button, which is often used as a Float Action Button (FAB).

@@ -423,7 +434,10 @@ <button class="btn btn-lg">large button</button> <button class="btn btn-sm">small button</button> -<button class="btn btn-block">block button</button> +<button class="btn btn-block">block button</button> + +<button class="btn btn-action"><i class="icon icon-markunread"></i></button> +<button class="btn btn-action circle"><i class="icon icon-markunread"></i></button>
@@ -432,6 +446,7 @@
+

Icons with the class icon can be correctly rendered in each button size.

-- cgit v1.3.1-23-gd82d