mirror of
https://github.com/tabler/tabler.git
synced 2025-12-24 10:48:14 +04:00
Compare commits
20 Commits
v1.0.0-alp
...
v1.0.0-bet
| Author | SHA1 | Date | |
|---|---|---|---|
|
1941ee20ae | ||
|
|
f6c235e38b | ||
|
|
6cece1ea36 | ||
|
|
429c8e831a | ||
|
|
9246295721 | ||
|
|
300c225636 | ||
|
|
0c0d344107 | ||
|
|
21c1ae3bd7 | ||
|
|
768065768d | ||
|
629e129b03 | ||
|
|
dace4f8092 | ||
|
|
006b1d9344 | ||
|
|
199899968b | ||
|
|
53809dc650 | ||
|
|
c436e490b7 | ||
|
|
65a68348dd | ||
|
|
acc31ea0d1 | ||
|
|
92b349f7fb | ||
|
|
a83b4bc97a | ||
|
|
cd91b833b7 |
2
LICENSE
2
LICENSE
@@ -1,6 +1,6 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2018-2019 The Tabler Authors
|
||||
Copyright (c) 2018-2021 The Tabler Authors
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
|
||||
@@ -16,7 +16,7 @@ A premium and open source dashboard template with a responsive and high-quality
|
||||
|
||||
<p align="center">
|
||||
<a href="https://github.com/sponsors/codecalm">
|
||||
<img src='https://cdn.jsdelivr.net/gh/tabler/static/sponsors.svg'>
|
||||
<img src='https://raw.githubusercontent.com/tabler/static/main/sponsors.svg'>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
|
||||
@@ -23,6 +23,7 @@ preview-url: https://preview.tabler.io
|
||||
mapbox-key: pk.eyJ1IjoiY29kZWNhbG0iLCJhIjoiSzRiOVJvQSJ9.BUVkTT6IYs83xSUs4H7bjQ
|
||||
google-maps-key: AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI
|
||||
google-maps-dev-key: AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw
|
||||
npm-package: "@tabler/core"
|
||||
|
||||
debug: false
|
||||
|
||||
@@ -34,7 +35,7 @@ plugins:
|
||||
- jekyll-timeago
|
||||
- jekyll-redirect-from
|
||||
|
||||
tabler-plugins:
|
||||
tabler-css-plugins:
|
||||
- tabler-flags
|
||||
- tabler-payments
|
||||
- tabler-vendors
|
||||
@@ -62,7 +63,6 @@ defaults:
|
||||
path: "*.md"
|
||||
values:
|
||||
layout: markdown
|
||||
|
||||
- scope:
|
||||
type: "pages"
|
||||
values:
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -412,7 +412,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -614,7 +614,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -699,7 +699,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -362,7 +362,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -1133,7 +1133,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -605,7 +605,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -950,7 +950,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -520,7 +520,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="./docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="./docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./changelog.html" class="nav-link active">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -601,6 +632,17 @@
|
||||
<h1 class="m-0">Changelog</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div class="mb-2">
|
||||
<span class="badge bg-blue-lt">1.0.0-beta</span> –
|
||||
<span class="text-muted">February 17, 2021</span>
|
||||
</div>
|
||||
<p>Initial release of Tabler v1.0! Lots more coming soon though 😁</p>
|
||||
<ul>
|
||||
<li>Updated to Bootstrap v5.0.0-beta2</li>
|
||||
<li>Updated other dependencies.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -625,7 +667,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -392,7 +392,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -541,7 +541,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -658,7 +658,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
12
demo/dist/css/demo.css
vendored
12
demo/dist/css/demo.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -22,14 +22,16 @@ pre.highlight,
|
||||
pre.highlight::-webkit-scrollbar-thumb,
|
||||
.highlight pre::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
pre.highlight::-webkit-scrollbar-track,
|
||||
.highlight pre::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
pre.highlight::-webkit-scrollbar-corner,
|
||||
.highlight pre::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
pre.highlight:hover::-webkit-scrollbar-thumb,
|
||||
.highlight pre:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
|
||||
.highlight {
|
||||
margin: 0; }
|
||||
|
||||
6
demo/dist/css/demo.min.css
vendored
6
demo/dist/css/demo.min.css
vendored
File diff suppressed because one or more lines are too long
12
demo/dist/css/demo.rtl.css
vendored
12
demo/dist/css/demo.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -22,14 +22,16 @@ pre.highlight,
|
||||
pre.highlight::-webkit-scrollbar-thumb,
|
||||
.highlight pre::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
pre.highlight::-webkit-scrollbar-track,
|
||||
.highlight pre::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
pre.highlight::-webkit-scrollbar-corner,
|
||||
.highlight pre::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
pre.highlight:hover::-webkit-scrollbar-thumb,
|
||||
.highlight pre:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
|
||||
.highlight {
|
||||
margin: 0; }
|
||||
|
||||
6
demo/dist/css/demo.rtl.min.css
vendored
6
demo/dist/css/demo.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
24
demo/dist/css/tabler-flags.css
vendored
24
demo/dist/css/tabler-flags.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -787,21 +787,21 @@
|
||||
background-image: url("../img/flags/un.svg"); }
|
||||
|
||||
.flag-xs {
|
||||
width: 1.6666625rem;
|
||||
height: 1.25rem; }
|
||||
width: 1.25rem;
|
||||
height: 0.9375rem; }
|
||||
|
||||
.flag-sm {
|
||||
width: 2.66666rem;
|
||||
height: 2rem; }
|
||||
width: 2rem;
|
||||
height: 1.5rem; }
|
||||
|
||||
.flag-md {
|
||||
width: 4.9999875rem;
|
||||
height: 3.75rem; }
|
||||
width: 3.75rem;
|
||||
height: 2.8125rem; }
|
||||
|
||||
.flag-lg {
|
||||
width: 6.66665rem;
|
||||
height: 5rem; }
|
||||
width: 5rem;
|
||||
height: 3.75rem; }
|
||||
|
||||
.flag-xl {
|
||||
width: 9.33331rem;
|
||||
height: 7rem; }
|
||||
width: 7rem;
|
||||
height: 5.25rem; }
|
||||
|
||||
6
demo/dist/css/tabler-flags.min.css
vendored
6
demo/dist/css/tabler-flags.min.css
vendored
File diff suppressed because one or more lines are too long
24
demo/dist/css/tabler-flags.rtl.css
vendored
24
demo/dist/css/tabler-flags.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -787,21 +787,21 @@
|
||||
background-image: url("../img/flags/un.svg"); }
|
||||
|
||||
.flag-xs {
|
||||
width: 1.6666625rem;
|
||||
height: 1.25rem; }
|
||||
width: 1.25rem;
|
||||
height: 0.9375rem; }
|
||||
|
||||
.flag-sm {
|
||||
width: 2.66666rem;
|
||||
height: 2rem; }
|
||||
width: 2rem;
|
||||
height: 1.5rem; }
|
||||
|
||||
.flag-md {
|
||||
width: 4.9999875rem;
|
||||
height: 3.75rem; }
|
||||
width: 3.75rem;
|
||||
height: 2.8125rem; }
|
||||
|
||||
.flag-lg {
|
||||
width: 6.66665rem;
|
||||
height: 5rem; }
|
||||
width: 5rem;
|
||||
height: 3.75rem; }
|
||||
|
||||
.flag-xl {
|
||||
width: 9.33331rem;
|
||||
height: 7rem; }
|
||||
width: 7rem;
|
||||
height: 5.25rem; }
|
||||
|
||||
6
demo/dist/css/tabler-flags.rtl.min.css
vendored
6
demo/dist/css/tabler-flags.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
4
demo/dist/css/tabler-payments.css
vendored
4
demo/dist/css/tabler-payments.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
4
demo/dist/css/tabler-payments.min.css
vendored
4
demo/dist/css/tabler-payments.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
4
demo/dist/css/tabler-payments.rtl.css
vendored
4
demo/dist/css/tabler-payments.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
4
demo/dist/css/tabler-payments.rtl.min.css
vendored
4
demo/dist/css/tabler-payments.rtl.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
678
demo/dist/css/tabler-vendors.css
vendored
678
demo/dist/css/tabler-vendors.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -46,41 +46,303 @@
|
||||
.apexcharts-xaxis-label {
|
||||
fill: #656d77; }
|
||||
|
||||
.fc-unthemed .fc-content,
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-list-heading td,
|
||||
.fc-unthemed .fc-list-view,
|
||||
.fc-unthemed .fc-popover,
|
||||
.fc-unthemed .fc-row,
|
||||
.fc-unthemed tbody,
|
||||
.fc-unthemed td,
|
||||
.fc-unthemed th,
|
||||
.fc-unthemed thead {
|
||||
border-color: #e6e8e9; }
|
||||
/*! nouislider - 14.6.3 - 11/19/2020 */
|
||||
/* Functional styling;
|
||||
* These styles are required for noUiSlider to function.
|
||||
* You don't need to change these rules to apply your design.
|
||||
*/
|
||||
.noUi-target,
|
||||
.noUi-target * {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-user-select: none;
|
||||
touch-action: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.fc-unthemed .fc-toolbar h2 {
|
||||
font-size: 1.125rem;
|
||||
margin: 0; }
|
||||
.noUi-target {
|
||||
position: relative; }
|
||||
|
||||
.fc-unthemed .fc-widget-header {
|
||||
border: 0; }
|
||||
.noUi-base,
|
||||
.noUi-connects {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
.fc-unthemed .fc-day-header {
|
||||
padding-bottom: .25rem;
|
||||
font-weight: 600; }
|
||||
/* Wrapper for all connect elements.
|
||||
*/
|
||||
.noUi-connects {
|
||||
overflow: hidden;
|
||||
z-index: 0; }
|
||||
|
||||
.fc-unthemed.card-calendar .fc-day-grid-container {
|
||||
border-bottom: 0;
|
||||
border-left: 0; }
|
||||
.noUi-connect,
|
||||
.noUi-origin {
|
||||
will-change: transform;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-origin: 0 0;
|
||||
transform-style: flat; }
|
||||
|
||||
.fc-unthemed .fc-time {
|
||||
font-weight: 600; }
|
||||
.noUi-connect {
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.fc-unthemed .fc-event {
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
color: #206bc4;
|
||||
background-color: #edf3fa;
|
||||
padding: 0 .25rem; }
|
||||
.noUi-origin {
|
||||
height: 10%;
|
||||
width: 10%; }
|
||||
|
||||
/* Offset direction
|
||||
*/
|
||||
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||
left: 0;
|
||||
right: auto; }
|
||||
|
||||
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||
* connect elements.
|
||||
*/
|
||||
.noUi-vertical .noUi-origin {
|
||||
width: 0; }
|
||||
|
||||
.noUi-horizontal .noUi-origin {
|
||||
height: 0; }
|
||||
|
||||
.noUi-handle {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
position: absolute; }
|
||||
|
||||
.noUi-touch-area {
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-state-tap .noUi-connect,
|
||||
.noUi-state-tap .noUi-origin {
|
||||
transition: transform 0.3s; }
|
||||
|
||||
.noUi-state-drag * {
|
||||
cursor: inherit !important; }
|
||||
|
||||
/* Slider size and handle placement;
|
||||
*/
|
||||
.noUi-horizontal {
|
||||
height: 18px; }
|
||||
|
||||
.noUi-horizontal .noUi-handle {
|
||||
width: 34px;
|
||||
height: 28px;
|
||||
right: -17px;
|
||||
top: -6px; }
|
||||
|
||||
.noUi-vertical {
|
||||
width: 18px; }
|
||||
|
||||
.noUi-vertical .noUi-handle {
|
||||
width: 28px;
|
||||
height: 34px;
|
||||
right: -6px;
|
||||
top: -17px; }
|
||||
|
||||
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||
left: -17px;
|
||||
right: auto; }
|
||||
|
||||
/* Styling;
|
||||
* Giving the connect element a border radius causes issues with using transform: scale
|
||||
*/
|
||||
.noUi-target {
|
||||
background: #FAFAFA;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D3D3D3;
|
||||
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
|
||||
|
||||
.noUi-connects {
|
||||
border-radius: 3px; }
|
||||
|
||||
.noUi-connect {
|
||||
background: #3FB8AF; }
|
||||
|
||||
/* Handles and cursors;
|
||||
*/
|
||||
.noUi-draggable {
|
||||
cursor: ew-resize; }
|
||||
|
||||
.noUi-vertical .noUi-draggable {
|
||||
cursor: ns-resize; }
|
||||
|
||||
.noUi-handle {
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #FFF;
|
||||
cursor: default;
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
|
||||
|
||||
.noUi-active {
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
|
||||
|
||||
/* Handle stripes;
|
||||
*/
|
||||
.noUi-handle:before,
|
||||
.noUi-handle:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 14px;
|
||||
width: 1px;
|
||||
background: #E8E7E6;
|
||||
left: 14px;
|
||||
top: 6px; }
|
||||
|
||||
.noUi-handle:after {
|
||||
left: 17px; }
|
||||
|
||||
.noUi-vertical .noUi-handle:before,
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
width: 14px;
|
||||
height: 1px;
|
||||
left: 6px;
|
||||
top: 14px; }
|
||||
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
top: 17px; }
|
||||
|
||||
/* Disabled state;
|
||||
*/
|
||||
[disabled] .noUi-connect {
|
||||
background: #B8B8B8; }
|
||||
|
||||
[disabled].noUi-target,
|
||||
[disabled].noUi-handle,
|
||||
[disabled] .noUi-handle {
|
||||
cursor: not-allowed; }
|
||||
|
||||
/* Base;
|
||||
*
|
||||
*/
|
||||
.noUi-pips,
|
||||
.noUi-pips * {
|
||||
box-sizing: border-box; }
|
||||
|
||||
.noUi-pips {
|
||||
position: absolute;
|
||||
color: #999; }
|
||||
|
||||
/* Values;
|
||||
*
|
||||
*/
|
||||
.noUi-value {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
text-align: center; }
|
||||
|
||||
.noUi-value-sub {
|
||||
color: #ccc;
|
||||
font-size: 10px; }
|
||||
|
||||
/* Markings;
|
||||
*
|
||||
*/
|
||||
.noUi-marker {
|
||||
position: absolute;
|
||||
background: #CCC; }
|
||||
|
||||
.noUi-marker-sub {
|
||||
background: #AAA; }
|
||||
|
||||
.noUi-marker-large {
|
||||
background: #AAA; }
|
||||
|
||||
/* Horizontal layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-horizontal {
|
||||
padding: 10px 0;
|
||||
height: 80px;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-value-horizontal {
|
||||
transform: translate(-50%, 50%); }
|
||||
|
||||
.noUi-rtl .noUi-value-horizontal {
|
||||
transform: translate(50%, 50%); }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker {
|
||||
margin-left: -1px;
|
||||
width: 2px;
|
||||
height: 5px; }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-sub {
|
||||
height: 10px; }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-large {
|
||||
height: 15px; }
|
||||
|
||||
/* Vertical layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-vertical {
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 100%; }
|
||||
|
||||
.noUi-value-vertical {
|
||||
transform: translate(0, -50%);
|
||||
padding-left: 25px; }
|
||||
|
||||
.noUi-rtl .noUi-value-vertical {
|
||||
transform: translate(0, 50%); }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker {
|
||||
width: 5px;
|
||||
height: 2px;
|
||||
margin-top: -1px; }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-sub {
|
||||
width: 10px; }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-large {
|
||||
width: 15px; }
|
||||
|
||||
.noUi-tooltip {
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
white-space: nowrap; }
|
||||
|
||||
.noUi-horizontal .noUi-tooltip {
|
||||
transform: translate(-50%, 0);
|
||||
left: 50%;
|
||||
bottom: 120%; }
|
||||
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
transform: translate(0, -50%);
|
||||
top: 50%;
|
||||
right: 120%; }
|
||||
|
||||
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||
transform: translate(50%, 0);
|
||||
left: auto;
|
||||
bottom: 10px; }
|
||||
|
||||
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||
transform: translate(0, -18px);
|
||||
top: auto;
|
||||
right: 28px; }
|
||||
|
||||
.noUi-target {
|
||||
border: 0;
|
||||
@@ -154,3 +416,357 @@
|
||||
transition: .3s color, .3s background-color, .3s border-color; }
|
||||
.datepicker-inline .litepicker .container__months {
|
||||
box-shadow: none; }
|
||||
|
||||
/*===============================
|
||||
= Choices =
|
||||
===============================*/
|
||||
.choices {
|
||||
position: relative;
|
||||
margin-bottom: 24px;
|
||||
font-size: 16px; }
|
||||
|
||||
.choices:focus {
|
||||
outline: none; }
|
||||
|
||||
.choices:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.choices.is-disabled .choices__inner,
|
||||
.choices.is-disabled .choices__input {
|
||||
background-color: #eaeaea;
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.choices.is-disabled .choices__item {
|
||||
cursor: not-allowed; }
|
||||
|
||||
.choices [hidden] {
|
||||
display: none !important; }
|
||||
|
||||
.choices[data-type*='select-one'] {
|
||||
cursor: pointer; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__inner {
|
||||
padding-bottom: 7.5px; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
background-color: #ffffff;
|
||||
margin: 0; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__button {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
padding: 0;
|
||||
background-size: 8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -10px;
|
||||
margin-right: 25px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 10em;
|
||||
opacity: 0.5; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
|
||||
opacity: 1; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__button:focus {
|
||||
box-shadow: 0px 0px 0px 2px #00bcd4; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
|
||||
display: none; }
|
||||
|
||||
.choices[data-type*='select-one']:after {
|
||||
content: '';
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-style: solid;
|
||||
border-color: #333333 transparent transparent transparent;
|
||||
border-width: 5px;
|
||||
position: absolute;
|
||||
right: 11.5px;
|
||||
top: 50%;
|
||||
margin-top: -2.5px;
|
||||
pointer-events: none; }
|
||||
|
||||
.choices[data-type*='select-one'].is-open:after {
|
||||
border-color: transparent transparent #333333 transparent;
|
||||
margin-top: -7.5px; }
|
||||
|
||||
.choices[data-type*='select-one'][dir='rtl']:after {
|
||||
left: 11.5px;
|
||||
right: auto; }
|
||||
|
||||
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
|
||||
right: auto;
|
||||
left: 0;
|
||||
margin-left: 25px;
|
||||
margin-right: 0; }
|
||||
|
||||
.choices[data-type*='select-multiple'] .choices__inner,
|
||||
.choices[data-type*='text'] .choices__inner {
|
||||
cursor: text; }
|
||||
|
||||
.choices[data-type*='select-multiple'] .choices__button,
|
||||
.choices[data-type*='text'] .choices__button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-right: -4px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 8px;
|
||||
padding-left: 16px;
|
||||
border-left: 1px solid #008fa1;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
background-size: 8px;
|
||||
width: 8px;
|
||||
line-height: 1;
|
||||
opacity: 0.75;
|
||||
border-radius: 0; }
|
||||
|
||||
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
|
||||
.choices[data-type*='text'] .choices__button:hover,
|
||||
.choices[data-type*='text'] .choices__button:focus {
|
||||
opacity: 1; }
|
||||
|
||||
.choices__inner {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
background-color: #f9f9f9;
|
||||
padding: 7.5px 7.5px 3.75px;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 2.5px;
|
||||
font-size: 14px;
|
||||
min-height: 44px;
|
||||
overflow: hidden; }
|
||||
|
||||
.is-focused .choices__inner,
|
||||
.is-open .choices__inner {
|
||||
border-color: #b7b7b7; }
|
||||
|
||||
.is-open .choices__inner {
|
||||
border-radius: 2.5px 2.5px 0 0; }
|
||||
|
||||
.is-flipped.is-open .choices__inner {
|
||||
border-radius: 0 0 2.5px 2.5px; }
|
||||
|
||||
.choices__list {
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
list-style: none; }
|
||||
|
||||
.choices__list--single {
|
||||
display: inline-block;
|
||||
padding: 4px 16px 4px 4px;
|
||||
width: 100%; }
|
||||
|
||||
[dir='rtl'] .choices__list--single {
|
||||
padding-right: 4px;
|
||||
padding-left: 16px; }
|
||||
|
||||
.choices__list--single .choices__item {
|
||||
width: 100%; }
|
||||
|
||||
.choices__list--multiple {
|
||||
display: inline; }
|
||||
|
||||
.choices__list--multiple .choices__item {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border-radius: 20px;
|
||||
padding: 4px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-right: 3.75px;
|
||||
margin-bottom: 3.75px;
|
||||
background-color: #00bcd4;
|
||||
border: 1px solid #00a5bb;
|
||||
color: #ffffff;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.choices__list--multiple .choices__item[data-deletable] {
|
||||
padding-right: 5px; }
|
||||
|
||||
[dir='rtl'] .choices__list--multiple .choices__item {
|
||||
margin-right: 0;
|
||||
margin-left: 3.75px; }
|
||||
|
||||
.choices__list--multiple .choices__item.is-highlighted {
|
||||
background-color: #00a5bb;
|
||||
border: 1px solid #008fa1; }
|
||||
|
||||
.is-disabled .choices__list--multiple .choices__item {
|
||||
background-color: #aaaaaa;
|
||||
border: 1px solid #919191; }
|
||||
|
||||
.choices__list--dropdown {
|
||||
visibility: hidden;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
top: 100%;
|
||||
margin-top: -1px;
|
||||
border-bottom-left-radius: 2.5px;
|
||||
border-bottom-right-radius: 2.5px;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
will-change: visibility; }
|
||||
|
||||
.choices__list--dropdown.is-active {
|
||||
visibility: visible; }
|
||||
|
||||
.is-open .choices__list--dropdown {
|
||||
border-color: #b7b7b7; }
|
||||
|
||||
.is-flipped .choices__list--dropdown {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: -1px;
|
||||
border-radius: 0.25rem 0.25rem 0 0; }
|
||||
|
||||
.choices__list--dropdown .choices__list {
|
||||
position: relative;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
will-change: scroll-position; }
|
||||
|
||||
.choices__list--dropdown .choices__item {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
font-size: 14px; }
|
||||
|
||||
[dir='rtl'] .choices__list--dropdown .choices__item {
|
||||
text-align: right; }
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.choices__list--dropdown .choices__item--selectable {
|
||||
padding-right: 100px; }
|
||||
.choices__list--dropdown .choices__item--selectable:after {
|
||||
content: attr(data-select-text);
|
||||
font-size: 12px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); }
|
||||
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
|
||||
text-align: right;
|
||||
padding-left: 100px;
|
||||
padding-right: 10px; }
|
||||
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
|
||||
right: auto;
|
||||
left: 10px; } }
|
||||
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted {
|
||||
background-color: #f2f2f2; }
|
||||
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
|
||||
opacity: 0.5; }
|
||||
|
||||
.choices__item {
|
||||
cursor: default; }
|
||||
|
||||
.choices__item--selectable {
|
||||
cursor: pointer; }
|
||||
|
||||
.choices__item--disabled {
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
opacity: 0.5; }
|
||||
|
||||
.choices__heading {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #f7f7f7;
|
||||
color: gray; }
|
||||
|
||||
.choices__button {
|
||||
text-indent: -9999px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
cursor: pointer; }
|
||||
|
||||
.choices__button:focus {
|
||||
outline: none; }
|
||||
|
||||
.choices__input {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
background-color: #f9f9f9;
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
max-width: 100%;
|
||||
padding: 4px 0 4px 2px; }
|
||||
|
||||
.choices__input:focus {
|
||||
outline: 0; }
|
||||
|
||||
[dir='rtl'] .choices__input {
|
||||
padding-right: 2px;
|
||||
padding-left: 0; }
|
||||
|
||||
.choices__placeholder {
|
||||
opacity: 0.5; }
|
||||
|
||||
/*===== End of Choices ======*/
|
||||
.choices {
|
||||
margin: 0;
|
||||
font-size: inherit;
|
||||
position: relative;
|
||||
cursor: pointer; }
|
||||
.choices:focus {
|
||||
outline: none; }
|
||||
.choices:after {
|
||||
content: none !important; }
|
||||
.choices.is-focused .form-select {
|
||||
border-color: #90b5e2;
|
||||
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
||||
.choices .dropdown-menu {
|
||||
width: 100%;
|
||||
height: auto; }
|
||||
.choices .dropdown-menu .choices__list {
|
||||
max-height: 13rem;
|
||||
overflow-x: hidden; }
|
||||
.choices .dropdown-menu .dropdown-item {
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem; }
|
||||
.choices .dropdown-menu .dropdown-item.active {
|
||||
background: transparent;
|
||||
color: inherit; }
|
||||
.choices .dropdown-menu .dropdown-item.is-highlighted {
|
||||
color: #206bc4;
|
||||
background-color: rgba(32, 107, 196, 0.06); }
|
||||
|
||||
.choices__placeholder {
|
||||
color: #a7abb1;
|
||||
opacity: 1; }
|
||||
|
||||
.choices__list--single {
|
||||
padding: 0; }
|
||||
|
||||
.choices__list--dropdown .choices__item--selectable:after {
|
||||
content: none; }
|
||||
|
||||
6
demo/dist/css/tabler-vendors.min.css
vendored
6
demo/dist/css/tabler-vendors.min.css
vendored
File diff suppressed because one or more lines are too long
678
demo/dist/css/tabler-vendors.rtl.css
vendored
678
demo/dist/css/tabler-vendors.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -46,41 +46,303 @@
|
||||
.apexcharts-xaxis-label {
|
||||
fill: #656d77; }
|
||||
|
||||
.fc-unthemed .fc-content,
|
||||
.fc-unthemed .fc-divider,
|
||||
.fc-unthemed .fc-list-heading td,
|
||||
.fc-unthemed .fc-list-view,
|
||||
.fc-unthemed .fc-popover,
|
||||
.fc-unthemed .fc-row,
|
||||
.fc-unthemed tbody,
|
||||
.fc-unthemed td,
|
||||
.fc-unthemed th,
|
||||
.fc-unthemed thead {
|
||||
border-color: #e6e8e9; }
|
||||
/*! nouislider - 14.6.3 - 11/19/2020 */
|
||||
/* Functional styling;
|
||||
* These styles are required for noUiSlider to function.
|
||||
* You don't need to change these rules to apply your design.
|
||||
*/
|
||||
.noUi-target,
|
||||
.noUi-target * {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-user-select: none;
|
||||
touch-action: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.fc-unthemed .fc-toolbar h2 {
|
||||
font-size: 1.125rem;
|
||||
margin: 0; }
|
||||
.noUi-target {
|
||||
position: relative; }
|
||||
|
||||
.fc-unthemed .fc-widget-header {
|
||||
border: 0; }
|
||||
.noUi-base,
|
||||
.noUi-connects {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
.fc-unthemed .fc-day-header {
|
||||
padding-bottom: .25rem;
|
||||
font-weight: 600; }
|
||||
/* Wrapper for all connect elements.
|
||||
*/
|
||||
.noUi-connects {
|
||||
overflow: hidden;
|
||||
z-index: 0; }
|
||||
|
||||
.fc-unthemed.card-calendar .fc-day-grid-container {
|
||||
border-bottom: 0;
|
||||
border-right: 0; }
|
||||
.noUi-connect,
|
||||
.noUi-origin {
|
||||
will-change: transform;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-origin: 100% 0;
|
||||
transform-style: flat; }
|
||||
|
||||
.fc-unthemed .fc-time {
|
||||
font-weight: 600; }
|
||||
.noUi-connect {
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.fc-unthemed .fc-event {
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
color: #206bc4;
|
||||
background-color: #edf3fa;
|
||||
padding: 0 .25rem; }
|
||||
.noUi-origin {
|
||||
height: 10%;
|
||||
width: 10%; }
|
||||
|
||||
/* Offset direction
|
||||
*/
|
||||
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
||||
right: 0;
|
||||
left: auto; }
|
||||
|
||||
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||
* connect elements.
|
||||
*/
|
||||
.noUi-vertical .noUi-origin {
|
||||
width: 0; }
|
||||
|
||||
.noUi-horizontal .noUi-origin {
|
||||
height: 0; }
|
||||
|
||||
.noUi-handle {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
position: absolute; }
|
||||
|
||||
.noUi-touch-area {
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-state-tap .noUi-connect,
|
||||
.noUi-state-tap .noUi-origin {
|
||||
transition: transform 0.3s; }
|
||||
|
||||
.noUi-state-drag * {
|
||||
cursor: inherit !important; }
|
||||
|
||||
/* Slider size and handle placement;
|
||||
*/
|
||||
.noUi-horizontal {
|
||||
height: 18px; }
|
||||
|
||||
.noUi-horizontal .noUi-handle {
|
||||
width: 34px;
|
||||
height: 28px;
|
||||
left: -17px;
|
||||
top: -6px; }
|
||||
|
||||
.noUi-vertical {
|
||||
width: 18px; }
|
||||
|
||||
.noUi-vertical .noUi-handle {
|
||||
width: 28px;
|
||||
height: 34px;
|
||||
left: -6px;
|
||||
top: -17px; }
|
||||
|
||||
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
||||
right: -17px;
|
||||
left: auto; }
|
||||
|
||||
/* Styling;
|
||||
* Giving the connect element a border radius causes issues with using transform: scale
|
||||
*/
|
||||
.noUi-target {
|
||||
background: #FAFAFA;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D3D3D3;
|
||||
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
|
||||
|
||||
.noUi-connects {
|
||||
border-radius: 3px; }
|
||||
|
||||
.noUi-connect {
|
||||
background: #3FB8AF; }
|
||||
|
||||
/* Handles and cursors;
|
||||
*/
|
||||
.noUi-draggable {
|
||||
cursor: ew-resize; }
|
||||
|
||||
.noUi-vertical .noUi-draggable {
|
||||
cursor: ns-resize; }
|
||||
|
||||
.noUi-handle {
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #FFF;
|
||||
cursor: default;
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
|
||||
|
||||
.noUi-active {
|
||||
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
|
||||
|
||||
/* Handle stripes;
|
||||
*/
|
||||
.noUi-handle:before,
|
||||
.noUi-handle:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 14px;
|
||||
width: 1px;
|
||||
background: #E8E7E6;
|
||||
right: 14px;
|
||||
top: 6px; }
|
||||
|
||||
.noUi-handle:after {
|
||||
right: 17px; }
|
||||
|
||||
.noUi-vertical .noUi-handle:before,
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
width: 14px;
|
||||
height: 1px;
|
||||
right: 6px;
|
||||
top: 14px; }
|
||||
|
||||
.noUi-vertical .noUi-handle:after {
|
||||
top: 17px; }
|
||||
|
||||
/* Disabled state;
|
||||
*/
|
||||
[disabled] .noUi-connect {
|
||||
background: #B8B8B8; }
|
||||
|
||||
[disabled].noUi-target,
|
||||
[disabled].noUi-handle,
|
||||
[disabled] .noUi-handle {
|
||||
cursor: not-allowed; }
|
||||
|
||||
/* Base;
|
||||
*
|
||||
*/
|
||||
.noUi-pips,
|
||||
.noUi-pips * {
|
||||
box-sizing: border-box; }
|
||||
|
||||
.noUi-pips {
|
||||
position: absolute;
|
||||
color: #999; }
|
||||
|
||||
/* Values;
|
||||
*
|
||||
*/
|
||||
.noUi-value {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
text-align: center; }
|
||||
|
||||
.noUi-value-sub {
|
||||
color: #ccc;
|
||||
font-size: 10px; }
|
||||
|
||||
/* Markings;
|
||||
*
|
||||
*/
|
||||
.noUi-marker {
|
||||
position: absolute;
|
||||
background: #CCC; }
|
||||
|
||||
.noUi-marker-sub {
|
||||
background: #AAA; }
|
||||
|
||||
.noUi-marker-large {
|
||||
background: #AAA; }
|
||||
|
||||
/* Horizontal layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-horizontal {
|
||||
padding: 10px 0;
|
||||
height: 80px;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%; }
|
||||
|
||||
.noUi-value-horizontal {
|
||||
transform: translate(50%, 50%); }
|
||||
|
||||
.noUi-rtl .noUi-value-horizontal {
|
||||
transform: translate(-50%, 50%); }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker {
|
||||
margin-right: -1px;
|
||||
width: 2px;
|
||||
height: 5px; }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-sub {
|
||||
height: 10px; }
|
||||
|
||||
.noUi-marker-horizontal.noUi-marker-large {
|
||||
height: 15px; }
|
||||
|
||||
/* Vertical layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-vertical {
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 100%; }
|
||||
|
||||
.noUi-value-vertical {
|
||||
transform: translate(0, -50%);
|
||||
padding-right: 25px; }
|
||||
|
||||
.noUi-rtl .noUi-value-vertical {
|
||||
transform: translate(0, 50%); }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker {
|
||||
width: 5px;
|
||||
height: 2px;
|
||||
margin-top: -1px; }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-sub {
|
||||
width: 10px; }
|
||||
|
||||
.noUi-marker-vertical.noUi-marker-large {
|
||||
width: 15px; }
|
||||
|
||||
.noUi-tooltip {
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
white-space: nowrap; }
|
||||
|
||||
.noUi-horizontal .noUi-tooltip {
|
||||
transform: translate(50%, 0);
|
||||
right: 50%;
|
||||
bottom: 120%; }
|
||||
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
transform: translate(0, -50%);
|
||||
top: 50%;
|
||||
left: 120%; }
|
||||
|
||||
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
||||
transform: translate(-50%, 0);
|
||||
right: auto;
|
||||
bottom: 10px; }
|
||||
|
||||
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
||||
transform: translate(0, -18px);
|
||||
top: auto;
|
||||
left: 28px; }
|
||||
|
||||
.noUi-target {
|
||||
border: 0;
|
||||
@@ -154,3 +416,357 @@
|
||||
transition: .3s color, .3s background-color, .3s border-color; }
|
||||
.datepicker-inline .litepicker .container__months {
|
||||
box-shadow: none; }
|
||||
|
||||
/*===============================
|
||||
= Choices =
|
||||
===============================*/
|
||||
.choices {
|
||||
position: relative;
|
||||
margin-bottom: 24px;
|
||||
font-size: 16px; }
|
||||
|
||||
.choices:focus {
|
||||
outline: none; }
|
||||
|
||||
.choices:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.choices.is-disabled .choices__inner,
|
||||
.choices.is-disabled .choices__input {
|
||||
background-color: #eaeaea;
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.choices.is-disabled .choices__item {
|
||||
cursor: not-allowed; }
|
||||
|
||||
.choices [hidden] {
|
||||
display: none !important; }
|
||||
|
||||
.choices[data-type*='select-one'] {
|
||||
cursor: pointer; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__inner {
|
||||
padding-bottom: 7.5px; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
background-color: #ffffff;
|
||||
margin: 0; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__button {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
padding: 0;
|
||||
background-size: 8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -10px;
|
||||
margin-left: 25px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 10em;
|
||||
opacity: 0.5; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
|
||||
opacity: 1; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__button:focus {
|
||||
box-shadow: 0px 0px 0px 2px #00bcd4; }
|
||||
|
||||
.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
|
||||
display: none; }
|
||||
|
||||
.choices[data-type*='select-one']:after {
|
||||
content: '';
|
||||
height: 0;
|
||||
width: 0;
|
||||
border-style: solid;
|
||||
border-color: #333333 transparent transparent transparent;
|
||||
border-width: 5px;
|
||||
position: absolute;
|
||||
left: 11.5px;
|
||||
top: 50%;
|
||||
margin-top: -2.5px;
|
||||
pointer-events: none; }
|
||||
|
||||
.choices[data-type*='select-one'].is-open:after {
|
||||
border-color: transparent transparent #333333 transparent;
|
||||
margin-top: -7.5px; }
|
||||
|
||||
.choices[data-type*='select-one'][dir='rtl']:after {
|
||||
right: 11.5px;
|
||||
left: auto; }
|
||||
|
||||
.choices[data-type*='select-one'][dir='rtl'] .choices__button {
|
||||
left: auto;
|
||||
right: 0;
|
||||
margin-right: 25px;
|
||||
margin-left: 0; }
|
||||
|
||||
.choices[data-type*='select-multiple'] .choices__inner,
|
||||
.choices[data-type*='text'] .choices__inner {
|
||||
cursor: text; }
|
||||
|
||||
.choices[data-type*='select-multiple'] .choices__button,
|
||||
.choices[data-type*='text'] .choices__button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-left: -4px;
|
||||
margin-bottom: 0;
|
||||
margin-right: 8px;
|
||||
padding-right: 16px;
|
||||
border-right: 1px solid #008fa1;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
|
||||
background-size: 8px;
|
||||
width: 8px;
|
||||
line-height: 1;
|
||||
opacity: 0.75;
|
||||
border-radius: 0; }
|
||||
|
||||
.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
|
||||
.choices[data-type*='text'] .choices__button:hover,
|
||||
.choices[data-type*='text'] .choices__button:focus {
|
||||
opacity: 1; }
|
||||
|
||||
.choices__inner {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
background-color: #f9f9f9;
|
||||
padding: 7.5px 7.5px 3.75px;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 2.5px;
|
||||
font-size: 14px;
|
||||
min-height: 44px;
|
||||
overflow: hidden; }
|
||||
|
||||
.is-focused .choices__inner,
|
||||
.is-open .choices__inner {
|
||||
border-color: #b7b7b7; }
|
||||
|
||||
.is-open .choices__inner {
|
||||
border-radius: 2.5px 2.5px 0 0; }
|
||||
|
||||
.is-flipped.is-open .choices__inner {
|
||||
border-radius: 0 0 2.5px 2.5px; }
|
||||
|
||||
.choices__list {
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
list-style: none; }
|
||||
|
||||
.choices__list--single {
|
||||
display: inline-block;
|
||||
padding: 4px 4px 4px 16px;
|
||||
width: 100%; }
|
||||
|
||||
[dir='rtl'] .choices__list--single {
|
||||
padding-left: 4px;
|
||||
padding-right: 16px; }
|
||||
|
||||
.choices__list--single .choices__item {
|
||||
width: 100%; }
|
||||
|
||||
.choices__list--multiple {
|
||||
display: inline; }
|
||||
|
||||
.choices__list--multiple .choices__item {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border-radius: 20px;
|
||||
padding: 4px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-left: 3.75px;
|
||||
margin-bottom: 3.75px;
|
||||
background-color: #00bcd4;
|
||||
border: 1px solid #00a5bb;
|
||||
color: #ffffff;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.choices__list--multiple .choices__item[data-deletable] {
|
||||
padding-left: 5px; }
|
||||
|
||||
[dir='rtl'] .choices__list--multiple .choices__item {
|
||||
margin-left: 0;
|
||||
margin-right: 3.75px; }
|
||||
|
||||
.choices__list--multiple .choices__item.is-highlighted {
|
||||
background-color: #00a5bb;
|
||||
border: 1px solid #008fa1; }
|
||||
|
||||
.is-disabled .choices__list--multiple .choices__item {
|
||||
background-color: #aaaaaa;
|
||||
border: 1px solid #919191; }
|
||||
|
||||
.choices__list--dropdown {
|
||||
visibility: hidden;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
top: 100%;
|
||||
margin-top: -1px;
|
||||
border-bottom-right-radius: 2.5px;
|
||||
border-bottom-left-radius: 2.5px;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
will-change: visibility; }
|
||||
|
||||
.choices__list--dropdown.is-active {
|
||||
visibility: visible; }
|
||||
|
||||
.is-open .choices__list--dropdown {
|
||||
border-color: #b7b7b7; }
|
||||
|
||||
.is-flipped .choices__list--dropdown {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: -1px;
|
||||
border-radius: 0.25rem 0.25rem 0 0; }
|
||||
|
||||
.choices__list--dropdown .choices__list {
|
||||
position: relative;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
will-change: scroll-position; }
|
||||
|
||||
.choices__list--dropdown .choices__item {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
font-size: 14px; }
|
||||
|
||||
[dir='rtl'] .choices__list--dropdown .choices__item {
|
||||
text-align: left; }
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.choices__list--dropdown .choices__item--selectable {
|
||||
padding-left: 100px; }
|
||||
.choices__list--dropdown .choices__item--selectable:after {
|
||||
content: attr(data-select-text);
|
||||
font-size: 12px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); }
|
||||
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
|
||||
text-align: left;
|
||||
padding-right: 100px;
|
||||
padding-left: 10px; }
|
||||
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
|
||||
left: auto;
|
||||
right: 10px; } }
|
||||
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted {
|
||||
background-color: #f2f2f2; }
|
||||
|
||||
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
|
||||
opacity: 0.5; }
|
||||
|
||||
.choices__item {
|
||||
cursor: default; }
|
||||
|
||||
.choices__item--selectable {
|
||||
cursor: pointer; }
|
||||
|
||||
.choices__item--disabled {
|
||||
cursor: not-allowed;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
opacity: 0.5; }
|
||||
|
||||
.choices__heading {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #f7f7f7;
|
||||
color: gray; }
|
||||
|
||||
.choices__button {
|
||||
text-indent: -9999px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
cursor: pointer; }
|
||||
|
||||
.choices__button:focus {
|
||||
outline: none; }
|
||||
|
||||
.choices__input {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
background-color: #f9f9f9;
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
max-width: 100%;
|
||||
padding: 4px 2px 4px 0; }
|
||||
|
||||
.choices__input:focus {
|
||||
outline: 0; }
|
||||
|
||||
[dir='rtl'] .choices__input {
|
||||
padding-left: 2px;
|
||||
padding-right: 0; }
|
||||
|
||||
.choices__placeholder {
|
||||
opacity: 0.5; }
|
||||
|
||||
/*===== End of Choices ======*/
|
||||
.choices {
|
||||
margin: 0;
|
||||
font-size: inherit;
|
||||
position: relative;
|
||||
cursor: pointer; }
|
||||
.choices:focus {
|
||||
outline: none; }
|
||||
.choices:after {
|
||||
content: none !important; }
|
||||
.choices.is-focused .form-select {
|
||||
border-color: #90b5e2;
|
||||
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
||||
.choices .dropdown-menu {
|
||||
width: 100%;
|
||||
height: auto; }
|
||||
.choices .dropdown-menu .choices__list {
|
||||
max-height: 13rem;
|
||||
overflow-x: hidden; }
|
||||
.choices .dropdown-menu .dropdown-item {
|
||||
padding-right: 0.75rem;
|
||||
padding-left: 0.75rem; }
|
||||
.choices .dropdown-menu .dropdown-item.active {
|
||||
background: transparent;
|
||||
color: inherit; }
|
||||
.choices .dropdown-menu .dropdown-item.is-highlighted {
|
||||
color: #206bc4;
|
||||
background-color: rgba(32, 107, 196, 0.06); }
|
||||
|
||||
.choices__placeholder {
|
||||
color: #a7abb1;
|
||||
opacity: 1; }
|
||||
|
||||
.choices__list--single {
|
||||
padding: 0; }
|
||||
|
||||
.choices__list--dropdown .choices__item--selectable:after {
|
||||
content: none; }
|
||||
|
||||
6
demo/dist/css/tabler-vendors.rtl.min.css
vendored
6
demo/dist/css/tabler-vendors.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
384
demo/dist/css/tabler.css
vendored
384
demo/dist/css/tabler.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -53,9 +53,6 @@ body {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
outline: 0 !important; }
|
||||
|
||||
hr, .hr {
|
||||
margin: 2rem 0;
|
||||
color: inherit;
|
||||
@@ -1508,7 +1505,7 @@ progress {
|
||||
color: #232e3c;
|
||||
background-color: #ffffff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
@@ -1669,7 +1666,7 @@ textarea.form-control-lg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 0.75rem center;
|
||||
background-size: 16px 12px;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
border-radius: 4px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
@@ -1946,7 +1943,7 @@ textarea.form-control-lg {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: #f4f6fa;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
border-radius: 4px; }
|
||||
|
||||
.input-group-lg > .form-control,
|
||||
@@ -2208,7 +2205,6 @@ textarea.form-control-lg {
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
min-width: 11rem;
|
||||
@@ -2222,73 +2218,86 @@ textarea.form-control-lg {
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(101, 109, 119, 0.16);
|
||||
border-radius: 4px; }
|
||||
.dropdown-menu[style] {
|
||||
right: auto/* rtl:ignore */ !important; }
|
||||
.dropdown-menu[data-bs-popper] {
|
||||
left: 0;
|
||||
margin-top: 1px; }
|
||||
|
||||
.dropdown-menu-start {
|
||||
--bs-position: start;
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-start[data-bs-popper] {
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
|
||||
.dropdown-menu-end {
|
||||
--bs-position: end;
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-end[data-bs-popper] {
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.dropdown-menu-sm-start {
|
||||
--bs-position: start;
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-sm-start[data-bs-popper] {
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
.dropdown-menu-sm-end {
|
||||
--bs-position: end;
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-sm-end[data-bs-popper] {
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.dropdown-menu-md-start {
|
||||
--bs-position: start;
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-md-start[data-bs-popper] {
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
.dropdown-menu-md-end {
|
||||
--bs-position: end;
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-md-end[data-bs-popper] {
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.dropdown-menu-lg-start {
|
||||
--bs-position: start;
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-lg-start[data-bs-popper] {
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
.dropdown-menu-lg-end {
|
||||
--bs-position: end;
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-lg-end[data-bs-popper] {
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.dropdown-menu-xl-start {
|
||||
--bs-position: start;
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-xl-start[data-bs-popper] {
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
.dropdown-menu-xl-end {
|
||||
--bs-position: end;
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-xl-end[data-bs-popper] {
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.dropdown-menu-xxl-start {
|
||||
--bs-position: start;
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-xxl-start[data-bs-popper] {
|
||||
right: auto /* rtl:ignore */;
|
||||
left: 0 /* rtl:ignore */; }
|
||||
.dropdown-menu-xxl-end {
|
||||
--bs-position: end;
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-xxl-end[data-bs-popper] {
|
||||
right: 0 /* rtl:ignore */;
|
||||
left: auto /* rtl:ignore */; } }
|
||||
|
||||
.dropup .dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 100%; }
|
||||
.dropup .dropdown-menu.show:not([data-popper-placement]) {
|
||||
.dropup .dropdown-menu[data-bs-popper] {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px; }
|
||||
|
||||
@@ -2310,7 +2319,7 @@ textarea.form-control-lg {
|
||||
top: 0;
|
||||
right: auto;
|
||||
left: 100%; }
|
||||
.dropend .dropdown-menu.show:not([data-popper-placement]) {
|
||||
.dropend .dropdown-menu[data-bs-popper] {
|
||||
margin-top: 0;
|
||||
margin-left: 1px; }
|
||||
|
||||
@@ -2335,7 +2344,7 @@ textarea.form-control-lg {
|
||||
top: 0;
|
||||
right: 100%;
|
||||
left: auto; }
|
||||
.dropstart .dropdown-menu.show:not([data-popper-placement]) {
|
||||
.dropstart .dropdown-menu[data-bs-popper] {
|
||||
margin-top: 0;
|
||||
margin-right: 1px; }
|
||||
|
||||
@@ -2388,8 +2397,6 @@ textarea.form-control-lg {
|
||||
|
||||
.dropdown-menu.show {
|
||||
display: block; }
|
||||
.dropdown-menu.show:not([data-popper-placement]) {
|
||||
margin-top: 1px; }
|
||||
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
@@ -2533,11 +2540,13 @@ textarea.form-control-lg {
|
||||
border-bottom: 1px solid #e7eaef; }
|
||||
.nav-tabs .nav-link {
|
||||
margin-bottom: -1px;
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px; }
|
||||
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
|
||||
border-color: #f0f2f6 #f0f2f6 #e7eaef; }
|
||||
border-color: #f0f2f6 #f0f2f6 #e7eaef;
|
||||
isolation: isolate; }
|
||||
.nav-tabs .nav-link.disabled {
|
||||
color: #a0a6ae;
|
||||
background-color: transparent;
|
||||
@@ -2553,6 +2562,8 @@ textarea.form-control-lg {
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
.nav-pills .nav-link {
|
||||
background: none;
|
||||
border: 0;
|
||||
border-radius: 4px; }
|
||||
|
||||
.nav-pills .nav-link.active,
|
||||
@@ -2618,6 +2629,7 @@ textarea.form-control-lg {
|
||||
padding-bottom: 0.5rem; }
|
||||
|
||||
.navbar-collapse {
|
||||
flex-basis: 100%;
|
||||
flex-grow: 1;
|
||||
align-items: center; }
|
||||
|
||||
@@ -2666,7 +2678,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-sm .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-sm .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-sm .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2684,7 +2697,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-md .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-md .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-md .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2702,7 +2716,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-lg .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-lg .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-lg .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2720,7 +2735,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-xl .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-xl .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-xl .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2738,7 +2754,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-xxl .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-xxl .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-xxl .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2755,7 +2772,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand .navbar-toggler {
|
||||
display: none; }
|
||||
|
||||
@@ -4571,9 +4589,6 @@ textarea.form-control-lg {
|
||||
.border-white {
|
||||
border-color: #ffffff !important; }
|
||||
|
||||
.border-0 {
|
||||
border-width: 0 !important; }
|
||||
|
||||
.border-1 {
|
||||
border-width: 1px !important; }
|
||||
|
||||
@@ -5119,6 +5134,9 @@ textarea.form-control-lg {
|
||||
.ps-5 {
|
||||
padding-left: 4rem !important; }
|
||||
|
||||
.font-monospace {
|
||||
font-family: var(--tblr-font-monospace) !important; }
|
||||
|
||||
.text-h1 {
|
||||
font-size: 1.5rem !important; }
|
||||
|
||||
@@ -5155,14 +5173,17 @@ textarea.form-control-lg {
|
||||
.font-weight-bold {
|
||||
font-weight: 600 !important; }
|
||||
|
||||
.text-lowercase {
|
||||
text-transform: lowercase !important; }
|
||||
.lh-1 {
|
||||
line-height: 1 !important; }
|
||||
|
||||
.text-uppercase {
|
||||
text-transform: uppercase !important; }
|
||||
.lh-sm {
|
||||
line-height: 1.1428571 !important; }
|
||||
|
||||
.text-capitalize {
|
||||
text-transform: capitalize !important; }
|
||||
.lh-base {
|
||||
line-height: 1.4285714 !important; }
|
||||
|
||||
.lh-lg {
|
||||
line-height: 1.7142857 !important; }
|
||||
|
||||
.text-start {
|
||||
text-align: left !important; }
|
||||
@@ -5173,6 +5194,36 @@ textarea.form-control-lg {
|
||||
.text-center {
|
||||
text-align: center !important; }
|
||||
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important; }
|
||||
|
||||
.text-decoration-underline {
|
||||
text-decoration: underline !important; }
|
||||
|
||||
.text-decoration-line-through {
|
||||
text-decoration: line-through !important; }
|
||||
|
||||
.text-lowercase {
|
||||
text-transform: lowercase !important; }
|
||||
|
||||
.text-uppercase {
|
||||
text-transform: uppercase !important; }
|
||||
|
||||
.text-capitalize {
|
||||
text-transform: capitalize !important; }
|
||||
|
||||
.text-wrap {
|
||||
white-space: normal !important; }
|
||||
|
||||
.text-nowrap {
|
||||
white-space: nowrap !important; }
|
||||
|
||||
/* rtl:begin:remove */
|
||||
.text-break {
|
||||
word-wrap: break-word !important;
|
||||
word-break: break-word !important; }
|
||||
|
||||
/* rtl:end:remove */
|
||||
.text-primary {
|
||||
color: #206bc4 !important; }
|
||||
|
||||
@@ -5215,18 +5266,6 @@ textarea.form-control-lg {
|
||||
.text-reset {
|
||||
color: inherit !important; }
|
||||
|
||||
.lh-1 {
|
||||
line-height: 1 !important; }
|
||||
|
||||
.lh-sm {
|
||||
line-height: 1.1428571 !important; }
|
||||
|
||||
.lh-base {
|
||||
line-height: 1.4285714 !important; }
|
||||
|
||||
.lh-lg {
|
||||
line-height: 1.7142857 !important; }
|
||||
|
||||
.bg-primary {
|
||||
background-color: #206bc4 !important; }
|
||||
|
||||
@@ -5263,30 +5302,6 @@ textarea.form-control-lg {
|
||||
.bg-gradient {
|
||||
background-image: var(--tblr-gradient) !important; }
|
||||
|
||||
.text-wrap {
|
||||
white-space: normal !important; }
|
||||
|
||||
.text-nowrap {
|
||||
white-space: nowrap !important; }
|
||||
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important; }
|
||||
|
||||
.text-decoration-underline {
|
||||
text-decoration: underline !important; }
|
||||
|
||||
.text-decoration-line-through {
|
||||
text-decoration: line-through !important; }
|
||||
|
||||
/* rtl:begin:remove */
|
||||
.text-break {
|
||||
word-wrap: break-word !important;
|
||||
word-break: break-word !important; }
|
||||
|
||||
/* rtl:end:remove */
|
||||
.font-monospace {
|
||||
font-family: var(--tblr-font-monospace) !important; }
|
||||
|
||||
.user-select-all {
|
||||
-webkit-user-select: all !important;
|
||||
-moz-user-select: all !important;
|
||||
@@ -5424,6 +5439,18 @@ textarea.form-control-lg {
|
||||
border-top: 0 !important;
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.columns-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
|
||||
.columns-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
|
||||
.columns-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.float-sm-start {
|
||||
float: left !important; }
|
||||
@@ -5762,7 +5789,16 @@ textarea.form-control-lg {
|
||||
.text-sm-end {
|
||||
text-align: right !important; }
|
||||
.text-sm-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-sm-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-sm-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-sm-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.float-md-start {
|
||||
@@ -6102,7 +6138,16 @@ textarea.form-control-lg {
|
||||
.text-md-end {
|
||||
text-align: right !important; }
|
||||
.text-md-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-md-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-md-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-md-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.float-lg-start {
|
||||
@@ -6442,7 +6487,16 @@ textarea.form-control-lg {
|
||||
.text-lg-end {
|
||||
text-align: right !important; }
|
||||
.text-lg-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-lg-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-lg-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-lg-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.float-xl-start {
|
||||
@@ -6782,7 +6836,16 @@ textarea.form-control-lg {
|
||||
.text-xl-end {
|
||||
text-align: right !important; }
|
||||
.text-xl-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-xl-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-xl-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-xl-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.float-xxl-start {
|
||||
@@ -7122,7 +7185,16 @@ textarea.form-control-lg {
|
||||
.text-xxl-end {
|
||||
text-align: right !important; }
|
||||
.text-xxl-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-xxl-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-xxl-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-xxl-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media print {
|
||||
.d-print-inline {
|
||||
@@ -7166,12 +7238,13 @@ body {
|
||||
transition: .3s background; }
|
||||
body .content *::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
body .content *::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
body .content *::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
body .content *:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
@media print {
|
||||
body {
|
||||
background: transparent; } }
|
||||
@@ -7195,12 +7268,13 @@ Navbar
|
||||
transition: .3s background; }
|
||||
.navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.navbar::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.navbar .text-muted {
|
||||
color: rgba(35, 46, 60, 0.7) !important; }
|
||||
.navbar .navbar-brand {
|
||||
@@ -7239,12 +7313,13 @@ Navbar
|
||||
transition: .3s background; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark .navbar .text-muted {
|
||||
color: rgba(255, 255, 255, 0.7) !important; }
|
||||
.theme-dark .navbar .navbar-brand {
|
||||
@@ -7280,10 +7355,11 @@ Navbar
|
||||
.theme-dark .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: transparent; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-track {
|
||||
background: transparent; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #4f5863; }
|
||||
.theme-dark .navbar .input-icon-addon {
|
||||
color: rgba(244, 246, 250, 0.64); }
|
||||
@@ -7311,12 +7387,13 @@ Navbar
|
||||
transition: .3s background; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark-auto .navbar .text-muted {
|
||||
color: rgba(255, 255, 255, 0.7) !important; }
|
||||
.theme-dark-auto .navbar .navbar-brand {
|
||||
@@ -7352,10 +7429,11 @@ Navbar
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-track {
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #4f5863; }
|
||||
.theme-dark-auto .navbar .input-icon-addon {
|
||||
color: rgba(244, 246, 250, 0.64); }
|
||||
@@ -7838,7 +7916,8 @@ Navbar brand
|
||||
|
||||
.navbar-brand-image {
|
||||
display: block;
|
||||
height: 2rem; }
|
||||
height: 2rem;
|
||||
width: auto; }
|
||||
|
||||
/**
|
||||
Navbar toggler
|
||||
@@ -7903,12 +7982,13 @@ Navbar dark
|
||||
transition: .3s background; }
|
||||
.navbar-dark::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.navbar-dark::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.navbar-dark::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.navbar-dark:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.navbar-dark .text-muted {
|
||||
color: rgba(255, 255, 255, 0.7) !important; }
|
||||
.navbar-dark .navbar-brand {
|
||||
@@ -7944,10 +8024,11 @@ Navbar dark
|
||||
.navbar-dark::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: transparent; }
|
||||
.navbar-dark::-webkit-scrollbar-track {
|
||||
background: transparent; }
|
||||
.navbar-dark::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.navbar-dark:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #4f5863; }
|
||||
.navbar-dark .input-icon-addon {
|
||||
color: rgba(244, 246, 250, 0.64); }
|
||||
@@ -9593,7 +9674,7 @@ Card tabs
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin: 0; }
|
||||
margin: 0 !important; }
|
||||
.dropdown-menu.card {
|
||||
padding: 0;
|
||||
min-width: 25rem;
|
||||
@@ -9616,6 +9697,15 @@ Card tabs
|
||||
opacity: 0.7;
|
||||
text-align: center; }
|
||||
|
||||
.dropdown-item-indicator {
|
||||
margin-right: .5rem;
|
||||
margin-left: -.25rem;
|
||||
height: 1.25rem;
|
||||
display: inline-flex;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
align-items: center; }
|
||||
|
||||
.dropdown-header {
|
||||
font-size: 0.625rem;
|
||||
font-weight: 600;
|
||||
@@ -9628,7 +9718,7 @@ Card tabs
|
||||
|
||||
.dropdown-menu-scrollable {
|
||||
height: auto;
|
||||
max-height: 12rem;
|
||||
max-height: 13rem;
|
||||
overflow-x: hidden; }
|
||||
|
||||
.dropdown-menu-column {
|
||||
@@ -10170,7 +10260,7 @@ Input group
|
||||
border-color: #90b5e2 !important; }
|
||||
|
||||
.input-group-flat .form-control:focus {
|
||||
border-color: rgba(101, 109, 119, 0.24);
|
||||
border-color: #dadcde;
|
||||
box-shadow: none; }
|
||||
|
||||
.input-group-flat .form-control:not(:last-child) {
|
||||
@@ -10199,9 +10289,11 @@ Icon input
|
||||
*/
|
||||
.input-icon {
|
||||
position: relative; }
|
||||
.input-icon .form-control:not(:last-child) {
|
||||
.input-icon .form-control:not(:last-child),
|
||||
.input-icon .form-select:not(:last-child) {
|
||||
padding-right: 2.5rem; }
|
||||
.input-icon .form-control:not(:first-child) {
|
||||
.input-icon .form-control:not(:first-child),
|
||||
.input-icon .form-select:not(:last-child) {
|
||||
padding-left: 2.5rem; }
|
||||
|
||||
.input-icon-addon {
|
||||
@@ -10384,7 +10476,7 @@ Select group
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
border-radius: 3px;
|
||||
transition: border-color .3s, background .3s, color .3s; }
|
||||
.form-selectgroup-label .icon:only-child {
|
||||
@@ -10506,7 +10598,7 @@ Form switch
|
||||
margin-top: 0.0625rem; }
|
||||
|
||||
.form-control.is-valid-lite, .form-select.is-valid-lite, .form-control.is-invalid-lite, .form-select.is-invalid-lite {
|
||||
border-color: #e6e8e9; }
|
||||
border-color: #dadcde; }
|
||||
|
||||
.legend {
|
||||
display: inline-block;
|
||||
@@ -10742,14 +10834,16 @@ Dimmer
|
||||
|
||||
.modal-body::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
|
||||
.modal-body::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
|
||||
.modal-body::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
|
||||
.modal-body:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
|
||||
.modal-body .modal-title {
|
||||
margin-bottom: 1rem; }
|
||||
@@ -11135,7 +11229,8 @@ Dimmer
|
||||
Markdown
|
||||
*/
|
||||
.markdown {
|
||||
line-height: 1.7142857; }
|
||||
line-height: 1.7142857;
|
||||
font-size: 0.875rem; }
|
||||
.markdown > :first-child {
|
||||
margin-top: 0; }
|
||||
.markdown > :last-child,
|
||||
@@ -11143,7 +11238,8 @@ Markdown
|
||||
margin-bottom: 0; }
|
||||
.markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: .5rem; }
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 600; }
|
||||
.markdown > h1, .markdown > .h1 {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.5555556; }
|
||||
@@ -12518,10 +12614,10 @@ Antialiasing
|
||||
background: transparent; }
|
||||
.theme-dark .list-group-item,
|
||||
.theme-dark .form-fieldset {
|
||||
border-color: rgba(101, 109, 119, 0.24); }
|
||||
border-color: #dadcde; }
|
||||
.theme-dark .list-group-header {
|
||||
background: #1f2936;
|
||||
border-color: rgba(101, 109, 119, 0.24); } }
|
||||
border-color: #dadcde; } }
|
||||
|
||||
@media not print and (prefers-color-scheme: dark) {
|
||||
.theme-dark-auto {
|
||||
@@ -12582,7 +12678,7 @@ Antialiasing
|
||||
background: transparent; }
|
||||
.theme-dark-auto .list-group-item,
|
||||
.theme-dark-auto .form-fieldset {
|
||||
border-color: rgba(101, 109, 119, 0.24); }
|
||||
border-color: #dadcde; }
|
||||
.theme-dark-auto .list-group-header {
|
||||
background: #1f2936;
|
||||
border-color: rgba(101, 109, 119, 0.24); } }
|
||||
border-color: #dadcde; } }
|
||||
|
||||
6
demo/dist/css/tabler.min.css
vendored
6
demo/dist/css/tabler.min.css
vendored
File diff suppressed because one or more lines are too long
370
demo/dist/css/tabler.rtl.css
vendored
370
demo/dist/css/tabler.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.23 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.23
|
||||
* Tabler v1.0.0-beta (https://tabler.io)
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -53,9 +53,6 @@ body {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
outline: 0 !important; }
|
||||
|
||||
hr, .hr {
|
||||
margin: 2rem 0;
|
||||
color: inherit;
|
||||
@@ -1506,7 +1503,7 @@ progress {
|
||||
color: #232e3c;
|
||||
background-color: #ffffff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
@@ -1667,7 +1664,7 @@ textarea.form-control-lg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 0.75rem center;
|
||||
background-size: 16px 12px;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
border-radius: 4px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
@@ -1944,7 +1941,7 @@ textarea.form-control-lg {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: #f4f6fa;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
border-radius: 4px; }
|
||||
|
||||
.input-group-lg > .form-control,
|
||||
@@ -2206,7 +2203,6 @@ textarea.form-control-lg {
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
z-index: 1000;
|
||||
display: none;
|
||||
min-width: 11rem;
|
||||
@@ -2220,73 +2216,86 @@ textarea.form-control-lg {
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(101, 109, 119, 0.16);
|
||||
border-radius: 4px; }
|
||||
.dropdown-menu[style] {
|
||||
right: auto !important; }
|
||||
.dropdown-menu[data-bs-popper] {
|
||||
right: 0;
|
||||
margin-top: 1px; }
|
||||
|
||||
.dropdown-menu-start {
|
||||
--bs-position: start;
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-start[data-bs-popper] {
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
|
||||
.dropdown-menu-end {
|
||||
--bs-position: end;
|
||||
right: 0 ;
|
||||
left: auto ; }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-end[data-bs-popper] {
|
||||
right: 0 ;
|
||||
left: auto ; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.dropdown-menu-sm-start {
|
||||
--bs-position: start;
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-sm-start[data-bs-popper] {
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
.dropdown-menu-sm-end {
|
||||
--bs-position: end;
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-sm-end[data-bs-popper] {
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.dropdown-menu-md-start {
|
||||
--bs-position: start;
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-md-start[data-bs-popper] {
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
.dropdown-menu-md-end {
|
||||
--bs-position: end;
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-md-end[data-bs-popper] {
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.dropdown-menu-lg-start {
|
||||
--bs-position: start;
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-lg-start[data-bs-popper] {
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
.dropdown-menu-lg-end {
|
||||
--bs-position: end;
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-lg-end[data-bs-popper] {
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.dropdown-menu-xl-start {
|
||||
--bs-position: start;
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-xl-start[data-bs-popper] {
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
.dropdown-menu-xl-end {
|
||||
--bs-position: end;
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-xl-end[data-bs-popper] {
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.dropdown-menu-xxl-start {
|
||||
--bs-position: start;
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
--bs-position: start; }
|
||||
.dropdown-menu-xxl-start[data-bs-popper] {
|
||||
right: auto ;
|
||||
left: 0 ; }
|
||||
.dropdown-menu-xxl-end {
|
||||
--bs-position: end;
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
--bs-position: end; }
|
||||
.dropdown-menu-xxl-end[data-bs-popper] {
|
||||
right: 0 ;
|
||||
left: auto ; } }
|
||||
|
||||
.dropup .dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 100%; }
|
||||
.dropup .dropdown-menu.show:not([data-popper-placement]) {
|
||||
.dropup .dropdown-menu[data-bs-popper] {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px; }
|
||||
|
||||
@@ -2308,7 +2317,7 @@ textarea.form-control-lg {
|
||||
top: 0;
|
||||
left: auto;
|
||||
right: 100%; }
|
||||
.dropend .dropdown-menu.show:not([data-popper-placement]) {
|
||||
.dropend .dropdown-menu[data-bs-popper] {
|
||||
margin-top: 0;
|
||||
margin-right: 1px; }
|
||||
|
||||
@@ -2333,7 +2342,7 @@ textarea.form-control-lg {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
right: auto; }
|
||||
.dropstart .dropdown-menu.show:not([data-popper-placement]) {
|
||||
.dropstart .dropdown-menu[data-bs-popper] {
|
||||
margin-top: 0;
|
||||
margin-left: 1px; }
|
||||
|
||||
@@ -2386,8 +2395,6 @@ textarea.form-control-lg {
|
||||
|
||||
.dropdown-menu.show {
|
||||
display: block; }
|
||||
.dropdown-menu.show:not([data-popper-placement]) {
|
||||
margin-top: 1px; }
|
||||
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
@@ -2531,11 +2538,13 @@ textarea.form-control-lg {
|
||||
border-bottom: 1px solid #e7eaef; }
|
||||
.nav-tabs .nav-link {
|
||||
margin-bottom: -1px;
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px; }
|
||||
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
|
||||
border-color: #f0f2f6 #f0f2f6 #e7eaef; }
|
||||
border-color: #f0f2f6 #f0f2f6 #e7eaef;
|
||||
isolation: isolate; }
|
||||
.nav-tabs .nav-link.disabled {
|
||||
color: #a0a6ae;
|
||||
background-color: transparent;
|
||||
@@ -2551,6 +2560,8 @@ textarea.form-control-lg {
|
||||
border-top-left-radius: 0; }
|
||||
|
||||
.nav-pills .nav-link {
|
||||
background: none;
|
||||
border: 0;
|
||||
border-radius: 4px; }
|
||||
|
||||
.nav-pills .nav-link.active,
|
||||
@@ -2616,6 +2627,7 @@ textarea.form-control-lg {
|
||||
padding-bottom: 0.5rem; }
|
||||
|
||||
.navbar-collapse {
|
||||
flex-basis: 100%;
|
||||
flex-grow: 1;
|
||||
align-items: center; }
|
||||
|
||||
@@ -2664,7 +2676,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-sm .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-sm .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-sm .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2682,7 +2695,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-md .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-md .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-md .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2700,7 +2714,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-lg .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-lg .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-lg .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2718,7 +2733,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-xl .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-xl .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-xl .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2736,7 +2752,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand-xxl .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand-xxl .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand-xxl .navbar-toggler {
|
||||
display: none; } }
|
||||
|
||||
@@ -2753,7 +2770,8 @@ textarea.form-control-lg {
|
||||
.navbar-expand .navbar-nav-scroll {
|
||||
overflow: visible; }
|
||||
.navbar-expand .navbar-collapse {
|
||||
display: flex !important; }
|
||||
display: flex !important;
|
||||
flex-basis: auto; }
|
||||
.navbar-expand .navbar-toggler {
|
||||
display: none; }
|
||||
|
||||
@@ -4556,9 +4574,6 @@ textarea.form-control-lg {
|
||||
.border-white {
|
||||
border-color: #ffffff !important; }
|
||||
|
||||
.border-0 {
|
||||
border-width: 0 !important; }
|
||||
|
||||
.border-1 {
|
||||
border-width: 1px !important; }
|
||||
|
||||
@@ -5104,6 +5119,9 @@ textarea.form-control-lg {
|
||||
.ps-5 {
|
||||
padding-right: 4rem !important; }
|
||||
|
||||
.font-monospace {
|
||||
font-family: var(--tblr-font-monospace) !important; }
|
||||
|
||||
.text-h1 {
|
||||
font-size: 1.5rem !important; }
|
||||
|
||||
@@ -5140,14 +5158,17 @@ textarea.form-control-lg {
|
||||
.font-weight-bold {
|
||||
font-weight: 600 !important; }
|
||||
|
||||
.text-lowercase {
|
||||
text-transform: lowercase !important; }
|
||||
.lh-1 {
|
||||
line-height: 1 !important; }
|
||||
|
||||
.text-uppercase {
|
||||
text-transform: uppercase !important; }
|
||||
.lh-sm {
|
||||
line-height: 1.1428571 !important; }
|
||||
|
||||
.text-capitalize {
|
||||
text-transform: capitalize !important; }
|
||||
.lh-base {
|
||||
line-height: 1.4285714 !important; }
|
||||
|
||||
.lh-lg {
|
||||
line-height: 1.7142857 !important; }
|
||||
|
||||
.text-start {
|
||||
text-align: right !important; }
|
||||
@@ -5158,6 +5179,29 @@ textarea.form-control-lg {
|
||||
.text-center {
|
||||
text-align: center !important; }
|
||||
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important; }
|
||||
|
||||
.text-decoration-underline {
|
||||
text-decoration: underline !important; }
|
||||
|
||||
.text-decoration-line-through {
|
||||
text-decoration: line-through !important; }
|
||||
|
||||
.text-lowercase {
|
||||
text-transform: lowercase !important; }
|
||||
|
||||
.text-uppercase {
|
||||
text-transform: uppercase !important; }
|
||||
|
||||
.text-capitalize {
|
||||
text-transform: capitalize !important; }
|
||||
|
||||
.text-wrap {
|
||||
white-space: normal !important; }
|
||||
|
||||
.text-nowrap {
|
||||
white-space: nowrap !important; }
|
||||
.text-primary {
|
||||
color: #206bc4 !important; }
|
||||
|
||||
@@ -5200,18 +5244,6 @@ textarea.form-control-lg {
|
||||
.text-reset {
|
||||
color: inherit !important; }
|
||||
|
||||
.lh-1 {
|
||||
line-height: 1 !important; }
|
||||
|
||||
.lh-sm {
|
||||
line-height: 1.1428571 !important; }
|
||||
|
||||
.lh-base {
|
||||
line-height: 1.4285714 !important; }
|
||||
|
||||
.lh-lg {
|
||||
line-height: 1.7142857 !important; }
|
||||
|
||||
.bg-primary {
|
||||
background-color: #206bc4 !important; }
|
||||
|
||||
@@ -5248,23 +5280,6 @@ textarea.form-control-lg {
|
||||
.bg-gradient {
|
||||
background-image: var(--tblr-gradient) !important; }
|
||||
|
||||
.text-wrap {
|
||||
white-space: normal !important; }
|
||||
|
||||
.text-nowrap {
|
||||
white-space: nowrap !important; }
|
||||
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important; }
|
||||
|
||||
.text-decoration-underline {
|
||||
text-decoration: underline !important; }
|
||||
|
||||
.text-decoration-line-through {
|
||||
text-decoration: line-through !important; }
|
||||
.font-monospace {
|
||||
font-family: var(--tblr-font-monospace) !important; }
|
||||
|
||||
.user-select-all {
|
||||
-webkit-user-select: all !important;
|
||||
-moz-user-select: all !important;
|
||||
@@ -5402,6 +5417,18 @@ textarea.form-control-lg {
|
||||
border-top: 0 !important;
|
||||
border-bottom: 0 !important; }
|
||||
|
||||
.columns-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
|
||||
.columns-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
|
||||
.columns-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; }
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.float-sm-start {
|
||||
float: right !important; }
|
||||
@@ -5740,7 +5767,16 @@ textarea.form-control-lg {
|
||||
.text-sm-end {
|
||||
text-align: left !important; }
|
||||
.text-sm-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-sm-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-sm-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-sm-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.float-md-start {
|
||||
@@ -6080,7 +6116,16 @@ textarea.form-control-lg {
|
||||
.text-md-end {
|
||||
text-align: left !important; }
|
||||
.text-md-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-md-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-md-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-md-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.float-lg-start {
|
||||
@@ -6420,7 +6465,16 @@ textarea.form-control-lg {
|
||||
.text-lg-end {
|
||||
text-align: left !important; }
|
||||
.text-lg-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-lg-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-lg-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-lg-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.float-xl-start {
|
||||
@@ -6760,7 +6814,16 @@ textarea.form-control-lg {
|
||||
.text-xl-end {
|
||||
text-align: left !important; }
|
||||
.text-xl-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-xl-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-xl-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-xl-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.float-xxl-start {
|
||||
@@ -7100,7 +7163,16 @@ textarea.form-control-lg {
|
||||
.text-xxl-end {
|
||||
text-align: left !important; }
|
||||
.text-xxl-center {
|
||||
text-align: center !important; } }
|
||||
text-align: center !important; }
|
||||
.columns-xxl-2 {
|
||||
-moz-columns: 2 !important;
|
||||
columns: 2 !important; }
|
||||
.columns-xxl-3 {
|
||||
-moz-columns: 3 !important;
|
||||
columns: 3 !important; }
|
||||
.columns-xxl-4 {
|
||||
-moz-columns: 4 !important;
|
||||
columns: 4 !important; } }
|
||||
|
||||
@media print {
|
||||
.d-print-inline {
|
||||
@@ -7144,12 +7216,13 @@ body {
|
||||
transition: .3s background; }
|
||||
body .content *::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
body .content *::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
body .content *::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
body .content *:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
@media print {
|
||||
body {
|
||||
background: transparent; } }
|
||||
@@ -7173,12 +7246,13 @@ Navbar
|
||||
transition: .3s background; }
|
||||
.navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.navbar::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.navbar .text-muted {
|
||||
color: rgba(35, 46, 60, 0.7) !important; }
|
||||
.navbar .navbar-brand {
|
||||
@@ -7217,12 +7291,13 @@ Navbar
|
||||
transition: .3s background; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark .navbar .text-muted {
|
||||
color: rgba(255, 255, 255, 0.7) !important; }
|
||||
.theme-dark .navbar .navbar-brand {
|
||||
@@ -7258,10 +7333,11 @@ Navbar
|
||||
.theme-dark .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: transparent; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-track {
|
||||
background: transparent; }
|
||||
.theme-dark .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #4f5863; }
|
||||
.theme-dark .navbar .input-icon-addon {
|
||||
color: rgba(244, 246, 250, 0.64); }
|
||||
@@ -7289,12 +7365,13 @@ Navbar
|
||||
transition: .3s background; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.theme-dark-auto .navbar .text-muted {
|
||||
color: rgba(255, 255, 255, 0.7) !important; }
|
||||
.theme-dark-auto .navbar .navbar-brand {
|
||||
@@ -7330,10 +7407,11 @@ Navbar
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-track {
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #4f5863; }
|
||||
.theme-dark-auto .navbar .input-icon-addon {
|
||||
color: rgba(244, 246, 250, 0.64); }
|
||||
@@ -7816,7 +7894,8 @@ Navbar brand
|
||||
|
||||
.navbar-brand-image {
|
||||
display: block;
|
||||
height: 2rem; }
|
||||
height: 2rem;
|
||||
width: auto; }
|
||||
|
||||
/**
|
||||
Navbar toggler
|
||||
@@ -7881,12 +7960,13 @@ Navbar dark
|
||||
transition: .3s background; }
|
||||
.navbar-dark::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
.navbar-dark::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
.navbar-dark::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.navbar-dark:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
.navbar-dark .text-muted {
|
||||
color: rgba(255, 255, 255, 0.7) !important; }
|
||||
.navbar-dark .navbar-brand {
|
||||
@@ -7922,10 +8002,11 @@ Navbar dark
|
||||
.navbar-dark::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: transparent; }
|
||||
.navbar-dark::-webkit-scrollbar-track {
|
||||
background: transparent; }
|
||||
.navbar-dark::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
.navbar-dark:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #4f5863; }
|
||||
.navbar-dark .input-icon-addon {
|
||||
color: rgba(244, 246, 250, 0.64); }
|
||||
@@ -9571,7 +9652,7 @@ Card tabs
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin: 0; }
|
||||
margin: 0 !important; }
|
||||
.dropdown-menu.card {
|
||||
padding: 0;
|
||||
min-width: 25rem;
|
||||
@@ -9594,6 +9675,15 @@ Card tabs
|
||||
opacity: 0.7;
|
||||
text-align: center; }
|
||||
|
||||
.dropdown-item-indicator {
|
||||
margin-left: .5rem;
|
||||
margin-right: -.25rem;
|
||||
height: 1.25rem;
|
||||
display: inline-flex;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
align-items: center; }
|
||||
|
||||
.dropdown-header {
|
||||
font-size: 0.625rem;
|
||||
font-weight: 600;
|
||||
@@ -9606,7 +9696,7 @@ Card tabs
|
||||
|
||||
.dropdown-menu-scrollable {
|
||||
height: auto;
|
||||
max-height: 12rem;
|
||||
max-height: 13rem;
|
||||
overflow-x: hidden; }
|
||||
|
||||
.dropdown-menu-column {
|
||||
@@ -10148,7 +10238,7 @@ Input group
|
||||
border-color: #90b5e2 !important; }
|
||||
|
||||
.input-group-flat .form-control:focus {
|
||||
border-color: rgba(101, 109, 119, 0.24);
|
||||
border-color: #dadcde;
|
||||
box-shadow: none; }
|
||||
|
||||
.input-group-flat .form-control:not(:last-child) {
|
||||
@@ -10177,9 +10267,11 @@ Icon input
|
||||
*/
|
||||
.input-icon {
|
||||
position: relative; }
|
||||
.input-icon .form-control:not(:last-child) {
|
||||
.input-icon .form-control:not(:last-child),
|
||||
.input-icon .form-select:not(:last-child) {
|
||||
padding-left: 2.5rem; }
|
||||
.input-icon .form-control:not(:first-child) {
|
||||
.input-icon .form-control:not(:first-child),
|
||||
.input-icon .form-select:not(:last-child) {
|
||||
padding-right: 2.5rem; }
|
||||
|
||||
.input-icon-addon {
|
||||
@@ -10362,7 +10454,7 @@ Select group
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: 1px solid rgba(101, 109, 119, 0.24);
|
||||
border: 1px solid #dadcde;
|
||||
border-radius: 3px;
|
||||
transition: border-color .3s, background .3s, color .3s; }
|
||||
.form-selectgroup-label .icon:only-child {
|
||||
@@ -10484,7 +10576,7 @@ Form switch
|
||||
margin-top: 0.0625rem; }
|
||||
|
||||
.form-control.is-valid-lite, .form-select.is-valid-lite, .form-control.is-invalid-lite, .form-select.is-invalid-lite {
|
||||
border-color: #e6e8e9; }
|
||||
border-color: #dadcde; }
|
||||
|
||||
.legend {
|
||||
display: inline-block;
|
||||
@@ -10720,14 +10812,16 @@ Dimmer
|
||||
|
||||
.modal-body::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background: #dbdee3; }
|
||||
background: #a0a6ae; }
|
||||
|
||||
.modal-body::-webkit-scrollbar-track {
|
||||
background: #e7eaef; }
|
||||
|
||||
.modal-body::-webkit-scrollbar-corner {
|
||||
background: transparent; }
|
||||
|
||||
.modal-body:hover::-webkit-scrollbar-thumb {
|
||||
background: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
background: #a0a6ae; }
|
||||
|
||||
.modal-body .modal-title {
|
||||
margin-bottom: 1rem; }
|
||||
@@ -11113,7 +11207,8 @@ Dimmer
|
||||
Markdown
|
||||
*/
|
||||
.markdown {
|
||||
line-height: 1.7142857; }
|
||||
line-height: 1.7142857;
|
||||
font-size: 0.875rem; }
|
||||
.markdown > :first-child {
|
||||
margin-top: 0; }
|
||||
.markdown > :last-child,
|
||||
@@ -11121,7 +11216,8 @@ Markdown
|
||||
margin-bottom: 0; }
|
||||
.markdown > h1, .markdown > .h1, .markdown > h2, .markdown > .h2, .markdown > h3, .markdown > .h3, .markdown > h4, .markdown > .h4, .markdown > h5, .markdown > .h5, .markdown > h6, .markdown > .h6 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: .5rem; }
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 600; }
|
||||
.markdown > h1, .markdown > .h1 {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.5555556; }
|
||||
@@ -12496,10 +12592,10 @@ Antialiasing
|
||||
background: transparent; }
|
||||
.theme-dark .list-group-item,
|
||||
.theme-dark .form-fieldset {
|
||||
border-color: rgba(101, 109, 119, 0.24); }
|
||||
border-color: #dadcde; }
|
||||
.theme-dark .list-group-header {
|
||||
background: #1f2936;
|
||||
border-color: rgba(101, 109, 119, 0.24); } }
|
||||
border-color: #dadcde; } }
|
||||
|
||||
@media not print and (prefers-color-scheme: dark) {
|
||||
.theme-dark-auto {
|
||||
@@ -12560,7 +12656,7 @@ Antialiasing
|
||||
background: transparent; }
|
||||
.theme-dark-auto .list-group-item,
|
||||
.theme-dark-auto .form-fieldset {
|
||||
border-color: rgba(101, 109, 119, 0.24); }
|
||||
border-color: #dadcde; }
|
||||
.theme-dark-auto .list-group-header {
|
||||
background: #1f2936;
|
||||
border-color: rgba(101, 109, 119, 0.24); } }
|
||||
border-color: #dadcde; } }
|
||||
|
||||
6
demo/dist/css/tabler.rtl.min.css
vendored
6
demo/dist/css/tabler.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
1654
demo/dist/js/tabler.js
vendored
1654
demo/dist/js/tabler.js
vendored
File diff suppressed because it is too large
Load Diff
6
demo/dist/js/tabler.min.js
vendored
6
demo/dist/js/tabler.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
5603
demo/dist/libs/choices.js/public/assets/scripts/choices.js
vendored
Normal file
5603
demo/dist/libs/choices.js/public/assets/scripts/choices.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
demo/dist/libs/litepicker/dist/litepicker.js
vendored
6
demo/dist/libs/litepicker/dist/litepicker.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
/*! nouislider - 14.6.3 - 11/19/2020 */
|
||||
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Alerts</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/alerts/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/alerts/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -1182,7 +1213,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -640,7 +671,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -844,7 +875,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Badges</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/badge/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/badge/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -876,7 +907,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -746,7 +777,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Breadcrumb</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/breadcrumb/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/breadcrumb/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -728,7 +759,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Buttons</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/buttons/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/buttons/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -1555,7 +1586,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Cards</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/card/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/card/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -1135,7 +1166,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Carousel</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/carousel/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/carousel/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -712,7 +743,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -378,13 +389,54 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -548,13 +583,11 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -626,7 +657,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link active">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -518,23 +560,16 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/borders.html" class="nav-link">
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link active">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Colors</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/utilities/colors/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/utilities/colors/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -860,7 +891,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -795,7 +826,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link active">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -684,7 +715,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Divider</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/dropdowns/#dividers" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -742,7 +773,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -12,7 +12,7 @@
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Usage - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<title>Download - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link active">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link active">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -598,53 +629,33 @@
|
||||
<div class="markdown">
|
||||
<div>
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Usage</h1>
|
||||
<h1 class="m-0">Download</h1>
|
||||
</div>
|
||||
<p>Tabler distributions are available on npm. Add tabler as a dependency in your npm project or use a specific version directly in your HTML files via CDN includes.</p>
|
||||
<p>Download Tabler to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, yarn and more.</p>
|
||||
</div>
|
||||
<h2 id="installation">Installation</h2>
|
||||
<p>To install the latest <code class="language-plaintext highlighter-rouge">tabler</code> npm package in your project run:</p>
|
||||
<div class="language-sh highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>npm <span class="nb">install</span> @tabler/core
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<p>Tabler <code class="language-plaintext highlighter-rouge">1.0.0</code> major version is now in active development. To get the latest <code class="language-plaintext highlighter-rouge">alpha</code> version run:</p>
|
||||
<div class="language-sh highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>npm <span class="nb">install</span> @tabler/core@alpha
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="cdn-support">CDN support</h2>
|
||||
<p>All files included in <code class="language-plaintext highlighter-rouge">@tabler/core</code> npm package are available over a CDN.</p>
|
||||
<h3 id="javascript">Javascript</h3>
|
||||
<h2 id="cdn-via-unpkg">CDN via unpkg</h2>
|
||||
<p>All files included in <code class="language-plaintext highlighter-rouge">@tabler/core</code> npm package are available over a unpkg CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.</p>
|
||||
<div class="language-html highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code><span class="nt"><script </span><span class="na">src=</span><span class="s">"https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"</span><span class="nt">></script></span>
|
||||
<pre class="highlight"><code><span class="nt"><script </span><span class="na">src=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/js/tabler.min.js"</span><span class="nt">></script></span>
|
||||
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/css/tabler.min.css"</span><span class="nt">></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="styles">Styles</h3>
|
||||
<p>You can also include additional Tabler plugins:</p>
|
||||
<div class="language-html highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css"</span><span class="nt">></span>
|
||||
<pre class="highlight"><code><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/css/tabler-flags.min.css"</span><span class="nt">></span>
|
||||
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/css/tabler-payments.min.css"</span><span class="nt">></span>
|
||||
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/css/tabler-vendors.min.css"</span><span class="nt">></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="other-versions">Other versions</h3>
|
||||
<p>To load a specific version replace <code class="language-plaintext highlighter-rouge">latest</code> with the desired version number.</p>
|
||||
<div class="language-html highlighter-rouge">
|
||||
<h2 id="package-managers">Package managers</h2>
|
||||
<p>Install Tabler in your Node.js powered apps with the npm package:</p>
|
||||
<div class="language-plaintext highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-alpha.13/dist/css/tabler.min.css"</span><span class="nt">></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<p>To load the latest <code class="language-plaintext highlighter-rouge">alpha</code> version replace <code class="language-plaintext highlighter-rouge">latest</code> with <code class="language-plaintext highlighter-rouge">alpha</code>.</p>
|
||||
<div class="language-html highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code><span class="nt"><script </span><span class="na">src=</span><span class="s">"https://unpkg.com/@tabler/core@alpha/dist/js/tabler.min.js"</span><span class="nt">></script></span>
|
||||
<pre class="highlight"><code>npm install @tabler/core
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -672,7 +683,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Dropdowns</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/dropdowns" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/dropdowns" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -1000,7 +1031,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -738,7 +769,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -378,13 +389,54 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -548,13 +583,11 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,11 +631,13 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Flags</h1>
|
||||
</div>
|
||||
<div class="alert alert-primary mb-4">
|
||||
<h4 class="alert-title">Important!</h4>
|
||||
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-flags.css</code> or <code>tabler-flags.min.css</code> file to your page.</p>
|
||||
</div>
|
||||
<p>Thanks to the Tabler flags plug-in, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more.</p>
|
||||
<h3>Installation</h3>
|
||||
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-flags.css</code> or <code>tabler-flags.min.css</code> file to your page.</p>
|
||||
<p>You can also include plugin via CDN:</p>
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/css/tabler-flags.min.css"</span><span class="nt">></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="flag">Flag</h2>
|
||||
<p>To create a flag, add the <code class="language-plaintext highlighter-rouge">flag</code> class to a component and choose the country whose flag you want to use. The full list of countries can be found below.</p>
|
||||
@@ -2176,7 +2209,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
991
demo/docs/form-color-check.html
Normal file
991
demo/docs/form-color-check.html
Normal file
@@ -0,0 +1,991 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Color check - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body class="antialiased">
|
||||
<div class="page">
|
||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||
<a href="..">
|
||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
||||
</a>
|
||||
</h1>
|
||||
<div class="navbar-nav flex-row order-md-last">
|
||||
<div class="nav-item dropdown d-none d-md-flex me-3">
|
||||
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
||||
<span class="badge bg-red"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
<div class="d-none d-xl-block ps-2">
|
||||
<div>Paweł Kuna</div>
|
||||
<div class="mt-1 small text-muted">UI Designer</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||
<a href="#" class="dropdown-item">Set status</a>
|
||||
<a href="#" class="dropdown-item">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">Settings</a>
|
||||
<a href="#" class="dropdown-item">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="navbar-expand-md">
|
||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||
<div class="navbar navbar-light">
|
||||
<div class="container-xl">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Home
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../accordion.html" >
|
||||
Accordion
|
||||
</a>
|
||||
<a class="dropdown-item" href="../blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../buttons.html" >
|
||||
Buttons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards.html" >
|
||||
Cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="../colors.html" >
|
||||
Colors
|
||||
</a>
|
||||
<a class="dropdown-item" href="../dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
<a class="dropdown-item" href="../icons.html" >
|
||||
Icons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../modals.html" >
|
||||
Modals
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps.html" >
|
||||
Maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||
Map fullsize
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps-vector.html" >
|
||||
Vector maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pagination.html" >
|
||||
Pagination
|
||||
</a>
|
||||
<a class="dropdown-item" href="../skeleton.html" >
|
||||
Skeleton
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tabs.html" >
|
||||
Tabs
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
<a class="dropdown-item" href="../carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
<a class="dropdown-item" href="../lists.html" >
|
||||
Lists
|
||||
</a>
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</a>
|
||||
<a class="dropdown-item" href="../markdown.html" >
|
||||
Markdown
|
||||
</a>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
|
||||
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
|
||||
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
|
||||
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
|
||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../error-404.html" class="dropdown-item">404 page</a>
|
||||
<a href="../error-500.html" class="dropdown-item">500 page</a>
|
||||
<a href="../error-maintenance.html" class="dropdown-item">Maintenance page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../form-elements.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Form elements
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Extra
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="../activity.html" >
|
||||
Activity
|
||||
</a>
|
||||
<a class="dropdown-item" href="../gallery.html" >
|
||||
Gallery
|
||||
</a>
|
||||
<a class="dropdown-item" href="../invoice.html" >
|
||||
Invoice
|
||||
</a>
|
||||
<a class="dropdown-item" href="../search-results.html" >
|
||||
Search results
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pricing.html" >
|
||||
Pricing cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../users.html" >
|
||||
Users
|
||||
</a>
|
||||
<a class="dropdown-item" href="../license.html" >
|
||||
License
|
||||
</a>
|
||||
<a class="dropdown-item" href="../music.html" >
|
||||
Music
|
||||
</a>
|
||||
<a class="dropdown-item" href="../widgets.html" >
|
||||
Widgets
|
||||
</a>
|
||||
<a class="dropdown-item" href="../wizard.html" >
|
||||
Wizard
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Layout
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-horizontal.html" >
|
||||
Horizontal
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||
Vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||
Vertical transparent
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||
Right vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed.html" >
|
||||
Condensed
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed-dark.html" >
|
||||
Condensed dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-combo.html" >
|
||||
Combined
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||
Navbar dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||
Navbar sticky
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||
Navbar overlap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-dark.html" >
|
||||
Dark mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-rtl.html" >
|
||||
RTL mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid.html" >
|
||||
Fluid
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid-vertical.html" >
|
||||
Fluid vertical
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="../docs/index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Documentation
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
||||
<form action="." method="get">
|
||||
<div class="input-icon">
|
||||
<span class="input-icon-addon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-xl">
|
||||
<!-- Page title -->
|
||||
<div class="page-header d-print-none">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">
|
||||
Documentation
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/typography.html" class="nav-link">
|
||||
Typography
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/icons.html" class="nav-link">
|
||||
Icons
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link active">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/avatars.html" class="nav-link">
|
||||
Avatars
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/badges.html" class="nav-link">
|
||||
Badges
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||
Breadcrumb
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/buttons.html" class="nav-link">
|
||||
Buttons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cards.html" class="nav-link">
|
||||
Cards
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/carousel.html" class="nav-link">
|
||||
Carousel
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/dropdowns.html" class="nav-link">
|
||||
Dropdowns
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/divider.html" class="nav-link">
|
||||
Divider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/empty.html" class="nav-link">
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/range-slider.html" class="nav-link">
|
||||
Range slider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/ribbons.html" class="nav-link">
|
||||
Ribbons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/skeleton.html" class="nav-link">
|
||||
Skeleton
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/spinners.html" class="nav-link">
|
||||
Spinners
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/steps.html" class="nav-link">
|
||||
Steps
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/switch-icon.html" class="nav-link">
|
||||
Switch icon
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tables.html" class="nav-link">
|
||||
Tables
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tabs.html" class="nav-link">
|
||||
Tabs
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/timelines.html" class="nav-link">
|
||||
Timelines
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/toasts.html" class="nav-link">
|
||||
Toasts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tooltips.html" class="nav-link">
|
||||
Tooltips
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/borders.html" class="nav-link">
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/interactions.html" class="nav-link">
|
||||
Interactions
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/input-mask.html" class="nav-link">
|
||||
Form input mask
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/flags.html" class="nav-link">
|
||||
Flags
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/charts.html" class="nav-link">
|
||||
Charts
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div>
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Color check</h1>
|
||||
</div>
|
||||
</div>
|
||||
<p>Your input controls can come in a variety of colors, depending on your preferences. Click <a href="./colors.html">here</a> to see the list of available colors.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Color Input</label>
|
||||
<div class="row g-2">
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="dark" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-dark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput form-colorinput-light">
|
||||
<input name="color" type="radio" value="white" class="form-colorinput-input" checked="" />
|
||||
<span class="form-colorinput-color bg-white"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="blue" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-blue"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="azure" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-azure"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="indigo" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-indigo"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="purple" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-purple"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="pink" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-pink"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="red" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-red"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="orange" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-orange"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="yellow" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-yellow"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color" type="radio" value="lime" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-lime"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Color Input<span class="nt"></label></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"dark"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-dark"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput form-colorinput-light"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"white"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="na">checked</span><span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-white"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-blue"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"azure"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-azure"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"indigo"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-indigo"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"purple"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-purple"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"pink"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-pink"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"red"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-red"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"orange"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-orange"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"yellow"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-yellow"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"lime"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-lime"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Color Input</label>
|
||||
<div class="row g-2">
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="dark" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-dark rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput form-colorinput-light">
|
||||
<input name="color-rounded" type="radio" value="white" class="form-colorinput-input" checked="" />
|
||||
<span class="form-colorinput-color bg-white rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="blue" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-blue rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="azure" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-azure rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="indigo" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-indigo rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="purple" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-purple rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="pink" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-pink rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="red" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-red rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="orange" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-orange rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="yellow" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-yellow rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-colorinput">
|
||||
<input name="color-rounded" type="radio" value="lime" class="form-colorinput-input" />
|
||||
<span class="form-colorinput-color bg-lime rounded-circle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Color Input<span class="nt"></label></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row g-2"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"dark"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-dark rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput form-colorinput-light"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"white"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="na">checked</span><span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-white rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-blue rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"azure"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-azure rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"indigo"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-indigo rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"purple"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-purple rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"pink"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-pink rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"red"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-red rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"orange"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-orange rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"yellow"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-yellow rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-colorinput"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">name=</span><span class="s">"color-rounded"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">value=</span><span class="s">"lime"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-lime rounded-circle"</span><span class="nt">></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="input-color-picker">Input color picker</h2>
|
||||
<p>Add an color picker to your form to let users customise it according to their preferences.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Color picker</label>
|
||||
<input type="color" class="form-control form-control-color" value="#206bc4" title="Choose your color" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Color picker<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"color"</span> <span class="na">class=</span><span class="s">"form-control form-control-color"</span> <span class="na">value=</span><span class="s">"#206bc4"</span> <span class="na">title=</span><span class="s">"Choose your color"</span><span class="nt">></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer footer-transparent d-print-none">
|
||||
<div class="container">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item">
|
||||
Copyright © 2021
|
||||
<a href=".." class="link-secondary">Tabler</a>.
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
725
demo/docs/form-fieldset.html
Normal file
725
demo/docs/form-fieldset.html
Normal file
@@ -0,0 +1,725 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Form fieldset - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body class="antialiased">
|
||||
<div class="page">
|
||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||
<a href="..">
|
||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
||||
</a>
|
||||
</h1>
|
||||
<div class="navbar-nav flex-row order-md-last">
|
||||
<div class="nav-item dropdown d-none d-md-flex me-3">
|
||||
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
||||
<span class="badge bg-red"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
<div class="d-none d-xl-block ps-2">
|
||||
<div>Paweł Kuna</div>
|
||||
<div class="mt-1 small text-muted">UI Designer</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||
<a href="#" class="dropdown-item">Set status</a>
|
||||
<a href="#" class="dropdown-item">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">Settings</a>
|
||||
<a href="#" class="dropdown-item">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="navbar-expand-md">
|
||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||
<div class="navbar navbar-light">
|
||||
<div class="container-xl">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Home
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../accordion.html" >
|
||||
Accordion
|
||||
</a>
|
||||
<a class="dropdown-item" href="../blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../buttons.html" >
|
||||
Buttons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards.html" >
|
||||
Cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="../colors.html" >
|
||||
Colors
|
||||
</a>
|
||||
<a class="dropdown-item" href="../dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
<a class="dropdown-item" href="../icons.html" >
|
||||
Icons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../modals.html" >
|
||||
Modals
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps.html" >
|
||||
Maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||
Map fullsize
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps-vector.html" >
|
||||
Vector maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pagination.html" >
|
||||
Pagination
|
||||
</a>
|
||||
<a class="dropdown-item" href="../skeleton.html" >
|
||||
Skeleton
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tabs.html" >
|
||||
Tabs
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
<a class="dropdown-item" href="../carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
<a class="dropdown-item" href="../lists.html" >
|
||||
Lists
|
||||
</a>
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</a>
|
||||
<a class="dropdown-item" href="../markdown.html" >
|
||||
Markdown
|
||||
</a>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
|
||||
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
|
||||
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
|
||||
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
|
||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../error-404.html" class="dropdown-item">404 page</a>
|
||||
<a href="../error-500.html" class="dropdown-item">500 page</a>
|
||||
<a href="../error-maintenance.html" class="dropdown-item">Maintenance page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../form-elements.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Form elements
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Extra
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="../activity.html" >
|
||||
Activity
|
||||
</a>
|
||||
<a class="dropdown-item" href="../gallery.html" >
|
||||
Gallery
|
||||
</a>
|
||||
<a class="dropdown-item" href="../invoice.html" >
|
||||
Invoice
|
||||
</a>
|
||||
<a class="dropdown-item" href="../search-results.html" >
|
||||
Search results
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pricing.html" >
|
||||
Pricing cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../users.html" >
|
||||
Users
|
||||
</a>
|
||||
<a class="dropdown-item" href="../license.html" >
|
||||
License
|
||||
</a>
|
||||
<a class="dropdown-item" href="../music.html" >
|
||||
Music
|
||||
</a>
|
||||
<a class="dropdown-item" href="../widgets.html" >
|
||||
Widgets
|
||||
</a>
|
||||
<a class="dropdown-item" href="../wizard.html" >
|
||||
Wizard
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Layout
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-horizontal.html" >
|
||||
Horizontal
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||
Vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||
Vertical transparent
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||
Right vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed.html" >
|
||||
Condensed
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed-dark.html" >
|
||||
Condensed dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-combo.html" >
|
||||
Combined
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||
Navbar dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||
Navbar sticky
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||
Navbar overlap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-dark.html" >
|
||||
Dark mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-rtl.html" >
|
||||
RTL mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid.html" >
|
||||
Fluid
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid-vertical.html" >
|
||||
Fluid vertical
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="../docs/index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Documentation
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
||||
<form action="." method="get">
|
||||
<div class="input-icon">
|
||||
<span class="input-icon-addon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-xl">
|
||||
<!-- Page title -->
|
||||
<div class="page-header d-print-none">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">
|
||||
Documentation
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/typography.html" class="nav-link">
|
||||
Typography
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/icons.html" class="nav-link">
|
||||
Icons
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link active">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/avatars.html" class="nav-link">
|
||||
Avatars
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/badges.html" class="nav-link">
|
||||
Badges
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||
Breadcrumb
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/buttons.html" class="nav-link">
|
||||
Buttons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cards.html" class="nav-link">
|
||||
Cards
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/carousel.html" class="nav-link">
|
||||
Carousel
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/dropdowns.html" class="nav-link">
|
||||
Dropdowns
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/divider.html" class="nav-link">
|
||||
Divider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/empty.html" class="nav-link">
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/range-slider.html" class="nav-link">
|
||||
Range slider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/ribbons.html" class="nav-link">
|
||||
Ribbons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/skeleton.html" class="nav-link">
|
||||
Skeleton
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/spinners.html" class="nav-link">
|
||||
Spinners
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/steps.html" class="nav-link">
|
||||
Steps
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/switch-icon.html" class="nav-link">
|
||||
Switch icon
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tables.html" class="nav-link">
|
||||
Tables
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tabs.html" class="nav-link">
|
||||
Tabs
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/timelines.html" class="nav-link">
|
||||
Timelines
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/toasts.html" class="nav-link">
|
||||
Toasts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tooltips.html" class="nav-link">
|
||||
Tooltips
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/borders.html" class="nav-link">
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/interactions.html" class="nav-link">
|
||||
Interactions
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/input-mask.html" class="nav-link">
|
||||
Form input mask
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/flags.html" class="nav-link">
|
||||
Flags
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/charts.html" class="nav-link">
|
||||
Charts
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div>
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Form fieldset</h1>
|
||||
</div>
|
||||
</div>
|
||||
<p>Group parts of your form to make it well-structured and clearer for users, using the <code class="language-plaintext highlighter-rouge">fieldset</code> element.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<fieldset class="form-fieldset">
|
||||
<div class="mb-3">
|
||||
<label class="form-label required">Full name</label>
|
||||
<input type="text" class="form-control" autocomplete="off" />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label required">Company</label>
|
||||
<input type="text" class="form-control" autocomplete="off" />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label required">Email</label>
|
||||
<input type="email" class="form-control" autocomplete="off" />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Phone number</label>
|
||||
<input type="tel" class="form-control" autocomplete="off" />
|
||||
</div>
|
||||
<label class="form-check">
|
||||
<input type="checkbox" class="form-check-input" />
|
||||
<span class="form-check-label required">I agree to the Terms & Conditions</span>
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><fieldset</span> <span class="na">class=</span><span class="s">"form-fieldset"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label required"</span><span class="nt">></span>Full name<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label required"</span><span class="nt">></span>Company<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label required"</span><span class="nt">></span>Email<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"email"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Phone number<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"tel"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">/></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-check"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"form-check-input"</span><span class="nt">/></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-check-label required"</span><span class="nt">></span>I agree to the Terms <span class="err">&</span> Conditions<span class="nt"></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></fieldset></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer footer-transparent d-print-none">
|
||||
<div class="container">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item">
|
||||
Copyright © 2021
|
||||
<a href=".." class="link-secondary">Tabler</a>.
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -378,13 +389,54 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link active">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link active">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -640,7 +671,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
1035
demo/docs/form-image-check.html
Normal file
1035
demo/docs/form-image-check.html
Normal file
File diff suppressed because it is too large
Load Diff
1123
demo/docs/form-selectboxes.html
Normal file
1123
demo/docs/form-selectboxes.html
Normal file
File diff suppressed because it is too large
Load Diff
713
demo/docs/form-validation.html
Normal file
713
demo/docs/form-validation.html
Normal file
@@ -0,0 +1,713 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Validation states - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body class="antialiased">
|
||||
<div class="page">
|
||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||
<a href="..">
|
||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
||||
</a>
|
||||
</h1>
|
||||
<div class="navbar-nav flex-row order-md-last">
|
||||
<div class="nav-item dropdown d-none d-md-flex me-3">
|
||||
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
||||
<span class="badge bg-red"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
<div class="d-none d-xl-block ps-2">
|
||||
<div>Paweł Kuna</div>
|
||||
<div class="mt-1 small text-muted">UI Designer</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||
<a href="#" class="dropdown-item">Set status</a>
|
||||
<a href="#" class="dropdown-item">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">Settings</a>
|
||||
<a href="#" class="dropdown-item">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="navbar-expand-md">
|
||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||
<div class="navbar navbar-light">
|
||||
<div class="container-xl">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Home
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../accordion.html" >
|
||||
Accordion
|
||||
</a>
|
||||
<a class="dropdown-item" href="../blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../buttons.html" >
|
||||
Buttons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards.html" >
|
||||
Cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="../colors.html" >
|
||||
Colors
|
||||
</a>
|
||||
<a class="dropdown-item" href="../dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
<a class="dropdown-item" href="../icons.html" >
|
||||
Icons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../modals.html" >
|
||||
Modals
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps.html" >
|
||||
Maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||
Map fullsize
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps-vector.html" >
|
||||
Vector maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pagination.html" >
|
||||
Pagination
|
||||
</a>
|
||||
<a class="dropdown-item" href="../skeleton.html" >
|
||||
Skeleton
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tabs.html" >
|
||||
Tabs
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
<a class="dropdown-item" href="../carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
<a class="dropdown-item" href="../lists.html" >
|
||||
Lists
|
||||
</a>
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</a>
|
||||
<a class="dropdown-item" href="../markdown.html" >
|
||||
Markdown
|
||||
</a>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
|
||||
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
|
||||
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
|
||||
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
|
||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../error-404.html" class="dropdown-item">404 page</a>
|
||||
<a href="../error-500.html" class="dropdown-item">500 page</a>
|
||||
<a href="../error-maintenance.html" class="dropdown-item">Maintenance page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../form-elements.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Form elements
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Extra
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="../activity.html" >
|
||||
Activity
|
||||
</a>
|
||||
<a class="dropdown-item" href="../gallery.html" >
|
||||
Gallery
|
||||
</a>
|
||||
<a class="dropdown-item" href="../invoice.html" >
|
||||
Invoice
|
||||
</a>
|
||||
<a class="dropdown-item" href="../search-results.html" >
|
||||
Search results
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pricing.html" >
|
||||
Pricing cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../users.html" >
|
||||
Users
|
||||
</a>
|
||||
<a class="dropdown-item" href="../license.html" >
|
||||
License
|
||||
</a>
|
||||
<a class="dropdown-item" href="../music.html" >
|
||||
Music
|
||||
</a>
|
||||
<a class="dropdown-item" href="../widgets.html" >
|
||||
Widgets
|
||||
</a>
|
||||
<a class="dropdown-item" href="../wizard.html" >
|
||||
Wizard
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Layout
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-horizontal.html" >
|
||||
Horizontal
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||
Vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||
Vertical transparent
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||
Right vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed.html" >
|
||||
Condensed
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed-dark.html" >
|
||||
Condensed dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-combo.html" >
|
||||
Combined
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||
Navbar dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||
Navbar sticky
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||
Navbar overlap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-dark.html" >
|
||||
Dark mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-rtl.html" >
|
||||
RTL mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid.html" >
|
||||
Fluid
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid-vertical.html" >
|
||||
Fluid vertical
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="../docs/index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Documentation
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
||||
<form action="." method="get">
|
||||
<div class="input-icon">
|
||||
<span class="input-icon-addon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-xl">
|
||||
<!-- Page title -->
|
||||
<div class="page-header d-print-none">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">
|
||||
Documentation
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/typography.html" class="nav-link">
|
||||
Typography
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/icons.html" class="nav-link">
|
||||
Icons
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link active">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/avatars.html" class="nav-link">
|
||||
Avatars
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/badges.html" class="nav-link">
|
||||
Badges
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||
Breadcrumb
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/buttons.html" class="nav-link">
|
||||
Buttons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cards.html" class="nav-link">
|
||||
Cards
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/carousel.html" class="nav-link">
|
||||
Carousel
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/dropdowns.html" class="nav-link">
|
||||
Dropdowns
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/divider.html" class="nav-link">
|
||||
Divider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/empty.html" class="nav-link">
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/range-slider.html" class="nav-link">
|
||||
Range slider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/ribbons.html" class="nav-link">
|
||||
Ribbons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/skeleton.html" class="nav-link">
|
||||
Skeleton
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/spinners.html" class="nav-link">
|
||||
Spinners
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/steps.html" class="nav-link">
|
||||
Steps
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/switch-icon.html" class="nav-link">
|
||||
Switch icon
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tables.html" class="nav-link">
|
||||
Tables
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tabs.html" class="nav-link">
|
||||
Tabs
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/timelines.html" class="nav-link">
|
||||
Timelines
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/toasts.html" class="nav-link">
|
||||
Toasts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tooltips.html" class="nav-link">
|
||||
Tooltips
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/borders.html" class="nav-link">
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/interactions.html" class="nav-link">
|
||||
Interactions
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/input-mask.html" class="nav-link">
|
||||
Form input mask
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/flags.html" class="nav-link">
|
||||
Flags
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/charts.html" class="nav-link">
|
||||
Charts
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div>
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Validation states</h1>
|
||||
</div>
|
||||
<p>To inform users whether the entered value is correct or not, use either of the validation states. Thanks to that, users will immediately know which form elements they need to correct and, if the state displays as invalid, why the value is incorrect.</p>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Validation States</label>
|
||||
<input type="text" class="form-control is-valid mb-2" placeholder="Valid State.." />
|
||||
<input type="text" class="form-control is-invalid" placeholder="Invalid State.." />
|
||||
<div class="invalid-feedback">Invalid feedback</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Validation States<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-valid mb-2"</span> <span class="na">placeholder=</span><span class="s">"Valid State.."</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-invalid"</span> <span class="na">placeholder=</span><span class="s">"Invalid State.."</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"invalid-feedback"</span><span class="nt">></span>Invalid feedback<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="subtle-validation-states">Subtle validation states</h2>
|
||||
<p>If you prefer a more subtle manner of informing users of the input control validation state, you can use tick and cross symbols and resign from colored control frames and the validation feedback.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Validation States</label>
|
||||
<input type="text" class="form-control is-valid is-valid-lite mb-2" placeholder="Valid State.." />
|
||||
<input type="text" class="form-control is-invalid is-invalid-lite" placeholder="Invalid State.." />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Validation States<span class="nt"></label></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-valid is-valid-lite mb-2"</span> <span class="na">placeholder=</span><span class="s">"Valid State.."</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control is-invalid is-invalid-lite"</span> <span class="na">placeholder=</span><span class="s">"Invalid State.."</span><span class="nt">></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer footer-transparent d-print-none">
|
||||
<div class="container">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item">
|
||||
Copyright © 2021
|
||||
<a href=".." class="link-secondary">Tabler</a>.
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
697
demo/docs/getting-started.html
Normal file
697
demo/docs/getting-started.html
Normal file
@@ -0,0 +1,697 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
||||
-->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Getting started - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
|
||||
</head>
|
||||
<body class="antialiased">
|
||||
<div class="page">
|
||||
<header class="navbar navbar-expand-md navbar-light d-print-none">
|
||||
<div class="container-xl">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
|
||||
<a href="..">
|
||||
<img src="../static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
|
||||
</a>
|
||||
</h1>
|
||||
<div class="navbar-nav flex-row order-md-last">
|
||||
<div class="nav-item dropdown d-none d-md-flex me-3">
|
||||
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
||||
<span class="badge bg-red"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
<span class="avatar avatar-sm" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
<div class="d-none d-xl-block ps-2">
|
||||
<div>Paweł Kuna</div>
|
||||
<div class="mt-1 small text-muted">UI Designer</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
|
||||
<a href="#" class="dropdown-item">Set status</a>
|
||||
<a href="#" class="dropdown-item">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">Settings</a>
|
||||
<a href="#" class="dropdown-item">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="navbar-expand-md">
|
||||
<div class="collapse navbar-collapse" id="navbar-menu">
|
||||
<div class="navbar navbar-light">
|
||||
<div class="container-xl">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Home
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../accordion.html" >
|
||||
Accordion
|
||||
</a>
|
||||
<a class="dropdown-item" href="../blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
<a class="dropdown-item" href="../buttons.html" >
|
||||
Buttons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards.html" >
|
||||
Cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="../colors.html" >
|
||||
Colors
|
||||
</a>
|
||||
<a class="dropdown-item" href="../dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
<a class="dropdown-item" href="../icons.html" >
|
||||
Icons
|
||||
</a>
|
||||
<a class="dropdown-item" href="../modals.html" >
|
||||
Modals
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps.html" >
|
||||
Maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../map-fullsize.html" >
|
||||
Map fullsize
|
||||
</a>
|
||||
<a class="dropdown-item" href="../maps-vector.html" >
|
||||
Vector maps
|
||||
</a>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<a class="dropdown-item" href="../charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pagination.html" >
|
||||
Pagination
|
||||
</a>
|
||||
<a class="dropdown-item" href="../skeleton.html" >
|
||||
Skeleton
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tabs.html" >
|
||||
Tabs
|
||||
</a>
|
||||
<a class="dropdown-item" href="../tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
<a class="dropdown-item" href="../carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
<a class="dropdown-item" href="../lists.html" >
|
||||
Lists
|
||||
</a>
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</a>
|
||||
<a class="dropdown-item" href="../markdown.html" >
|
||||
Markdown
|
||||
</a>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Authentication
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../sign-in.html" class="dropdown-item">Sign in</a>
|
||||
<a href="../sign-up.html" class="dropdown-item">Sign up</a>
|
||||
<a href="../forgot-password.html" class="dropdown-item">Forgot password</a>
|
||||
<a href="../terms-of-service.html" class="dropdown-item">Terms of service</a>
|
||||
<a href="../auth-lock.html" class="dropdown-item">Lock screen</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropend">
|
||||
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
Error pages
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="../error-404.html" class="dropdown-item">404 page</a>
|
||||
<a href="../error-500.html" class="dropdown-item">500 page</a>
|
||||
<a href="../error-maintenance.html" class="dropdown-item">Maintenance page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="../form-elements.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Form elements
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Extra
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="../activity.html" >
|
||||
Activity
|
||||
</a>
|
||||
<a class="dropdown-item" href="../gallery.html" >
|
||||
Gallery
|
||||
</a>
|
||||
<a class="dropdown-item" href="../invoice.html" >
|
||||
Invoice
|
||||
</a>
|
||||
<a class="dropdown-item" href="../search-results.html" >
|
||||
Search results
|
||||
</a>
|
||||
<a class="dropdown-item" href="../pricing.html" >
|
||||
Pricing cards
|
||||
</a>
|
||||
<a class="dropdown-item" href="../users.html" >
|
||||
Users
|
||||
</a>
|
||||
<a class="dropdown-item" href="../license.html" >
|
||||
License
|
||||
</a>
|
||||
<a class="dropdown-item" href="../music.html" >
|
||||
Music
|
||||
</a>
|
||||
<a class="dropdown-item" href="../widgets.html" >
|
||||
Widgets
|
||||
</a>
|
||||
<a class="dropdown-item" href="../wizard.html" >
|
||||
Wizard
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Layout
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-menu-columns">
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-horizontal.html" >
|
||||
Horizontal
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical.html" >
|
||||
Vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-transparent.html" >
|
||||
Vertical transparent
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-vertical-right.html" >
|
||||
Right vertical
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed.html" >
|
||||
Condensed
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-condensed-dark.html" >
|
||||
Condensed dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-combo.html" >
|
||||
Combined
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../layout-navbar-dark.html" >
|
||||
Navbar dark
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-sticky.html" >
|
||||
Navbar sticky
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-navbar-overlap.html" >
|
||||
Navbar overlap
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-dark.html" >
|
||||
Dark mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-rtl.html" >
|
||||
RTL mode
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid.html" >
|
||||
Fluid
|
||||
</a>
|
||||
<a class="dropdown-item" href="../layout-fluid-vertical.html" >
|
||||
Fluid vertical
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="../docs/index.html" >
|
||||
<span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
|
||||
</span>
|
||||
<span class="nav-link-title">
|
||||
Documentation
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
|
||||
<form action="." method="get">
|
||||
<div class="input-icon">
|
||||
<span class="input-icon-addon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container-xl">
|
||||
<!-- Page title -->
|
||||
<div class="page-header d-print-none">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">
|
||||
Documentation
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/getting-started.html" class="nav-link active">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/typography.html" class="nav-link">
|
||||
Typography
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/icons.html" class="nav-link">
|
||||
Icons
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/avatars.html" class="nav-link">
|
||||
Avatars
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/badges.html" class="nav-link">
|
||||
Badges
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/breadcrumb.html" class="nav-link">
|
||||
Breadcrumb
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/buttons.html" class="nav-link">
|
||||
Buttons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cards.html" class="nav-link">
|
||||
Cards
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/carousel.html" class="nav-link">
|
||||
Carousel
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/dropdowns.html" class="nav-link">
|
||||
Dropdowns
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/divider.html" class="nav-link">
|
||||
Divider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/empty.html" class="nav-link">
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/range-slider.html" class="nav-link">
|
||||
Range slider
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/ribbons.html" class="nav-link">
|
||||
Ribbons
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/skeleton.html" class="nav-link">
|
||||
Skeleton
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/spinners.html" class="nav-link">
|
||||
Spinners
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/steps.html" class="nav-link">
|
||||
Steps
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/switch-icon.html" class="nav-link">
|
||||
Switch icon
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tables.html" class="nav-link">
|
||||
Tables
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tabs.html" class="nav-link">
|
||||
Tabs
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/timelines.html" class="nav-link">
|
||||
Timelines
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/toasts.html" class="nav-link">
|
||||
Toasts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/tooltips.html" class="nav-link">
|
||||
Tooltips
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/borders.html" class="nav-link">
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/interactions.html" class="nav-link">
|
||||
Interactions
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/input-mask.html" class="nav-link">
|
||||
Form input mask
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/flags.html" class="nav-link">
|
||||
Flags
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/charts.html" class="nav-link">
|
||||
Charts
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div>
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Getting started</h1>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="what-are-the-benefits">What are the benefits?</h2>
|
||||
<p>Tabler is a perfect solution if you want to create an interface which is not only user-friendly but also fully responsive. Thanks to the big choice of ready-made components, you can customize your design and adapt it to the needs of even the most demanding users. On top of that, Tabler is an open source solution, continuously developed and improved by the open source community.</p>
|
||||
<h2 id="set-up-the-environment">Set up the environment</h2>
|
||||
<p>To use our build system and run our documentation locally, you’ll need a copy of Tabler’s source files. Follow the steps below:</p>
|
||||
<ol>
|
||||
<li><a href="https://nodejs.org/download/">Install Node.js</a>, which we use to manage our dependencies.</li>
|
||||
<li>Navigate to the root <code class="language-plaintext highlighter-rouge">/tabler</code> directory and run <code class="language-plaintext highlighter-rouge">npm install</code> to install our local dependencies listed in <code class="language-plaintext highlighter-rouge">package.json</code>.</li>
|
||||
<li><a href="https://ruby-lang.org/en/documentation/installation/">Install Ruby</a> - the recommended version is <a href="https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz">2.5.5</a>.</li>
|
||||
<li><a href="https://bundler.io">Install Bundler</a> with <code class="language-plaintext highlighter-rouge">gem install bundler</code> and, finally, run <code class="language-plaintext highlighter-rouge">bundle install</code>. It will install all Ruby dependencies, such as <a href="https://jekyllrb.com">Jekyll and plugins</a>.</li>
|
||||
</ol>
|
||||
<h3 id="windows-users">Windows users</h3>
|
||||
<ol>
|
||||
<li><a href="https://git-scm.com/download/win">Install Git</a> in <code class="language-plaintext highlighter-rouge">C:\Program Files\git\bin</code> directory and run <code class="language-plaintext highlighter-rouge">npm config set script-shell "C:\Program Files\git\bin\bash.exe"</code> to change the default shell.</li>
|
||||
<li><a href="https://rubyinstaller.org/downloads/">Install Ruby+Devkit</a> - recommended version is <a href="https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe">2.5.5</a>.</li>
|
||||
<li><a href="https://jekyllrb.com/docs/installation/windows/">Read guide</a> to get Jekyll up and running without problems.</li>
|
||||
</ol>
|
||||
<p>Once you’ve completed the setup, you’ll be able to run the various commands provided from the command line.</p>
|
||||
<h2 id="build-tabler-locally">Build Tabler locally</h2>
|
||||
<ol>
|
||||
<li>From the root <code class="language-plaintext highlighter-rouge">/tabler</code> directory, run <code class="language-plaintext highlighter-rouge">npm run start</code> in the command line.</li>
|
||||
<li>Open <a href="http://localhost:3000">http://localhost:3000</a> in your browser, and voilà.</li>
|
||||
<li>Any change in <code class="language-plaintext highlighter-rouge">/src</code> directory will build the application and refresh the page.</li>
|
||||
</ol>
|
||||
<h2 id="bugs-and-feature-requests">Bugs and feature requests</h2>
|
||||
<p>Found a bug or have a feature request? <a href="https://github.com/tabler/tabler/issues/new">Please open a new issue</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer footer-transparent d-print-none">
|
||||
<div class="container">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="../docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="../license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item">
|
||||
Copyright © 2021
|
||||
<a href=".." class="link-secondary">Tabler</a>.
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -601,6 +632,7 @@
|
||||
<h1 class="m-0">Icons</h1>
|
||||
</div>
|
||||
</div>
|
||||
<p>All icons come from the Tabler Icons set and are MIT-licensed. Visit <a href="https://tabler-icons.io" target="_blank">tabler-icons.io</a>, download the icons you need in SVG, PNG or React and use them in your favourite design tools. You can show all icons and SVG codes <a href="../icons.html">here</a>.</p>
|
||||
<h2 id="base-icon">Base icon</h2>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
@@ -692,7 +724,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
<a href="../docs/" class="nav-link active">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link active">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -601,34 +632,173 @@
|
||||
<h1 class="m-0">Introduction</h1>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="what-is-tabler">What is Tabler?</h2>
|
||||
<p>Tabler is a UI kit that speeds up the development process and makes it easier than ever! Built on the latest version of Bootstrap, it helps you create templates based on fully customizable and ready-to-use UI components, which can be used by both simple websites and sophisticated systems. With basic knowledge of HTML and CSS, you’ll be able to create dashboards that are fully functional and beautifully designed!</p>
|
||||
<h2 id="what-are-the-benefits">What are the benefits?</h2>
|
||||
<p>Tabler is a perfect solution if you want to create an interface which is not only user-friendly but also fully reponsive. Thanks to the big choice of ready-made components, you can customize your design and adapt it to the needs of even the most demanding users. On top of that, Tabler is an open source solution, continuously developed and improved by the open source community.</p>
|
||||
<p>To start using Tabler, first you need to set up the environment.</p>
|
||||
<h2 id="set-up-the-environment">Set up the environment</h2>
|
||||
<p>To use our build system and run our documentation locally, you’ll need a copy of Tabler’s source files. Follow the steps below:</p>
|
||||
<ol>
|
||||
<li><a href="https://nodejs.org/download/">Install Node.js</a>, which we use to manage our dependencies.</li>
|
||||
<li>Navigate to the root <code class="language-plaintext highlighter-rouge">/tabler</code> directory and run <code class="language-plaintext highlighter-rouge">npm install</code> to install our local dependencies listed in <code class="language-plaintext highlighter-rouge">package.json</code>.</li>
|
||||
<li><a href="https://ruby-lang.org/en/documentation/installation/">Install Ruby</a> - the recommended version is <a href="https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz">2.5.5</a>.</li>
|
||||
<li><a href="https://bundler.io">Install Bundler</a> with <code class="language-plaintext highlighter-rouge">gem install bundler</code> and, finally, run <code class="language-plaintext highlighter-rouge">bundle install</code>. It will install all Ruby dependencies, such as <a href="https://jekyllrb.com">Jekyll and plugins</a>.</li>
|
||||
</ol>
|
||||
<h3 id="windows-users">Windows users</h3>
|
||||
<ol>
|
||||
<li><a href="https://git-scm.com/download/win">Install Git</a> in <code class="language-plaintext highlighter-rouge">C:\Program Files\git\bin</code> directory and run <code class="language-plaintext highlighter-rouge">npm config set script-shell "C:\Program Files\git\bin\bash.exe"</code> to change the default shell.</li>
|
||||
<li><a href="https://rubyinstaller.org/downloads/">Install Ruby+Devkit</a> - recommended version is <a href="https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe">2.5.5</a>.</li>
|
||||
<li><a href="https://jekyllrb.com/docs/installation/windows/">Read guide</a> to get Jekyll up and running without problems.</li>
|
||||
</ol>
|
||||
<p>Once you’ve completed the setup, you’ll be able to run the various commands provided from the command line.</p>
|
||||
<h2 id="build-tabler-locally">Build Tabler locally</h2>
|
||||
<ol>
|
||||
<li>From the root <code class="language-plaintext highlighter-rouge">/tabler</code> directory, run <code class="language-plaintext highlighter-rouge">npm run start</code> in the command line.</li>
|
||||
<li>Open <a href="http://localhost:4000">http://localhost:4000</a> in your browser, and voilà.</li>
|
||||
<li>Any change in <code class="language-plaintext highlighter-rouge">/pages</code> directory will build the application and refresh the page.</li>
|
||||
</ol>
|
||||
<h2 id="bugs-and-feature-requests">Bugs and feature requests</h2>
|
||||
<p>Found a bug or have a feature request? <a href="https://github.com/tabler/tabler/issues/new">Please open a new issue</a>.</p>
|
||||
<div class="mt-4">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3>Getting started</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
- <a href="../docs/getting-started.html">Getting Started</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/download.html">Download</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Content</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
- <a href="../docs/colors.html">Colors</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/typography.html">Typography</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/icons.html">Icons</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Form components</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
- <a href="../docs/form-elements.html">Form elements</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/form-helpers.html">Form helpers</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/form-validation.html">Validation states</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/form-image-check.html">Image check</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/form-color-check.html">Color check</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/form-selectboxes.html">Form selectboxes</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/form-fieldset.html">Form fieldset</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<h3>Components</h3>
|
||||
<ul class="list-unstyled columns-md-2">
|
||||
<li>
|
||||
- <a href="../docs/alerts.html">Alerts</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/avatars.html">Avatars</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/badges.html">Badges</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/breadcrumb.html">Breadcrumb</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/buttons.html">Buttons</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/cards.html">Cards</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/carousel.html">Carousel</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/dropdowns.html">Dropdowns</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/divider.html">Divider</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/empty.html">Empty states</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/modals.html">Modals</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/page-headers.html">Page headers</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/progress.html">Progress</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/range-slider.html">Range slider</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/ribbons.html">Ribbons</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/skeleton.html">Skeleton</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/spinners.html">Spinners</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/steps.html">Steps</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/switch-icon.html">Switch icon</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/tables.html">Tables</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/tabs.html">Tabs</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/timelines.html">Timelines</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/toasts.html">Toasts</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/tooltips.html">Tooltips</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Utilities</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
- <a href="../docs/borders.html">Borders</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/cursors.html">Cursors</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/interactions.html">Interactions</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3>Plugins</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
- <a href="../docs/autosize.html">Autosize</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/input-mask.html">Form input mask</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/flags.html">Flags</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/payments.html">Payments</a>
|
||||
</li>
|
||||
<li>
|
||||
- <a href="../docs/charts.html">Charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -653,7 +823,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -640,7 +671,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -656,7 +687,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link active">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -985,7 +1016,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -879,7 +910,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -378,13 +389,54 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -548,13 +583,11 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,11 +631,13 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Payments</h1>
|
||||
</div>
|
||||
<div class="alert alert-primary mb-4">
|
||||
<h4 class="alert-title">Important!</h4>
|
||||
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-payments.css</code> or <code>tabler-payments.min.css</code> file to your page.</p>
|
||||
</div>
|
||||
<p>The Tabler payments plug-in will let you use a set of payment provider icons to facilitate the payment process and make it more-user friendly.</p>
|
||||
<h3>Installation</h3>
|
||||
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-payments.css</code> or <code>tabler-payments.min.css</code> file to your page.</p>
|
||||
<p>You can also include plugin via CDN:</p>
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta/dist/css/tabler-payments.min.css"</span><span class="nt">></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="payment">Payment</h2>
|
||||
<p>To create a payment provider icon, add the <code class="language-plaintext highlighter-rouge">payment</code> class to a component and specify the payment provider. The full list of payment providers can be found below.</p>
|
||||
@@ -1140,7 +1173,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Progress bars</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/progress" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/progress" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -770,7 +801,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -14,7 +14,6 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Range slider - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="../dist/libs/nouislider/distribute/nouislider.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
@@ -340,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -378,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -436,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -520,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -531,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -550,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -585,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -810,7 +840,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -763,7 +794,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -1054,7 +1085,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Spinners</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/spinners/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/spinners/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -820,7 +851,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -815,7 +846,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -794,7 +825,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Tables</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/content/tables/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/content/tables/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -1117,7 +1148,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Tabs</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/navs/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/navs/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -1038,7 +1069,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -1022,7 +1053,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Toasts</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/toasts/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/toasts/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -754,7 +785,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Tooltips</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/tooltips/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/components/tooltips/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -682,7 +713,7 @@ Tooltip with HTML
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -339,27 +339,38 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row gx-lg-4">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><line x1="13" y1="15" x2="16" y2="15" /><rect x="4" y="4" width="16" height="16" rx="4" /></svg>
|
||||
</span>
|
||||
<a href="../docs/" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
<a href="../docs/getting-started.html" class="nav-link">
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
<a href="../docs/download.html" class="nav-link">
|
||||
Download
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="true">
|
||||
Content
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse show" id="menu-content">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -377,10 +388,51 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
Form components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav nav-pills collapse" id="menu-forms">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-validation.html" class="nav-link">
|
||||
Validation states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-image-check.html" class="nav-link">
|
||||
Image check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-color-check.html" class="nav-link">
|
||||
Color check
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-selectboxes.html" class="nav-link">
|
||||
Form selectboxes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-fieldset.html" class="nav-link">
|
||||
Form fieldset
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1" /></svg>
|
||||
</span>
|
||||
Components
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -435,16 +487,6 @@
|
||||
Empty states
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-elements.html" class="nav-link">
|
||||
Form elements
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/form-helpers.html" class="nav-link">
|
||||
Form helpers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/modals.html" class="nav-link">
|
||||
Modals
|
||||
@@ -519,8 +561,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2 -2.96 0 -7 -1 -8c0 3.038 -1.773 4.741 -3 6c-1.226 1.26 -2 3.24 -2 5a6 6 0 1 0 12 0c0 -1.532 -1.056 -3.94 -2 -5c-1.786 3 -2.791 3 -4 2z" /></svg>
|
||||
</span>
|
||||
Utilities
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -530,11 +570,6 @@
|
||||
Borders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -549,8 +584,6 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="6" rx="1" /><rect x="4" y="14" width="6" height="6" rx="1" /><rect x="14" y="14" width="6" height="6" rx="1" /><line x1="14" y1="7" x2="20" y2="7" /><line x1="17" y1="4" x2="17" y2="10" /></svg>
|
||||
</span>
|
||||
Plugins
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
@@ -584,10 +617,8 @@
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../changelog.html" class="nav-link">
|
||||
<span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
|
||||
</span>
|
||||
Changelog
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.23</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -600,7 +631,7 @@
|
||||
<div class="d-flex mb-3">
|
||||
<h1 class="m-0">Typography</h1>
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/content/typography/" target="_blank">
|
||||
<a href="https://getbootstrap.com/docs/5.0/content/typography/" target="_blank" class="d-flex align-items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
@@ -933,7 +964,7 @@ Text <span class="nt"><sup></span>Superscripted<span class="nt"></sup&g
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -587,7 +587,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -359,7 +359,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -14,7 +14,6 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
<title>Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
|
||||
<!-- CSS files -->
|
||||
<link href="./dist/libs/nouislider/distribute/nouislider.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
|
||||
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
|
||||
@@ -866,10 +865,10 @@
|
||||
<label class="form-label">Phone number</label>
|
||||
<input type="tel" class="form-control" autocomplete="off"/>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<label class="form-check">
|
||||
<input type="checkbox" class="form-check-input"/>
|
||||
<label class="form-check-label required">I agree to the Terms & Conditions</label>
|
||||
</div>
|
||||
<span class="form-check-label required">I agree to the Terms & Conditions</span>
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-12">
|
||||
@@ -1579,343 +1578,557 @@
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Tags input</label>
|
||||
<select name="tags" id="select-tags" class="form-select" multiple>
|
||||
<option value="HTML" selected>HTML</option>
|
||||
<option value="JavaScript" selected>JavaScript</option>
|
||||
<select type="text" class="form-select" placeholder="Select a date" id="select-tags" value="">
|
||||
<option value="HTML">HTML</option>
|
||||
<option value="JavaScript">JavaScript</option>
|
||||
<option value="CSS">CSS</option>
|
||||
<option value="jQuery">jQuery</option>
|
||||
<option value="Bootstrap" selected>Bootstrap</option>
|
||||
<option value="Bootstrap">Bootstrap</option>
|
||||
<option value="Ruby">Ruby</option>
|
||||
<option value="Python">Python</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Advanced tags input</label>
|
||||
<select name="tags-advanced" id="select-tags-advanced" class="form-select" multiple>
|
||||
<select type="text" class="form-select" placeholder="Select a date" id="select-tags-advanced" value="">
|
||||
<option value="HTML">HTML</option>
|
||||
<option value="JavaScript">JavaScript</option>
|
||||
<option value="CSS">CSS</option>
|
||||
<option value="jQuery">jQuery</option>
|
||||
<option value="Bootstrap">Bootstrap</option>
|
||||
<option value="Ruby" selected>Ruby</option>
|
||||
<option value="Python" selected>Python</option>
|
||||
<option value="Ruby">Ruby</option>
|
||||
<option value="Python">Python</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Advanced select</label>
|
||||
<select name="users" id="select-users" class="form-select">
|
||||
<select type="text" class="form-select" placeholder="Select a date" id="select-users" value="">
|
||||
<option value="1">Chuck Tesla</option>
|
||||
<option value="2">Elon Musk</option>
|
||||
<option value="3" selected>Paweł Kuna</option>
|
||||
<option value="3">Paweł Kuna</option>
|
||||
<option value="4">Nikola Tesla</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Select with avatars</label>
|
||||
<select name="people" id="select-people" class="form-select">
|
||||
<option value="1" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/000m.jpg)\"></span>"}'>Paweł Kuna</option>
|
||||
<option value="2" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">JL</span>"}'>Jeffie Lewzey</option>
|
||||
<option value="3" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/002m.jpg)\"></span>"}'>Mallory Hulme</option>
|
||||
<option value="4" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/003m.jpg)\"></span>"}' selected>Dunn Slane</option>
|
||||
<option value="5" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/000f.jpg)\"></span>"}'>Emmy Levet</option>
|
||||
<option value="6" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/001f.jpg)\"></span>"}'>Maryjo Lebarree</option>
|
||||
<option value="7" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">EP</span>"}'>Egan Poetz</option>
|
||||
<option value="8" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/002f.jpg)\"></span>"}'>Kellie Skingley</option>
|
||||
<option value="9" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/003f.jpg)\"></span>"}'>Christabel Charlwood</option>
|
||||
<option value="10" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">HS</span>"}'>Haskel Shelper</option>
|
||||
<option value="11" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/006m.jpg)\"></span>"}'>Lorry Mion</option>
|
||||
<option value="12" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/004f.jpg)\"></span>"}'>Leesa Beaty</option>
|
||||
<option value="13" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/007m.jpg)\"></span>"}'>Perren Keemar</option>
|
||||
<option value="14" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">SA</span>"}'>Sunny Airey</option>
|
||||
<option value="15" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/009m.jpg)\"></span>"}'>Geoffry Flaunders</option>
|
||||
<option value="16" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/010m.jpg)\"></span>"}'>Thatcher Keel</option>
|
||||
<option value="17" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/005f.jpg)\"></span>"}'>Dyann Escala</option>
|
||||
<option value="18" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/006f.jpg)\"></span>"}'>Avivah Mugleston</option>
|
||||
<option value="19" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">AA</span>"}'>Arlie Armstead</option>
|
||||
<option value="20" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/008f.jpg)\"></span>"}'>Tessie Curzon</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Select with flags</label>
|
||||
<select name="countries" id="select-countries" class="form-select">
|
||||
<option value="pl" data-data='{"flag": "pl"}' selected>Poland</option>
|
||||
<option value="de" data-data='{"flag": "de"}'>Germany</option>
|
||||
<option value="cz" data-data='{"flag": "cz"}'>Czech Republic</option>
|
||||
<option value="br" data-data='{"flag": "br"}'>Brazil</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Advanced select with validation state</label>
|
||||
<select name="countries" id="select-states" class="form-select is-valid">
|
||||
<option value="pl" data-data='{"flag": "pl"}' selected>Poland</option>
|
||||
<option value="de" data-data='{"flag": "de"}'>Germany</option>
|
||||
<option value="cz" data-data='{"flag": "cz"}'>Czech Republic</option>
|
||||
<option value="br" data-data='{"flag": "br"}'>Brazil</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer text-end">
|
||||
<div class="d-flex">
|
||||
<a href="#" class="btn btn-link">Cancel</a>
|
||||
<button type="submit" class="btn btn-primary ms-auto">Send data</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Basic form</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="form-group mb-3 ">
|
||||
<label class="form-label">Email address</label>
|
||||
<div >
|
||||
<input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
|
||||
<small class="form-hint">We'll never share your email with anyone else.</small>
|
||||
<select type="text" class="form-select" placeholder="Select a date" id="select-people" value="">
|
||||
<option value="1" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/000m.jpg)"></span>">Paweł Kuna</option>
|
||||
<option value="2" data-custom-properties="<span class="avatar avatar-xs">JL</span>">Jeffie Lewzey</option>
|
||||
<option value="3" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/002m.jpg)"></span>">Mallory Hulme</option>
|
||||
<option value="4" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/003m.jpg)"></span>">Dunn Slane</option>
|
||||
<option value="5" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/000f.jpg)"></span>">Emmy Levet</option>
|
||||
<option value="6" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/001f.jpg)"></span>">Maryjo Lebarree</option>
|
||||
<option value="7" data-custom-properties="<span class="avatar avatar-xs">EP</span>">Egan Poetz</option>
|
||||
<option value="8" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/002f.jpg)"></span>">Kellie Skingley</option>
|
||||
<option value="9" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/003f.jpg)"></span>">Christabel Charlwood</option>
|
||||
<option value="10" data-custom-properties="<span class="avatar avatar-xs">HS</span>">Haskel Shelper</option>
|
||||
<option value="11" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/006m.jpg)"></span>">Lorry Mion</option>
|
||||
<option value="12" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/004f.jpg)"></span>">Leesa Beaty</option>
|
||||
<option value="13" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/007m.jpg)"></span>">Perren Keemar</option>
|
||||
<option value="14" data-custom-properties="<span class="avatar avatar-xs">SA</span>">Sunny Airey</option>
|
||||
<option value="15" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/009m.jpg)"></span>">Geoffry Flaunders</option>
|
||||
<option value="16" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/010m.jpg)"></span>">Thatcher Keel</option>
|
||||
<option value="17" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/005f.jpg)"></span>">Dyann Escala</option>
|
||||
<option value="18" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/006f.jpg)"></span>">Avivah Mugleston</option>
|
||||
<option value="19" data-custom-properties="<span class="avatar avatar-xs">AA</span>">Arlie Armstead</option>
|
||||
<option value="20" data-custom-properties="<span class="avatar avatar-xs" style="background-image: url(./static/avatars/008f.jpg)"></span>">Tessie Curzon</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Select with flags</label>
|
||||
<select type="text" class="form-select" id="select-countries" value="">
|
||||
<option value="pl" data-custom-properties="<span class="flag flag-xs flag-country-pl"></span>">Poland</option>
|
||||
<option value="de" data-custom-properties="<span class="flag flag-xs flag-country-de"></span>">Germany</option>
|
||||
<option value="cz" data-custom-properties="<span class="flag flag-xs flag-country-cz"></span>">Czech Republic</option>
|
||||
<option value="br" data-custom-properties="<span class="flag flag-xs flag-country-br"></span>">Brazil</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Select with labels</label>
|
||||
<select type="text" class="form-select" id="select-labels" value="">
|
||||
<option value="copy" data-custom-properties="<span class="badge bg-blue-lt">cmd + C</span>">Copy</option>
|
||||
<option value="paste" data-custom-properties="<span class="badge bg-blue-lt">cmd + V</span>">Paste</option>
|
||||
<option value="cut" data-custom-properties="<span class="badge bg-blue-lt">cmd + X</span>">Cut</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Advanced select with validation state</label>
|
||||
<select type="text" class="form-select mb-3 is-valid" id="select-countries-valid" value="">
|
||||
<option value="pl">Poland</option>
|
||||
<option value="de">Germany</option>
|
||||
<option value="cz">Czech Republic</option>
|
||||
<option value="br">Brazil</option>
|
||||
</select>
|
||||
<select type="text" class="form-select is-invalid" id="select-countries-invalid" value="">
|
||||
<option value="pl">Poland</option>
|
||||
<option value="de">Germany</option>
|
||||
<option value="cz">Czech Republic</option>
|
||||
<option value="br">Brazil</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer text-end">
|
||||
<div class="d-flex">
|
||||
<a href="#" class="btn btn-link">Cancel</a>
|
||||
<button type="submit" class="btn btn-primary ms-auto">Send data</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Basic form</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="form-group mb-3 ">
|
||||
<label class="form-label">Email address</label>
|
||||
<div >
|
||||
<input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
|
||||
<small class="form-hint">We'll never share your email with anyone else.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 ">
|
||||
<label class="form-label">Password</label>
|
||||
<div >
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
<small class="form-hint">
|
||||
Your password must be 8-20 characters long, contain letters and numbers, and must not contain
|
||||
spaces, special characters, or emoji.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 ">
|
||||
<label class="form-label">Select</label>
|
||||
<div >
|
||||
<select class="form-select">
|
||||
<option>Option 1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label">Checkboxes</label>
|
||||
<div >
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" checked="">
|
||||
<span class="form-check-label">Option 1</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<span class="form-check-label">Option 2</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" disabled="">
|
||||
<span class="form-check-label">Option 3</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Horizontal form</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="form-group mb-3 row">
|
||||
<label class="form-label col-3 col-form-label">Email address</label>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
|
||||
<small class="form-hint">We'll never share your email with anyone else.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 row">
|
||||
<label class="form-label col-3 col-form-label">Password</label>
|
||||
<div class="col">
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
<small class="form-hint">
|
||||
Your password must be 8-20 characters long, contain letters and numbers, and must not contain
|
||||
spaces, special characters, or emoji.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 row">
|
||||
<label class="form-label col-3 col-form-label">Select</label>
|
||||
<div class="col">
|
||||
<select class="form-select">
|
||||
<option>Option 1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="form-label col-3 col-form-label pt-0">Checkboxes</label>
|
||||
<div class="col">
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" checked="">
|
||||
<span class="form-check-label">Option 1</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<span class="form-check-label">Option 2</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" disabled="">
|
||||
<span class="form-check-label">Option 3</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 ">
|
||||
<label class="form-label">Password</label>
|
||||
<div >
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
<small class="form-hint">
|
||||
Your password must be 8-20 characters long, contain letters and numbers, and must not contain
|
||||
spaces, special characters, or emoji.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 ">
|
||||
<label class="form-label">Select</label>
|
||||
<div >
|
||||
<select class="form-select">
|
||||
<option>Option 1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label">Checkboxes</label>
|
||||
<div >
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" checked="">
|
||||
<span class="form-check-label">Option 1</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<span class="form-check-label">Option 2</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" disabled="">
|
||||
<span class="form-check-label">Option 3</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Horizontal form</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="form-group mb-3 row">
|
||||
<label class="form-label col-3 col-form-label">Email address</label>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
|
||||
<small class="form-hint">We'll never share your email with anyone else.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 row">
|
||||
<label class="form-label col-3 col-form-label">Password</label>
|
||||
<div class="col">
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
<small class="form-hint">
|
||||
Your password must be 8-20 characters long, contain letters and numbers, and must not contain
|
||||
spaces, special characters, or emoji.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3 row">
|
||||
<label class="form-label col-3 col-form-label">Select</label>
|
||||
<div class="col">
|
||||
<select class="form-select">
|
||||
<option>Option 1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="form-label col-3 col-form-label pt-0">Checkboxes</label>
|
||||
<div class="col">
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" checked="">
|
||||
<span class="form-check-label">Option 1</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<span class="form-check-label">Option 2</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" disabled="">
|
||||
<span class="form-check-label">Option 3</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer footer-transparent d-print-none">
|
||||
<div class="container">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item">
|
||||
Copyright © 2021
|
||||
<a href="." class="link-secondary">Tabler</a>.
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<footer class="footer footer-transparent d-print-none">
|
||||
<div class="container">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
|
||||
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item">
|
||||
Copyright © 2021
|
||||
<a href="." class="link-secondary">Tabler</a>.
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<script src="./dist/libs/nouislider/distribute/nouislider.min.js"></script>
|
||||
<script src="./dist/libs/litepicker/dist/litepicker.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
noUiSlider.create(document.getElementById('range-simple'), {
|
||||
start: 20,
|
||||
connect: [true, false],
|
||||
step: 10,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
noUiSlider.create(document.getElementById('range-connect'), {
|
||||
start: [60, 90],
|
||||
connect: [false, true, false],
|
||||
step: 10,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
noUiSlider.create(document.getElementById('range-color'), {
|
||||
start: 40,
|
||||
connect: [true, false],
|
||||
step: 10,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-default'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-icon'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-icon-prepend'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-inline'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
inlineMode: true,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
let sliderTriggerList = [].slice.call(document.querySelectorAll("[data-slider]"));
|
||||
sliderTriggerList.map(function (sliderTriggerEl) {
|
||||
let options = {};
|
||||
if (sliderTriggerEl.getAttribute("data-slider")) {
|
||||
options = JSON.parse(sliderTriggerEl.getAttribute("data-slider"));
|
||||
}
|
||||
let slider = noUiSlider.create(sliderTriggerEl, options);
|
||||
if (options['js-name']) {
|
||||
window[options['js-name']] = slider;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!-- Libs JS -->
|
||||
<script src="./dist/libs/nouislider/distribute/nouislider.min.js"></script>
|
||||
<script src="./dist/libs/litepicker/dist/litepicker.js"></script>
|
||||
<script src="./dist/libs/choices.js/public/assets/scripts/choices.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
noUiSlider.create(document.getElementById('range-simple'), {
|
||||
start: 20,
|
||||
connect: [true, false],
|
||||
step: 10,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
noUiSlider.create(document.getElementById('range-connect'), {
|
||||
start: [60, 90],
|
||||
connect: [false, true, false],
|
||||
step: 10,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
noUiSlider.create(document.getElementById('range-color'), {
|
||||
start: 40,
|
||||
connect: [true, false],
|
||||
step: 10,
|
||||
range: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-default'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-icon'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-icon-prepend'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
window.Litepicker && (new Litepicker({
|
||||
element: document.getElementById('datepicker-inline'),
|
||||
buttonText: {
|
||||
previousMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="15 6 9 12 15 18" /></svg>',
|
||||
nextMonth: '<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 6 15 12 9 18" /></svg>',
|
||||
},
|
||||
inlineMode: true,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-tags'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-tags-advanced'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-users'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-people'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
callbackOnCreateTemplates: function(template) {
|
||||
var classNames = this.config.className,
|
||||
itemSelectText = this.config.itemSelectText;
|
||||
return {
|
||||
item: function(classNames, data) {
|
||||
return template('<div class="' + String(classNames.item) + ' ' + String( data.highlighted ? classNames.highlightedState : classNames.itemSelectable ) + '" data-item data-id="' + String(data.id) + '" data-value="' + String(data.value) + '"' + String(data.active ? 'aria-selected="true"' : '') + '' + String(data.disabled ? 'aria-disabled="true"' : '') + '><span class="dropdown-item-indicator">' + data.customProperties + '</span>' + String(data.label) + '</div>');
|
||||
},
|
||||
choice: function(classNames, data) {
|
||||
console.log('data', data);
|
||||
return template('<div class="' + String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String( data.disabled ? classNames.itemDisabled : classNames.itemSelectable ) + '" data-select-text="' + String(itemSelectText) + '" data-choice ' + String( data.disabled ? 'data-choice-disabled aria-disabled="true"' : 'data-choice-selectable' ) + ' data-id="' + String(data.id) + '" data-value="' + String(data.value) + '" ' + String( data.groupId > 0 ? 'role="treeitem"' : 'role="option"' ) + ' ><span class="dropdown-item-indicator">' + data.customProperties + '</span>' + String(data.label) + '</div>');
|
||||
},
|
||||
};
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-countries'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
callbackOnCreateTemplates: function(template) {
|
||||
var classNames = this.config.className,
|
||||
itemSelectText = this.config.itemSelectText;
|
||||
return {
|
||||
item: function(classNames, data) {
|
||||
return template('<div class="' + String(classNames.item) + ' ' + String( data.highlighted ? classNames.highlightedState : classNames.itemSelectable ) + '" data-item data-id="' + String(data.id) + '" data-value="' + String(data.value) + '"' + String(data.active ? 'aria-selected="true"' : '') + '' + String(data.disabled ? 'aria-disabled="true"' : '') + '><span class="dropdown-item-indicator">' + data.customProperties + '</span>' + String(data.label) + '</div>');
|
||||
},
|
||||
choice: function(classNames, data) {
|
||||
console.log('data', data);
|
||||
return template('<div class="' + String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String( data.disabled ? classNames.itemDisabled : classNames.itemSelectable ) + '" data-select-text="' + String(itemSelectText) + '" data-choice ' + String( data.disabled ? 'data-choice-disabled aria-disabled="true"' : 'data-choice-selectable' ) + ' data-id="' + String(data.id) + '" data-value="' + String(data.value) + '" ' + String( data.groupId > 0 ? 'role="treeitem"' : 'role="option"' ) + ' ><span class="dropdown-item-indicator">' + data.customProperties + '</span>' + String(data.label) + '</div>');
|
||||
},
|
||||
};
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-labels'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
callbackOnCreateTemplates: function(template) {
|
||||
var classNames = this.config.className,
|
||||
itemSelectText = this.config.itemSelectText;
|
||||
return {
|
||||
item: function(classNames, data) {
|
||||
return template('<div class="' + String(classNames.item) + ' ' + String( data.highlighted ? classNames.highlightedState : classNames.itemSelectable ) + '" data-item data-id="' + String(data.id) + '" data-value="' + String(data.value) + '"' + String(data.active ? 'aria-selected="true"' : '') + '' + String(data.disabled ? 'aria-disabled="true"' : '') + '><span class="dropdown-item-indicator">' + data.customProperties + '</span>' + String(data.label) + '</div>');
|
||||
},
|
||||
choice: function(classNames, data) {
|
||||
console.log('data', data);
|
||||
return template('<div class="' + String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String( data.disabled ? classNames.itemDisabled : classNames.itemSelectable ) + '" data-select-text="' + String(itemSelectText) + '" data-choice ' + String( data.disabled ? 'data-choice-disabled aria-disabled="true"' : 'data-choice-selectable' ) + ' data-id="' + String(data.id) + '" data-value="' + String(data.value) + '" ' + String( data.groupId > 0 ? 'role="treeitem"' : 'role="option"' ) + ' ><span class="dropdown-item-indicator">' + data.customProperties + '</span>' + String(data.label) + '</div>');
|
||||
},
|
||||
};
|
||||
},
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-countries-valid'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
// @formatter:off
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var el;
|
||||
window.Choices && (new Choices(el = document.getElementById('select-countries-invalid'), {
|
||||
classNames: {
|
||||
containerInner: el.className,
|
||||
input: 'form-control',
|
||||
inputCloned: 'form-control-sm',
|
||||
listDropdown: 'dropdown-menu',
|
||||
itemChoice: 'dropdown-item',
|
||||
activeState: 'show',
|
||||
selectedState: 'active',
|
||||
},
|
||||
shouldSort: false,
|
||||
searchEnabled: false,
|
||||
}));
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
let sliderTriggerList = [].slice.call(document.querySelectorAll("[data-slider]"));
|
||||
sliderTriggerList.map(function (sliderTriggerEl) {
|
||||
let options = {};
|
||||
if (sliderTriggerEl.getAttribute("data-slider")) {
|
||||
options = JSON.parse(sliderTriggerEl.getAttribute("data-slider"));
|
||||
}
|
||||
let slider = noUiSlider.create(sliderTriggerEl, options);
|
||||
if (options['js-name']) {
|
||||
window[options['js-name']] = slider;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -686,7 +686,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -5513,7 +5513,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -1712,7 +1712,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.23
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -457,7 +457,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.23</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user