提交 7cc72e3b 编写于 作者: C codecalm

input with spinner

上级 42ef0f6b
...@@ -129,7 +129,7 @@ bootstrap-link: components/forms/ ...@@ -129,7 +129,7 @@ bootstrap-link: components/forms/
<div class="mb-2"> <div class="mb-2">
<label class="form-label">Input group</label> <label class="form-label">Input group</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" placeholder="Search for&hellip;"> <input type="text" class="form-control" placeholder="Search for">
<span class="input-group-append"> <span class="input-group-append">
<button class="btn btn-primary" type="button">Go!</button> <button class="btn btn-primary" type="button">Go!</button>
</span> </span>
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Input group</label> <label class="form-label">Input group</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" placeholder="Search for&hellip;"> <input type="text" class="form-control" placeholder="Search for">
<span class="input-group-append"> <span class="input-group-append">
<button class="btn btn-primary" type="button">Go!</button> <button class="btn btn-primary" type="button">Go!</button>
</span> </span>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
<label class="form-label">ZIP Code</label> <label class="form-label">ZIP Code</label>
<div class="row row-sm"> <div class="row row-sm">
<div class="col"> <div class="col">
<input type="text" class="form-control" placeholder="Search for&hellip;"> <input type="text" class="form-control" placeholder="Search for">
</div> </div>
<div class="col-auto align-self-center"> <div class="col-auto align-self-center">
<span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href='#'>USP ZIP codes lookup tools</a></p>" data-html="true">?</span> <span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href='#'>USP ZIP codes lookup tools</a></p>" data-html="true">?</span>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="col-auto ml-auto d-print-none"> <div class="col-auto ml-auto d-print-none">
{% if actions == 'users' %} {% if actions == 'users' %}
<div class="d-flex"> <div class="d-flex">
<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;"/> <input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user"/>
{% include ui/button.html text="New user" color="primary" icon="plus" %} {% include ui/button.html text="New user" color="primary" icon="plus" %}
</div> </div>
{% elsif actions == 'calendar' %} {% elsif actions == 'calendar' %}
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<label class="form-label">Separated inputs</label> <label class="form-label">Separated inputs</label>
<div class="row row-xs"> <div class="row row-xs">
<div class="col"> <div class="col">
<input type="text" class="form-control" placeholder="Search for&hellip;"> <input type="text" class="form-control" placeholder="Search for">
</div> </div>
<div class="col-auto"> <div class="col-auto">
{% include ui/button.html icon="search" icon-only=true color="secondary" %} {% include ui/button.html icon="search" icon-only=true color="secondary" %}
......
...@@ -6,6 +6,6 @@ ...@@ -6,6 +6,6 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Loader input</label> <label class="form-label">Loader input</label>
{% include ui/form/input-icon.html loader=true class="mb-3" %} {% include ui/form/input-icon.html loader=true class="mb-3" placeholder="Loading…" %}
{% include ui/form/input-icon.html loader=true class="mb-3" icon="user" prepend=true placeholder="Username" %} {% include ui/form/input-icon.html loader=true class="mb-3" icon="user" prepend=true placeholder="Loading…" %}
</div> </div>
\ No newline at end of file
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<option>USA</option> <option>USA</option>
<option>Germany</option> <option>Germany</option>
<option>Poland</option> <option>Poland</option>
<option>Other&hellip;</option> <option>Other</option>
</select> </select>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-US"> <html lang="en-US">
<meta charset="utf-8"> <meta charset="utf-8">
<title>Redirecting&hellip;</title> <title>Redirecting</title>
<link rel="canonical" href="{{ site.base }}{{ include.url }}"> <link rel="canonical" href="{{ site.base }}{{ include.url }}">
<meta http-equiv="refresh" content="0; url={{ site.base }}{{ include.url }}"> <meta http-equiv="refresh" content="0; url={{ site.base }}{{ include.url }}">
<meta name="robots" content="noindex"> <meta name="robots" content="noindex">
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
{{ addon }} {{ addon }}
{% endif %} {% endif %}
<input type="text" class="form-control{% if include.light %} form-control-light{% endif %}" placeholder="{{ include.placeholder | default: 'Search&hellip;' }}"> <input type="text" class="form-control{% if include.light %} form-control-light{% endif %}" placeholder="{{ include.placeholder | default: 'Search' }}">
{% unless include.prepend %} {% unless include.prepend %}
{{ addon }} {{ addon }}
......
{% append_lib autosize %} {% append_lib autosize %}
<textarea class="form-control" data-toggle="autosize" placeholder="{{ include.placeholder | default: 'Typing something&hellip;' }}"></textarea> <textarea class="form-control" data-toggle="autosize" placeholder="{{ include.placeholder | default: 'Typing something' }}"></textarea>
{% capture_once scripts %} {% capture_once scripts %}
<script> <script>
......
...@@ -5,6 +5,6 @@ body-class: border-top-wide border-primary ...@@ -5,6 +5,6 @@ body-class: border-top-wide border-primary
<div class="d-flex align-items-center justify-content-center min-vh-100"> <div class="d-flex align-items-center justify-content-center min-vh-100">
{% assign error = site.data.errors[page.error] %} {% assign error = site.data.errors[page.error] %}
{% assign header = error.header | default: 'Oops&hellip; You just found an error page' %} {% assign header = error.header | default: 'Oops You just found an error page' %}
{% include ui/empty.html icon="settings" illustration=error.illustration icon-text=error.title title=header subtitle=error.description button-icon="arrow-left" button-text="Take me home" %} {% include ui/empty.html icon="settings" illustration=error.illustration icon-text=error.title title=header subtitle=error.description button-icon="arrow-left" button-text="Take me home" %}
</div> </div>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册