From bd5a00c61b355c857b5c99323592ca432dea5d0a Mon Sep 17 00:00:00 2001 From: Mitchell Riedstra Date: Fri, 5 Jan 2024 23:18:49 -0500 Subject: wip --- htmx/static/pico-1.5.11/docs/src/buttons.html | 77 +++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 htmx/static/pico-1.5.11/docs/src/buttons.html (limited to 'htmx/static/pico-1.5.11/docs/src/buttons.html') diff --git a/htmx/static/pico-1.5.11/docs/src/buttons.html b/htmx/static/pico-1.5.11/docs/src/buttons.html new file mode 100644 index 0000000..7b37c18 --- /dev/null +++ b/htmx/static/pico-1.5.11/docs/src/buttons.html @@ -0,0 +1,77 @@ + + + + ${require('./_head.html') + title=`Buttons` + description=`The essential button in pure HTML, without .classes for the default style.` + canonical=`buttons.html` + } + + + + ${require('./_nav.html')} + +
+ ${require('./_sidebar.html') active=`buttons-link`} + +
+
+
+

Buttons

+

The essential button in pure HTML, without .classes for the default style.

+
+
+ + +
+ +
<button>Button</button>
+<input type="submit">
+ +
+
+

Buttons are width: 100%; by default. Use role="button" on an inline element if you need an inline button.

+
+ Link + Link +
+ +
<a href="#" role="button">Link</a>
+<a href="#" role="button">Link</a>
+ +
+
+

Buttons come with .secondary and .contrast styles.

+

ℹ️ These classes are not available in the class-less version.

+
+ Secondary + Contrast +
+ +
<a href="#" role="button" class="secondary">Secondary</a>
+<a href="#" role="button" class="contrast">Contrast</a>
+ +
+
+

And a classic .outline variant.

+
+ Primary + Secondary + Contrast +
+ +
<a href="#" role="button" class="outline">Primary</a>
+<a href="#" role="button" class="secondary outline">Secondary</a>
+<a href="#" role="button" class="contrast outline">Contrast</a>
+ +
+
+
+ + ${require('./_footer.html')} + +
+
+ + + -- cgit v1.2.3