Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / chips.pug
diff options
context:
space:
mode:
1 files changed, 0 insertions, 44 deletions
-rw-r--r--docs/src/contents/chips.pug44
diff --git a/docs/src/contents/chips.pug b/docs/src/contents/chips.pug
deleted file mode 100644
index 7ac2a25..0000000
--- a/docs/src/contents/chips.pug
+++ /dev/null
@@ -1,44 +0,0 @@
-p Chips are complex entities in small blocks.
-
-.docs-demo.columns
- .column.col-12
- span.chip
- | Crime
- span.chip
- | Drama
- span.chip
- | Biography
- a.btn.btn-clear(href="#" aria-label="Close" role="button")
- span.chip
- | Mystery
- a.btn.btn-clear(href="#" aria-label="Close" role="button")
- .column.col-12
- .chip
- figure.avatar.avatar-sm(data-initial="TS" style="background-color: #5755d9;")
- | Tony Stark
- .chip
- img.avatar.avatar-sm(src="img/avatar-1.png" alt="Thor Odinson")
- | Thor Odinson
- .chip
- img.avatar.avatar-sm(src="img/avatar-4.png" alt="Steve Rogers")
- | Steve Rogers
-
-p
- | Add a container element with the #[code chip] class.
- | And add child text element, buttons or avatars with the #[code avatar] class.
-
-pre.code(data-lang='HTML')
- code
- :highlight(lang="html")
- <span class="chip">Crime</span>
-
- <span class="chip">
- Biography
- <a href="#" class="btn btn-clear" aria-label="Close" role="button"></a>
- </span>
-
- <div class="chip">
- <img src="img/avatar-1.png" class="avatar avatar-sm">
- Yan Zhu
- <a href="#" class="btn btn-clear" aria-label="Close" role="button"></a>
- </div> \ No newline at end of file