From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/components/panels.html | 353 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 353 insertions(+) create mode 100644 docs/components/panels.html (limited to 'docs/components/panels.html') diff --git a/docs/components/panels.html b/docs/components/panels.html new file mode 100644 index 0000000..a95e6fd --- /dev/null +++ b/docs/components/panels.html @@ -0,0 +1,353 @@ + + + + Panels - Components - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Panels

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

Panels are flexible view container with auto-expand content section.

+
+
+
+
+
Avatar
+
Bruce Banner
+
THE HULK
+
+ +
+
+
+
E-mail
+
bruce.banner@hulk.com
+
+
+ +
+
+
+
+
Skype
+
bruce.banner
+
+
+ +
+
+
+
+
Location
+
Dayton, Ohio
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
Comments
+
+
+
+
+
Avatar
+
+
+

Thor Odinson

+

Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...

+
+
+
+
+
Avatar
+
+
+

Bruce Banner

+

The Strategic Homeland Intervention, Enforcement, and Logistics Division...

+
+
+
+
+
+
+
+

Tony Stark

+

Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...

+
+
+
+
+
Avatar
+
+
+

Steve Rogers

+

The Strategic Homeland Intervention, Enforcement, and Logistics Division...

+
+
+
+
+
Avatar
+
+
+

Natasha Romanoff

+

Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...

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

Add a container element with the panel class. + And add child elements with the panel-header, panel-nav, panel-body and/or panel-footer classes. + The panel-body can be auto expanded and vertically scrollable. +

+ 
<div class="panel">
+  <div class="panel-header">
+    <div class="panel-title">Comments</div>
+  </div>
+  <div class="panel-nav">
+    <!-- navigation components: tabs, breadcrumbs or pagination -->
+  </div>
+  <div class="panel-body">
+    <!-- contents -->
+  </div>
+  <div class="panel-footer">
+    <!-- buttons or inputs -->
+  </div>
+</div>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d