mirror of
https://github.com/tabler/tabler.git
synced 2025-12-24 10:48:14 +04:00
Compare commits
12 Commits
v1.0.0-alp
...
v1.0.0-bet
| Author | SHA1 | Date | |
|---|---|---|---|
|
1941ee20ae | ||
|
|
f6c235e38b | ||
|
|
6cece1ea36 | ||
|
|
429c8e831a | ||
|
|
9246295721 | ||
|
|
300c225636 | ||
|
|
0c0d344107 | ||
|
|
21c1ae3bd7 | ||
|
|
768065768d | ||
|
629e129b03 | ||
|
|
dace4f8092 | ||
|
|
006b1d9344 |
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
|
||||
|
||||
@@ -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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
4
demo/dist/css/demo.css
vendored
4
demo/dist/css/demo.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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/demo.min.css
vendored
4
demo/dist/css/demo.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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/demo.rtl.css
vendored
4
demo/dist/css/demo.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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/demo.rtl.min.css
vendored
4
demo/dist/css/demo.rtl.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-flags.css
vendored
4
demo/dist/css/tabler-flags.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-flags.min.css
vendored
4
demo/dist/css/tabler-flags.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-flags.rtl.css
vendored
4
demo/dist/css/tabler-flags.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-flags.rtl.min.css
vendored
4
demo/dist/css/tabler-flags.rtl.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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.css
vendored
4
demo/dist/css/tabler-payments.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-vendors.css
vendored
4
demo/dist/css/tabler-vendors.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-vendors.min.css
vendored
4
demo/dist/css/tabler-vendors.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-vendors.rtl.css
vendored
4
demo/dist/css/tabler-vendors.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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-vendors.rtl.min.css
vendored
4
demo/dist/css/tabler-vendors.rtl.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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
|
||||
|
||||
293
demo/dist/css/tabler.css
vendored
293
demo/dist/css/tabler.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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;
|
||||
@@ -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 {
|
||||
@@ -7844,7 +7916,8 @@ Navbar brand
|
||||
|
||||
.navbar-brand-image {
|
||||
display: block;
|
||||
height: 2rem; }
|
||||
height: 2rem;
|
||||
width: auto; }
|
||||
|
||||
/**
|
||||
Navbar toggler
|
||||
@@ -11156,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,
|
||||
@@ -11164,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; }
|
||||
|
||||
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
279
demo/dist/css/tabler.rtl.css
vendored
279
demo/dist/css/tabler.rtl.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.24 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.24
|
||||
* 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;
|
||||
@@ -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 {
|
||||
@@ -7822,7 +7894,8 @@ Navbar brand
|
||||
|
||||
.navbar-brand-image {
|
||||
display: block;
|
||||
height: 2rem; }
|
||||
height: 2rem;
|
||||
width: auto; }
|
||||
|
||||
/**
|
||||
Navbar toggler
|
||||
@@ -11134,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,
|
||||
@@ -11142,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; }
|
||||
|
||||
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
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,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-beta</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -809,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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24
|
||||
* @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.24
|
||||
* @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.24
|
||||
* @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.24
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -865,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">
|
||||
@@ -1811,7 +1811,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @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.24</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.24
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -1747,7 +1747,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.24</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.24
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -1708,7 +1708,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.24</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.24
|
||||
* @version 1.0.0-beta
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2021 The Tabler Authors
|
||||
* Copyright 2018-2021 codecalm.net Paweł Kuna
|
||||
@@ -1708,7 +1708,7 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.24</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