Skip to content

T
Tabler

Dashboards / Tabler
11 个月 前同步成功

通知 0
Star 0
Fork 0
T
Tabler

体验新版 GitCode，发现更多精彩内容 >>

提交 dde02732 编写于 作者: M Michal Wolny
浏览文件
操作

add usage page in getting started guide, 

add readme npm and CDN installation guide
上级 60f0f4f8
展开全部 隐藏空白更改
内联 并排
Showing with 934 addition and 36 deletion
README.md
浏览文件 @ dde02732
......@@ -73,6 +73,22 @@ Once you complete the setup, you'll be able to run the various commands provided
Run `npm run build` for reforms a one off build application without refresh.
Open [http://localhost:3001](http://localhost:3001) to configure the Web server.
## Installation
Tabler is distributed via npm.
```sh
npm install --save @tabler/core
```
### CDN support
All files included in `@tabler/core` npm package are available over a CDN.
```html
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">
<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>
```
## Feature requests
......
demo/changelog.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="./docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="./docs/colors.html" class="nav-link">
Colors
......
demo/docs/alerts.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/autosize.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/avatars.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/badges.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/breadcrumb.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/buttons.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/cards.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/carousel.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/charts.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/colors.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link active">
Colors
......
demo/docs/countup.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/cursors.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/divider.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/dropdowns.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/empty.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/flags.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/form-elements.html
浏览文件 @ dde02732
......@@ -344,6 +344,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/form-helpers.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/icons.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/index.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/input-mask.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/modals.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/payments.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/progress.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/range-slider.html
浏览文件 @ dde02732
......@@ -344,6 +344,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/ribbons.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/skeleton.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/spinners.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/steps.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/switch-icon.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/tables.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/tabs.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/timelines.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/toasts.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/tooltips.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/typography.html
浏览文件 @ dde02732
......@@ -343,6 +343,11 @@
Introduction
</a>
</li>
<li class="nav-item">
<a href="../docs/usage.html" class="nav-link">
Usage
</a>
</li>
<li class="nav-item">
<a href="../docs/colors.html" class="nav-link">
Colors
......
demo/docs/usage.html 0 → 100644
浏览文件 @ dde02732
此差异已折叠。
demo/sitemap.xml
浏览文件 @ dde02732
......@@ -2,147 +2,151 @@
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>/docs/alerts.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/autosize.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/avatars.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/badges.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/breadcrumb.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/buttons.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/cards.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/carousel.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/charts.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/colors.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/countup.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/cursors.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/divider.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/dropdowns.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/empty.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/flags.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/form-elements.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/form-helpers.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/icons.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/input-mask.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/modals.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/payments.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/progress.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/range-slider.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/ribbons.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/skeleton.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/spinners.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/steps.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/switch-icon.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/tables.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/tabs.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/timelines.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/toasts.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/tooltips.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/typography.html</loc>
<lastmod>2020-11-15T17:46:49+01:00</lastmod>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/docs/usage.html</loc>
<lastmod>2020-11-15T19:27:48+01:00</lastmod>
</url>
<url>
<loc>/500.html</loc>
......
src/pages/_data/docs.yml
浏览文件 @ dde02732
......@@ -5,6 +5,9 @@ base:
index:
title: Introduction
url: docs/index.html
usage:
title: Usage
url: docs/usage.html
colors:
title: Colors
url: docs/colors.html
......
src/pages/_docs/usage.md 0 → 100644
浏览文件 @ dde02732
---
title: Usage
menu: docs.base.usage
description: 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.
---
## Installation
To install the latest `tabler` npm package in your project run:
```sh
npm install @tabler/core
```
Tabler `1.0.0` major version is now in active development. To get the latest `alpha` version run:
```sh
npm install @tabler/core@alpha
```
## CDN support
All files included in `@tabler/core` npm package are available over a CDN.
```html
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">
<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>
```
To load a specific version replace `latest` with the desired version number.
```html
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@1.0.0-alpha.13/dist/css/tabler.min.css">
```
To load the latest `alpha` version replace `latest` with `alpha`.
```html
<script src="https://unpkg.com/@tabler/core@alpha/dist/js/tabler.min.js"></script>
```
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或