feat: add progress bar shortcode (#594)
This commit is contained in:
parent
07bfc6cab9
commit
64f3d0ea7d
3 changed files with 88 additions and 0 deletions
29
exampleSite/content/en/shortcodes/progress.md
Normal file
29
exampleSite/content/en/shortcodes/progress.md
Normal file
|
@ -0,0 +1,29 @@
|
|||
---
|
||||
title: Progress
|
||||
---
|
||||
|
||||
A progress bar shows how far a process has progressed.
|
||||
|
||||
## Attributes
|
||||
|
||||
| Name | Description | default |
|
||||
| ---------------- | -------------------------------------------------------------------------- | --------- |
|
||||
| value | progress value | 0 |
|
||||
| icon (optional) | icon to use, need to be an icon from an [SVG sprite](/features/icon-sets/) | undefined |
|
||||
| title (optional) | progress title | undefined |
|
||||
|
||||
## Usage
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
```tpl
|
||||
{{</* progress title=Eating value=65 icon=gdoc_heart */>}}
|
||||
```
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
## Example
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
<!-- spellchecker-disable -->
|
||||
{{< progress title=Eating value=65 icon=gdoc_heart >}}
|
||||
<!-- spellchecker-enable -->
|
||||
<!-- prettier-ignore-end -->
|
Loading…
Add table
Add a link
Reference in a new issue