Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit b6f18ed

Browse files
Collapsible: Added info and demo of collapsible coner styling to the docs.
1 parent d333e22 commit b6f18ed

File tree

1 file changed

+14
-1
lines changed

1 file changed

+14
-1
lines changed

docs/content/content-collapsible.html

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -157,6 +157,20 @@ <h3>Header swatch B</h3>
157157
<p>I'm the collapsible content with a themed content block set to "d".</p>
158158
</div>
159159

160+
<h2>Corner styling</h2>
161+
162+
<p>To create an inset collapsible without rounded corners you can add the <code>data-corners="false"</code> attribute to the element.</p>
163+
164+
<code>
165+
&lt;div data-role=&quot;collapsible&quot; <strong>data-corners=&quot;false&quot;</strong> data-theme=&quot;b&quot; data-content-theme=&quot;d&quot;&gt;
166+
</code>
167+
168+
<p>This code will create an inset collapsible without rounded corners:</p>
169+
170+
<div data-role="collapsible" data-corners="false" data-theme="b" data-content-theme="d">
171+
<h3>I'm a header</h3>
172+
<p>I'm the collapsible content.</p>
173+
</div>
160174

161175

162176
<h2>Nested Collapsibles</h2>
@@ -211,7 +225,6 @@ <h3>Section 4: Collapsed list</h3>
211225
</div>
212226

213227

214-
215228
<h2>Collapsible sets (accordions)</h2>
216229
<p>It's possible to combine multiple collapsibles into a grouped set that acts like an <a href="content-collapsible-set.html">accordion widget</a>.</p>
217230

0 commit comments

Comments
 (0)