Add badges

This commit is contained in:
Marcus Kammer 2023-07-01 19:24:53 +02:00
parent ed1be025ee
commit 001ac31b5e
2 changed files with 27 additions and 0 deletions

View file

@ -6,6 +6,7 @@
:components ((:module "src" :components ((:module "src"
:components :components
((:file "main") ((:file "main")
(:file "badges")
(:file "buttons") (:file "buttons")
(:file "accordion") (:file "accordion")
(:file "alerts")))) (:file "alerts"))))

View file

@ -1,7 +1,33 @@
(in-package :cl-sbt) (in-package :cl-sbt)
(defmacro badge ((&key (classes nil)) &body body) (defmacro badge ((&key (classes nil)) &body body)
"https://getbootstrap.com/docs/5.3/components/badge/
Documentation and examples for badges, our small count and labeling component."
`(spinneret:with-html `(spinneret:with-html
(:span :class (concatenate 'string "badge" (:span :class (concatenate 'string "badge"
(if ,classes (format nil " ~a" ,classes))) (if ,classes (format nil " ~a" ,classes)))
,@body))) ,@body)))
(defmacro badge-pill-primary (&body body)
`(badge (:classes "rounded-pill text-bg-primary") ,@body))
(defmacro badge-pill-secondary (&body body)
`(badge (:classes "rounded-pill text-bg-secondary") ,@body))
(defmacro badge-pill-success (&body body)
`(badge (:classes "rounded-pill text-bg-success") ,@body))
(defmacro badge-pill-danger (&body body)
`(badge (:classes "rounded-pill text-bg-danger") ,@body))
(defmacro badge-pill-warning (&body body)
`(badge (:classes "rounded-pill text-bg-warning") ,@body))
(defmacro badge-pill-info (&body body)
`(badge (:classes "rounded-pill text-bg-info") ,@body))
(defmacro badge-pill-light (&body body)
`(badge (:classes "rounded-pill text-bg-light") ,@body))
(defmacro badge-pill-dark (&body body)
`(badge (:classes "rounded-pill text-bg-dark") ,@body))