From 3e837ba52cb27fbb34f3139ebc53faea5847a95c Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 17 Aug 2017 22:59:52 +0800 Subject: Add more Docs content --- docs/elements.html | 94 ++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 60 insertions(+), 34 deletions(-) (limited to 'docs/elements.html') diff --git a/docs/elements.html b/docs/elements.html index d141b5e..f552950 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -564,41 +564,10 @@

Add the btn class to <a>, <input> or <button> elements for a default button. There are classes btn-primary and btn-link for predefined primary and link buttons.

-
-

Add the disabled class or the disabled attribute for a disabled button.

-
- -
-
- - - -
-
- -
-

A button with the loading class can show loading indicator.

-
- -
-
- - - -
-
- 
<button class="btn">default button</button>
 <button class="btn btn-primary">primary button</button>
 <button class="btn btn-link">link button</button>
-
-<!-- buttons with disabled state -->
-<button class="btn disabled" tabindex="-1">disabled button</button>
-<button class="btn" disabled tabindex="-1">disabled button</button>
-
-<!-- a button with loading state -->
-<button class="btn loading">button</button>

Button sizes

@@ -651,15 +620,72 @@ 
<button class="btn btn-action"><i class="icon icon-arrow-left"></i></button>
 <button class="btn btn-action circle"><i class="icon icon-arrow-left"></i></button>
+
+ +

Button states

+ +
+

Add the active class for active button state style.

+
+ +
+
+ + + +
+
+ + +

+<!-- buttons with disabled state -->
+<button class="btn disabled" tabindex="-1">disabled button</button>
+<button class="btn" disabled tabindex="-1">disabled button</button>
+
+ +
+

Add the disabled class or the disabled attribute for disabled button state style.

+
+ +
+
+ + + +
+
+ + +

+<!-- buttons with disabled state -->
+<button class="btn disabled" tabindex="-1">disabled button</button>
+<button class="btn" disabled tabindex="-1">disabled button</button>
+
+ +
+

A button with the loading class can show loading indicator.

+
+ +
+
+ + + +
+
+ + +
<!-- a button with loading state -->
+<button class="btn loading">button</button>

Button groups

- - - + + +
-- cgit v1.3.1-23-gd82d