Add documentation

src/component/badge.lisp

@@ -1,5 +1,34 @@
 ;; https://getbootstrap.com/docs/5.3/components/badge/
 
+;; The Bootstrap Badge component is a lightweight, flexible utility used to add
+;; contextual emphasis or highlight to an item by placing a small pill-shaped
+;; or circular badge on it. It is often used for items like notifications,
+;; status, or tagging.
+
+;; Badges are created using basic HTML with the class .badge, often in
+;; conjunction with classes like .bg-primary, .bg-success, etc. to style the
+;; color of the badge. Further customization can be achieved using Bootstrap's
+;; extensive utility classes for things like sizing, position, and visibility.
+
+;; Here are a few key features of the Bootstrap Badge component:
+
+;; Contextual variations: Bootstrap provides badge classes for various purposes
+;; like success, danger, warning, info, light, and dark.
+
+;; Pill badges: Add .rounded-pill to make badges round in shape.
+
+;; Links: Badges can optionally be made clickable by using them within <a> or
+;; <button> elements.
+
+;; Placement: Badges can be placed on almost any other Bootstrap component,
+;; including buttons, navs, and cards.
+
+;; Dismissable: With a little extra HTML, badges can also be made dismissable.
+
+;; The Bootstrap Badge component is a simple yet powerful tool for adding
+;; contextual information to your web pages. It's fully responsive, easy to
+;; use, and customizable to fit your needs.
+
 (defpackage cl-sbt-badge
   (:use :cl)
   (:export