Repository: mmgalushka/bootwrap

Issue:
Add align items option to panel
```html
<div class="d-flex align-items-start">...</div>
<div class="d-flex align-items-end">...</div>
<div class="d-flex align-items-center">...</div>
<div class="d-flex align-items-baseline">...</div>
<div class="d-flex align-items-stretch">...</div>
```

Discussion:

Patch:
diff --git a/bootwrap/components/panel.py b/bootwrap/components/panel.py
index e4bfa13..c401cfe 100644
--- a/bootwrap/components/panel.py
+++ b/bootwrap/components/panel.py
@@ -158,18 +158,67 @@ class Panel(WebComponent, ClassMixin, ):
         self.__arrangement = None
         if not isinstance(style, str):
             raise TypeError(
-                "Invalid panel justify content style type, expected "
+                "Invalid justify panel content style type, expected "
                 f"{type(style)}, but got {type(style)}."
             )
         if style not in [
             "start","end","center","between","around","evenly"
         ]:
             raise ValueError(
-                f"Invalid panel justify content style: {style}."
+                f"Invalid justify panel content style: {style}."
             )
 
         self.add_classes(f"d-flex justify-content-{style}")
         return self
+    
+    def align_items(self, style):
+        """Align panel items.
+
+        Args:
+            style (str): 
+                The style for aligning items can be one of "start",
+                "end", "center", "baseline", "stretch".
+
+        Returns:
+            obj (self): The instance of this class.
+
+        Example:
+            from bootwrap import Text, Panel, Image
+
+            image  = Image("logo.png", height="200px")
+            comp1 = Text("Component 1").as_light().add_classes("border").p(2).m(2)
+            comp2 = Text("Component 2").as_light().add_classes("border").p(2).m(2)
+            comp3 = Text("Component 3").as_light().add_classes("border").p(2).m(2)
+
+            pnl_start = Panel(image, comp1, comp2, comp3).background("dark").align_items("start").mt(1)
+            pnl_end = Panel(image, comp1, comp2, comp3).background("dark").align_items("end").mt(1)
+            pnl_center = Panel(image, comp1, comp2, comp3).background("dark").align_items("center").mt(1)
+            pnl_baseline = Panel(image, comp1, comp2, comp3).background("dark").align_items("baseline").mt(1)
+            pnl_stretch = Panel(image, comp1, comp2, comp3).background("dark").align_items("stretch").mt(1)
+
+            output = Panel(
+                pnl_start,
+                pnl_end,
+                pnl_center,
+                pnl_baseline,
+                pnl_stretch,
+            ).vertical()
+        """
+        self.__arrangement = None
+        if not isinstance(style, str):
+            raise TypeError(
+                "Invalid align panel items style type, expected "
+                f"{type(style)}, but got {type(style)}."
+            )
+        if style not in [
+            "start", "end", "center", "baseline", "stretch"
+        ]:
+            raise ValueError(
+                f"Invalid align panel items style: {style}."
+            )
+
+        self.add_classes(f"d-flex align-items-{style}")
+        return self
 
     def __str__(self):
         if self.__arrangement:
diff --git a/docs/base.html b/docs/base.html
index 9156634..992cd26 100644
--- a/docs/base.html
+++ b/docs/base.html
@@ -21,8 +21,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="88600310-c618-45b0-99ec-c97a22f58a6a" src="logo.png" width="32"/>
-   <span class="text-light" id="404111d9-8bcd-4f93-8826-c5ca6f5a5781">
+   <img alt="Bootwrap Logo" id="7799bb45-a6cf-405f-b717-814fd6daf406" src="logo.png" width="32"/>
+   <span class="text-light" id="f5fad04e-b7c7-4173-9d63-f2b6368e5e87">
     <strong>
      Bootwrap
     </strong>
@@ -34,90 +34,90 @@
    <div class="collapse navbar-collapse" id="menu">
     <ul class="navbar-nav me-auto">
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="index.html" id="c9fe6ed4-6077-45c6-9ed0-e5f17d051045">
+      <a class="ms-2 nav-link" href="index.html" id="10520e1b-1d05-45c7-8543-3624baa8b041">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="b136c52d-635f-479d-ab03-7071750313d8">
+      <a class="ms-2 nav-link" href="layout.html" id="534c6fa9-0f7a-48bb-b829-40edbc250512">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="fd75689e-21d7-4b87-b4e0-18bad06ef235">
+      <a class="ms-2 nav-link" href="base.html" id="4c40ef86-0816-42ef-a91f-127b285e7f35">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="2f87f3a5-c28f-4a4a-957b-2c0393af97b3">
+      <a class="ms-2 nav-link" href="components.html" id="78459787-01e3-4425-8e8b-ba4d70c69648">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="12fd75a6-316c-42ff-93bd-ac06fb19905b" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="96e9c1ae-2714-45fe-9a6f-4ba3eb757ee7" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <ul class="nav nav-pills" id="d0fe12db-6f41-478d-ad6e-674cb40bdf00" role="tablist">
+   <ul class="nav nav-pills" id="1f5a0342-326f-494a-844f-b4085b91e21e" role="tablist">
     <li class="nav-item">
-     <a class="nav-link active" data-bs-target="#edafe271-3641-4812-9f21-5bb312fa2544" data-bs-toggle="tab" href="#edafe271-3641-4812-9f21-5bb312fa2544" id="9c68fb44-4145-45a3-bf96-88c1181cdcbf" role="tab">
+     <a class="nav-link active" data-bs-target="#6f32ce2d-12bf-4270-988f-443955de42fd" data-bs-toggle="tab" href="#6f32ce2d-12bf-4270-988f-443955de42fd" id="5dcd1848-f390-49aa-a46d-2ce037bfb841" role="tab">
       WebComponent
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#83f7b45c-8de2-4e08-87be-60973ae4480e" data-bs-toggle="tab" href="#83f7b45c-8de2-4e08-87be-60973ae4480e" id="4933725a-82f3-4cc9-8820-ad8c0b778fd9" role="tab">
+     <a class="nav-link" data-bs-target="#bccd935f-2d89-4b82-86c1-5ee9045b5479" data-bs-toggle="tab" href="#bccd935f-2d89-4b82-86c1-5ee9045b5479" id="941c3988-aaae-4bf8-8070-a2fbaaecdbad" role="tab">
       ClassMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#7f53f511-2b07-4fea-a119-142c07beb8a7" data-bs-toggle="tab" href="#7f53f511-2b07-4fea-a119-142c07beb8a7" id="c8a1fb9b-d54f-4639-af47-5631114e5029" role="tab">
+     <a class="nav-link" data-bs-target="#7c0d76a6-5988-4782-989d-1b8ed90dfc3f" data-bs-toggle="tab" href="#7c0d76a6-5988-4782-989d-1b8ed90dfc3f" id="b15a82f9-0399-47bf-9cee-5f221285e7ca" role="tab">
       ActionMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#79c22976-3964-4015-b425-58c090e760c7" data-bs-toggle="tab" href="#79c22976-3964-4015-b425-58c090e760c7" id="3f47653d-ee36-40ec-8490-d8ce9196cee8" role="tab">
+     <a class="nav-link" data-bs-target="#ec9f61fb-fdb1-4703-998b-8917ae613e82" data-bs-toggle="tab" href="#ec9f61fb-fdb1-4703-998b-8917ae613e82" id="c92a0d8a-e237-4783-b1f0-a50735a1c20e" role="tab">
       AppearanceMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#63958180-fae2-4a4c-bd73-affab550e300" data-bs-toggle="tab" href="#63958180-fae2-4a4c-bd73-affab550e300" id="c61ccb5f-db9f-42af-8bd5-ec14f0baf460" role="tab">
+     <a class="nav-link" data-bs-target="#d5adb124-ba0d-4a87-8f30-878ae41948de" data-bs-toggle="tab" href="#d5adb124-ba0d-4a87-8f30-878ae41948de" id="8448bbcc-fe3a-4a99-b47d-e047c25320d4" role="tab">
       OutlineMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#680beb3d-85cd-4fe6-a944-53c24913397f" data-bs-toggle="tab" href="#680beb3d-85cd-4fe6-a944-53c24913397f" id="bdd9d2ad-b32b-4049-8407-28e4a6986126" role="tab">
+     <a class="nav-link" data-bs-target="#7d094c5d-efd1-490c-a881-2ed743811df8" data-bs-toggle="tab" href="#7d094c5d-efd1-490c-a881-2ed743811df8" id="e73b325b-34d0-4d83-bda5-0761a8a3d957" role="tab">
       AvailabilityMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#ccddcea4-1b30-4c99-b68f-ba5d1128a8fb" data-bs-toggle="tab" href="#ccddcea4-1b30-4c99-b68f-ba5d1128a8fb" id="1e7ce11a-d781-4c36-bcbe-e09031434333" role="tab">
+     <a class="nav-link" data-bs-target="#dc0c6da3-d05d-456b-b1a5-fd4d60d9c1e9" data-bs-toggle="tab" href="#dc0c6da3-d05d-456b-b1a5-fd4d60d9c1e9" id="45ecc905-2c99-40c8-a20b-b6242fc1654b" role="tab">
       Constants
      </a>
     </li>
    </ul>
    <div class="tab-content">
-    <div class="tab-pane fade active show" id="edafe271-3641-4812-9f21-5bb312fa2544">
-     <div class="mt-5" id="35b29944-4d69-4b92-8c0f-c4ca062b63ee">
-      <div class="d-flex justify-content-between" id="6744f47c-c65c-46d4-bf0a-aa45627f3929">
-       <h1 id="25eefcb8-fbae-4732-b6be-4cb0796ae427">
+    <div class="tab-pane fade active show" id="6f32ce2d-12bf-4270-988f-443955de42fd">
+     <div class="mt-5" id="3dea0c0e-951d-47de-8aa7-531885751d7d">
+      <div class="d-flex justify-content-between" id="fbf5796b-fcf9-41eb-8361-a390c5a6bee7">
+       <h1 id="093c0366-e476-4d6e-bcbe-030653a24f96">
         Class
-        <span class="text-primary" id="76116cb9-d67b-4c8e-8afa-0760f5148122">
+        <span class="text-primary" id="1cd72269-f54d-4622-8d19-63222783a9aa">
          WebComponent
         </span>
        </h1>
-       <div id="44e196af-1852-442c-8310-45320b54f636">
+       <div id="99112522-7837-4499-80c6-54556de99827">
        </div>
       </div>
-      <span class="text-muted" id="f14a8183-b578-482a-9688-c2eb9a3a3f0f">
+      <span class="text-muted" id="cea387cf-37fc-4c61-91b4-9579164eeed2">
        A web component base class.
       </span>
-      <pre id="c3ea6da0-1a01-43fe-945f-0d64f86e635c"><code class="python">WebComponent()</code></pre>
-      <p id="f8fbbb2b-1472-4ce8-9225-04f6b63e9344">
+      <pre id="8c880438-048c-46c1-99dc-ae63d8ddc3a6"><code class="python">WebComponent()</code></pre>
+      <p id="4d30b16a-2e78-48bb-91c7-1505a36dfc6c">
        This class must be inherited by all web components.
       </p>
-      <p id="4e911b6d-e0ca-4517-9f54-320ee911a23f">
+      <p id="7be2afb7-f95c-4495-a414-4ee9c7a4ea46">
        In many operations where one web component encapsulates another one has
     implemented a type check. If the received element is not
        <code>
@@ -134,13 +134,13 @@
        </code>
        class.
       </p>
-      <div class="ms-3" id="b00239f7-3c3f-4b6a-ac5d-a638d5cdbc27">
-       <h6 id="bb7a3813-7fe5-4011-a1a0-00c1fa8c6ae8">
+      <div class="ms-3" id="b8cf0e42-d426-4c6c-a4dd-591b11e02d8d">
+       <h6 id="2b0cf1f1-6895-4d54-867c-a1935a29bf05">
         <strong>
          Example
         </strong>
        </h6>
-       <pre id="0d33e870-8552-40d7-a6b9-7ec0a854cb27"><code class="python">from bootwrap import WebComponent
+       <pre id="a926639d-7185-472d-acbf-5d70c20024ab"><code class="python">from bootwrap import WebComponent
 
 class CustomHeader(WebComponent):
     def __init__(self, title):
@@ -154,17 +154,17 @@ class CustomHeader(WebComponent):
         '''
 </code></pre>
       </div>
-      <div class="mt-5" id="10c083bd-cd57-49b3-8418-fcb16c4372e1">
-       <h4 id="a0f6482c-ab3a-49d9-ac53-999cdb5cba76">
+      <div class="mt-5" id="d839386e-ba5e-4cca-a9f5-d54ab1d28422">
+       <h4 id="2f15d267-cc01-4682-9679-d489b32c586a">
         Property
-        <span class="text-primary" id="758dff7d-bde9-4745-935b-d27010637c1d">
+        <span class="text-primary" id="cbddcd60-9a2e-4a17-b6d8-1639eabe3997">
          identifier
         </span>
        </h4>
-       <span class="text-muted" id="d24bacfe-75d7-4cf3-b04f-45c70b5e8466">
+       <span class="text-muted" id="93f7de72-2a71-49db-a433-eae6d119d3b6">
         A unique web component identifier.
        </span>
-       <p id="cb5087a4-cab4-498b-89b4-4b08a91bd487">
+       <p id="fb75f930-80cb-4e4b-9e3a-92eb9421ccf1">
         Every
         <code>
          WebComponent
@@ -177,7 +177,7 @@ class CustomHeader(WebComponent):
         </code>
         .
        </p>
-       <p id="073492ac-22ca-4f28-96c6-05123ee4582d">
+       <p id="5b2fbaac-6c2b-4273-aea9-32823801d5c5">
         When you create a custom
         <code>
          WebComponent
@@ -193,13 +193,13 @@ class CustomHeader(WebComponent):
         </code>
         .
        </p>
-       <div class="ms-3" id="877e9639-5c19-4398-8ced-a5e7cb0aa378">
-        <h6 id="60930929-b416-4bf8-88c9-a5a16a8948b8">
+       <div class="ms-3" id="9ae1cce9-8621-40cd-af99-bd48642d87a3">
+        <h6 id="b16d3f63-9a4d-4e63-9ef2-8bc07d9c2068">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="97d15322-9be1-4f88-8e5a-4d1fcf1df56e"><code class="python">header = CustomHeader('Hello World")
+        <pre id="34328aca-a85a-40af-bcf4-b16c290f7686"><code class="python">header = CustomHeader('Hello World")
 print(header.classes)
 
 # Result: cfe040e6-df5f-4a3a-b96e-b0cefc31bbd9
@@ -208,43 +208,43 @@ print(header.classes)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="83f7b45c-8de2-4e08-87be-60973ae4480e">
-     <div class="mt-5" id="092c083b-4fb8-4d41-bcc8-ff5220c5b86a">
-      <div class="d-flex justify-content-between" id="82406585-722f-4a5b-95d6-ea37924323fa">
-       <h1 id="bca5e3a2-c98b-40e1-b978-a7194efca0cc">
+    <div class="tab-pane fade" id="bccd935f-2d89-4b82-86c1-5ee9045b5479">
+     <div class="mt-5" id="7e27e5ad-422d-48c7-b7b5-a128eb57f3a0">
+      <div class="d-flex justify-content-between" id="32c013d6-ebac-4b28-876c-2acedf454aca">
+       <h1 id="9b2706e1-5d7f-4a4d-ba70-a98fa2e9e6f5">
         Class
-        <span class="text-primary" id="6ce7c2c5-b91e-4ed0-8226-24685fe040aa">
+        <span class="text-primary" id="220a7efc-7909-42d4-b27d-39898d910ac5">
          ClassMixin
         </span>
        </h1>
-       <div id="db6a1be1-edd9-4d39-a409-fed28166af16">
+       <div id="075edd31-e3cf-478b-b723-3736ebd8ebc7">
        </div>
       </div>
-      <span class="text-muted" id="4905c324-75fd-4abc-8231-592527c7b08f">
+      <span class="text-muted" id="0df0aab4-cb43-426f-bdf3-4f74d17ebbb7">
        Mixin for a web component which class can be amended.
       </span>
-      <pre id="718b2766-9917-4750-a39a-cb988553d8cd"><code class="python">ClassMixin()</code></pre>
-      <p id="10d82f33-b170-41d1-a34d-b6aac2f10841">
+      <pre id="e732eab4-4c9b-4e40-ad79-3cf0fb8cde95"><code class="python">ClassMixin()</code></pre>
+      <p id="722e97c1-bb7a-432b-bfc8-e702e405177c">
        The vast majority of web components in Bootwrap inherit this class.
     It allows a user to adjust web components look and feel.
       </p>
-      <div class="mt-5" id="2db7d19e-263a-492a-8498-d59ce444dddc">
-       <h4 id="a61265db-a73d-4a90-9da6-99a8c8193b4b">
+      <div class="mt-5" id="6f64dc00-4b23-4e43-98b1-c42a84f7eb06">
+       <h4 id="831b2ff7-1be1-402f-ad96-c747305b65a5">
         Property
-        <span class="text-primary" id="b479fb8a-7251-49b1-a14e-40a89d165d7b">
+        <span class="text-primary" id="9708b8e0-5e7f-4e38-816c-a16cdec8da42">
          classes
         </span>
        </h4>
-       <span class="text-muted" id="38399a9d-05d7-4cf2-8f38-b35c30c655c8">
+       <span class="text-muted" id="13b0e1d8-2828-412f-be86-363771f32aff">
         The web component classes.
        </span>
-       <div class="ms-3" id="b7cf2166-42c4-4b0b-bd8e-c0cdbaae4990">
-        <h6 id="a95c06f1-12da-447a-a32b-774a055fd05e">
+       <div class="ms-3" id="0c5de563-e324-4ee7-834f-9935b730fede">
+        <h6 id="85aead24-3bee-44eb-a0aa-e8910b97fa85">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="052ef7b0-d3f9-4e3b-b1f6-989bc315f3cc"><code class="python">from bootwrap import Button
+        <pre id="a48ef625-b090-4651-964e-1e959afe1d4e"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").add_classes("ms-1 me-1")
@@ -254,34 +254,34 @@ print(button.classes)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="bba869bb-2a4e-455c-8b71-887d9ebb8ef2">
-       <div class="d-flex justify-content-between" id="ceab0571-4729-4ed8-8b8a-03b198c6d7b2">
-        <h4 id="e6db1211-ede5-46e8-962b-275161af8274">
+      <div class="mt-5" id="b96b10a6-a682-4420-81ea-5c99e737623f">
+       <div class="d-flex justify-content-between" id="f47f6b73-3f55-4631-8562-6dc5e8faca5f">
+        <h4 id="d6d64574-8496-4be2-9e62-d3734fb4f98f">
          Method
-         <span class="text-primary" id="ef62521f-3f45-45ad-838d-9c364e1a2f55">
+         <span class="text-primary" id="f648e272-deac-4edb-bce6-f29eb4c6c046">
           add_classes
          </span>
         </h4>
-        <div id="8a62a79f-33f7-4247-8f2a-1cde5d4307d2">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#67c81a32-4d07-40f9-8abc-00509d413e8d" data-bs-toggle="collapse" id="06ae242d-999b-4e41-bc4b-3d81dd7d74a9" onclick="return false;" type="button">
+        <div id="3c767ffd-881f-4cd4-8a45-ea03cd7eea83">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#290102fb-5283-4783-967c-ec6f180d015e" data-bs-toggle="collapse" id="89bde5e6-1011-4fa3-93a5-6d639a89b3fb" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#fc575099-3dba-4f4f-96d1-b08b5cb20314" data-bs-toggle="collapse" id="a698c1ee-1116-499c-a275-fd314ff568a8" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#6100aee6-14d3-460f-a8d0-002f91dd51fe" data-bs-toggle="collapse" id="2eb59159-c23b-4c97-b2e8-a3c69af52f15" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="91181274-dae6-43fa-a78d-f67ade664948">
+       <span class="text-muted" id="3220fd7e-cd1b-4ec4-9ce0-5a7efc20a563">
         Adds other classes.
        </span>
-       <pre id="119131fa-6ab9-4f68-bb83-35b5ac935330"><code class="python">add_classes(classes)</code></pre>
-       <div class="ms-3 collapse" id="67c81a32-4d07-40f9-8abc-00509d413e8d">
-        <h6 id="552bd95e-8388-4dcc-9b70-271026c337ae">
+       <pre id="a91b92fc-b63a-4488-923f-d9654faf4929"><code class="python">add_classes(classes)</code></pre>
+       <div class="ms-3 collapse" id="290102fb-5283-4783-967c-ec6f180d015e">
+        <h6 id="10c98046-72af-4f5c-868e-b85e3b3d5a82">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="db36d84d-2cda-4d13-88e6-e020cd1f62f6">
+        <table class="table table-sm bg-light" id="505495c0-e3e4-4674-88ca-0733d7ba6c6e">
          <thead>
           <tr>
            <th scope="col">
@@ -315,13 +315,13 @@ print(button.classes)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="fc575099-3dba-4f4f-96d1-b08b5cb20314">
-        <h6 id="0c7eab31-801e-4519-ac1f-d82ca2f66a03">
+       <div class="ms-3 collapse" id="6100aee6-14d3-460f-a8d0-002f91dd51fe">
+        <h6 id="6547f97e-6def-43d4-80f9-77c8962799e5">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="8bae6760-6e6e-42d5-908b-2ea84c8a7a05">
+        <table class="table table-sm bg-light" id="93e2e9e6-e50b-4ed6-b8a2-7fff80b315d5">
          <thead>
           <tr>
            <th scope="col">
@@ -354,51 +354,51 @@ print(button.classes)
          </tbody>
         </table>
        </div>
-       <p id="a904f9f6-a114-4940-8b57-c274295ce6d0">
+       <p id="c9a28480-dbc4-4305-a38f-2a45ce5a984b">
         Note, the order of specified classes will be preserved during the
         component rendering.
        </p>
-       <div class="ms-3" id="222ca98a-cc2e-4e09-a7ea-440e91773e11">
-        <h6 id="aec2fa71-7162-4900-acf2-901f880a18e7">
+       <div class="ms-3" id="c34ddfd6-da36-4653-a7de-1075c05f3257">
+        <h6 id="ec926ce2-22f5-45fa-91de-00283577b9d4">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="884c243a-be31-4a52-ada2-adc2fa619e92"><code class="python">from bootwrap import Button
+        <pre id="9588848c-9ce6-407a-becd-c2426a4567f8"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").add_classes("ms-1 me-1")
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="0dd0c989-0a62-4eb2-bb5d-417e7f53d092">
-       <div class="d-flex justify-content-between" id="29b35fa5-3b44-4acf-acf3-6e6e9e2d9d75">
-        <h4 id="0b99eef3-8d37-405c-8fca-85a9ef19d597">
+      <div class="mt-5" id="16540497-0537-4600-8df3-9d51934d9cec">
+       <div class="d-flex justify-content-between" id="53850b9a-ddfc-4f66-a649-a67aeb3a536b">
+        <h4 id="0e3497ab-fc61-44f3-a574-ffb543e1da99">
          Method
-         <span class="text-primary" id="6088d298-8f6d-4760-89ce-db86f3808668">
+         <span class="text-primary" id="fa979cf2-fa81-4b01-9cf5-2e538cffa0aa">
           m
          </span>
         </h4>
-        <div id="2ecd3806-cf1f-415c-ae56-8922993e3cb5">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#eb025791-3edb-4a4b-a512-6bb4964dbbbb" data-bs-toggle="collapse" id="978daace-7449-4e23-ad7d-1b48e6181c38" onclick="return false;" type="button">
+        <div id="c502d77c-70fa-4367-9518-55d3c6e499b4">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7cda2f1b-4109-4605-9d0d-f993df27b8b5" data-bs-toggle="collapse" id="11ef56e6-64a5-4b6d-9a30-54989097e076" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#63bd04a8-4fa1-408e-944a-d896bfdd846a" data-bs-toggle="collapse" id="b11d891a-45e6-4125-8f45-218d49637ea4" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#070c672e-b524-432c-b6db-4e4f5696b6e0" data-bs-toggle="collapse" id="0120deef-09d0-4515-be4d-f20ce4170207" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="3da0e46f-9418-4372-a8a6-51b016c3401d">
+       <span class="text-muted" id="956fede1-995e-475f-bfc6-5b2e43424719">
         Sets margin for all four sides to the specified size.
        </span>
-       <pre id="46dcae8b-ae43-4520-9331-358d73671027"><code class="python">m(size)</code></pre>
-       <div class="ms-3 collapse" id="eb025791-3edb-4a4b-a512-6bb4964dbbbb">
-        <h6 id="3dcc21f8-c032-48d3-a0de-5271b4c65e03">
+       <pre id="1347c27a-0f17-49bc-91b8-e5a651c31458"><code class="python">m(size)</code></pre>
+       <div class="ms-3 collapse" id="7cda2f1b-4109-4605-9d0d-f993df27b8b5">
+        <h6 id="02a83b36-fb25-421a-b4ed-7fe4d497e146">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="1e694bca-62b1-4645-b9a5-83003a76be47">
+        <table class="table table-sm bg-light" id="9bd54941-383e-4df0-b251-4988b1859642">
          <thead>
           <tr>
            <th scope="col">
@@ -431,13 +431,13 @@ button = Button("Hello").add_classes("ms-1 me-1")
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="63bd04a8-4fa1-408e-944a-d896bfdd846a">
-        <h6 id="124cb409-db14-433d-9309-24fe7d25f36e">
+       <div class="ms-3 collapse" id="070c672e-b524-432c-b6db-4e4f5696b6e0">
+        <h6 id="53fac4ba-70f2-4946-90a3-753563affdb9">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="b9dd11f1-5df2-4efb-83ca-4a17e624bc3e">
+        <table class="table table-sm bg-light" id="eaf7a228-b5a4-48c5-b308-67fe1b00dc84">
          <thead>
           <tr>
            <th scope="col">
@@ -470,47 +470,47 @@ button = Button("Hello").add_classes("ms-1 me-1")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="cde2ad02-bc8b-4d1e-aeed-b941aa63fc5d">
-        <h6 id="379267c7-236b-40a7-937a-33e6db4e4ed1">
+       <div class="ms-3" id="a847cc6a-11f0-4461-917c-2fb460266c5a">
+        <h6 id="2359fec5-6e4d-4846-93a2-647d99c7ddbb">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="a24b0015-68e2-45d0-90be-9b26bb7ac8e0"><code class="python">from bootwrap import Button
+        <pre id="bc989965-b695-442c-a177-caf5c54651cb"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").m(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="a6186e43-7c5e-4353-8a65-6f7c21486267">
-       <div class="d-flex justify-content-between" id="6bb05703-da63-44d7-9d6a-119ebd6d5cf5">
-        <h4 id="2e08f9d4-9896-44fc-ac97-4810a722d0b6">
+      <div class="mt-5" id="a8edf11a-2f75-47b5-84a7-8c83c24ea12f">
+       <div class="d-flex justify-content-between" id="60659edf-0a03-472d-9413-e8452c5e30bc">
+        <h4 id="23828d7a-6308-48c5-b11b-528c4b95eabb">
          Method
-         <span class="text-primary" id="1c8c3b51-3249-472e-8b43-1f4626071818">
+         <span class="text-primary" id="7e3f27bb-4d63-458d-bf07-f469b47f3f2f">
           mb
          </span>
         </h4>
-        <div id="99c53149-8ea9-41cb-98e5-d2074e446ea8">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#845ef958-7739-4132-bad9-c72b0519c235" data-bs-toggle="collapse" id="f65bee45-91fb-423a-8e40-21f0179c1971" onclick="return false;" type="button">
+        <div id="cf631968-184f-452e-908f-d3ca4c10bcc3">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8d9e40e0-d1eb-4814-b6e6-115a7c41aaf9" data-bs-toggle="collapse" id="4a43452f-ce38-424b-a37d-9dbed099cf6c" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#111cd895-852b-4987-9deb-c0ee3920427a" data-bs-toggle="collapse" id="c845ff69-2796-4885-8478-da391e61a4ce" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ade679ba-8bfb-4747-ae40-6fa1715a1410" data-bs-toggle="collapse" id="7b236995-298a-4006-a818-25ca257d8e51" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="d2cabdc0-3e94-41da-a782-45a1cd17dab8">
+       <span class="text-muted" id="deac65bd-e7e8-4ac7-b2a5-724a476f64c9">
         Sets margin for the bottom side the specified size.
        </span>
-       <pre id="6fc30636-b305-493f-9e3b-8a19dd7c0677"><code class="python">mb(size)</code></pre>
-       <div class="ms-3 collapse" id="845ef958-7739-4132-bad9-c72b0519c235">
-        <h6 id="276f729b-d60d-469d-9cc2-3b70085b6d21">
+       <pre id="8a5a19f7-214d-4d45-a899-8698d57b03e4"><code class="python">mb(size)</code></pre>
+       <div class="ms-3 collapse" id="8d9e40e0-d1eb-4814-b6e6-115a7c41aaf9">
+        <h6 id="1579d79d-9d08-43ed-b1d0-2366c715dc3a">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="5a181d12-80c0-41fa-a042-5d4453e03c5a">
+        <table class="table table-sm bg-light" id="ed24829d-8a75-4238-a176-aef58ece8a03">
          <thead>
           <tr>
            <th scope="col">
@@ -543,13 +543,13 @@ button = Button("Hello").m(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="111cd895-852b-4987-9deb-c0ee3920427a">
-        <h6 id="9459fb36-0f62-42cb-b365-89dffb27ef27">
+       <div class="ms-3 collapse" id="ade679ba-8bfb-4747-ae40-6fa1715a1410">
+        <h6 id="084d4d78-d54e-4065-8635-b2fbf52962d1">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="6ebd00d2-66b7-4813-8dc6-da2deb04fb81">
+        <table class="table table-sm bg-light" id="2ae4440f-3e43-4a08-afeb-f977d2c69c79">
          <thead>
           <tr>
            <th scope="col">
@@ -582,47 +582,47 @@ button = Button("Hello").m(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="bad5871d-8033-4c1e-91c6-f9c14b46b31c">
-        <h6 id="781b6129-6f0b-489f-ac64-60a895753cb2">
+       <div class="ms-3" id="f27da349-efda-4fe5-b838-d89393988503">
+        <h6 id="08770b87-d5a0-4046-9bf4-7b4888eef9d1">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="27304a70-ecf6-4697-9899-cf2641f7b086"><code class="python">from bootwrap import Button
+        <pre id="567f8282-ad15-418d-8c43-6f4fb54e2bd5"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").mb(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="db461877-12bd-4f5d-aa2b-9f8c592ba12a">
-       <div class="d-flex justify-content-between" id="9b722360-d3e4-4957-8aa0-6b4001070170">
-        <h4 id="289eac84-a2c2-411a-9252-b68d681d4b93">
+      <div class="mt-5" id="2e279497-137b-41f0-ae10-0ed76856cfb9">
+       <div class="d-flex justify-content-between" id="d9eaae09-cae8-4d31-ba12-c2eefbc37b29">
+        <h4 id="e5d8932e-2e92-4c58-9379-d417b70f5be3">
          Method
-         <span class="text-primary" id="2f9bd11e-426a-4d72-8493-40372b8060ce">
+         <span class="text-primary" id="7d1822a1-e7e7-4fae-a4f0-4f377d1a1d50">
           me
          </span>
         </h4>
-        <div id="72144d25-594a-4095-a42b-0e62b7b64d3f">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#20cf76df-aa29-40f6-92d4-4cacbcb82eb9" data-bs-toggle="collapse" id="51a9c4b1-c2dc-4708-af44-4b7ce3e2c5f1" onclick="return false;" type="button">
+        <div id="91ede06a-0b50-4e08-a471-e8c2dde325b5">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1402cb20-1c15-46c0-a0b9-cceb4b750fc7" data-bs-toggle="collapse" id="4a76ca65-0169-4559-b445-a37308808165" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#85d88fc3-678b-4209-965c-6ef12a6bd04d" data-bs-toggle="collapse" id="26153c04-e386-4073-8212-2201402e9ecd" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#cc57ba39-e93a-444e-ac73-e47dc06c0279" data-bs-toggle="collapse" id="f31934be-4033-4687-889d-d3b59547e037" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="31a8798d-7c2a-4484-8df5-5bc0546f09e4">
+       <span class="text-muted" id="d32bd48f-fe1c-48bc-844e-e34c089eec70">
         Sets margin for the end(right-side) to the specified size.
        </span>
-       <pre id="7f62da09-02c7-46e3-9d56-fb1aeb7f75f1"><code class="python">me(size)</code></pre>
-       <div class="ms-3 collapse" id="20cf76df-aa29-40f6-92d4-4cacbcb82eb9">
-        <h6 id="faff278d-e209-4e6f-9ec2-952a3ab9a663">
+       <pre id="21960421-5561-4360-a677-9c54a0946b5e"><code class="python">me(size)</code></pre>
+       <div class="ms-3 collapse" id="1402cb20-1c15-46c0-a0b9-cceb4b750fc7">
+        <h6 id="e4b9ad99-d3a3-439e-9f6e-1de2602613e7">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="8071a2a3-d9e5-4463-9d4b-8702cd9c6041">
+        <table class="table table-sm bg-light" id="61872a12-ff45-44ed-b68d-9c51fb15e8a1">
          <thead>
           <tr>
            <th scope="col">
@@ -655,13 +655,13 @@ button = Button("Hello").mb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="85d88fc3-678b-4209-965c-6ef12a6bd04d">
-        <h6 id="d8c25d61-cf29-4881-af7b-c97c90a2bb8a">
+       <div class="ms-3 collapse" id="cc57ba39-e93a-444e-ac73-e47dc06c0279">
+        <h6 id="4cb581d1-3a82-4e02-89d5-5b8b5f5d9b97">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="5258da87-8408-4277-89d3-86784b7d23d8">
+        <table class="table table-sm bg-light" id="c752e7fe-d5a5-495a-96b9-6fb7ad156e80">
          <thead>
           <tr>
            <th scope="col">
@@ -694,47 +694,47 @@ button = Button("Hello").mb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f8c76eb9-ef36-46b7-bfa7-907cd6834caa">
-        <h6 id="69d5c061-8d28-4c57-bc26-14e7cb63b85e">
+       <div class="ms-3" id="a2b4f0bc-6166-4d26-8548-fdc958d88235">
+        <h6 id="fc4eed60-de2e-4f05-abea-b08077a386b4">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="0f701449-bc7e-43ec-ad57-b58b7a664110"><code class="python">from bootwrap import Button
+        <pre id="3ef061a0-af95-4005-bab3-5abe4b18b20d"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").me(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="9ecffe2c-3aa6-45c0-a894-fad8bcd2712c">
-       <div class="d-flex justify-content-between" id="4faa8c80-301d-41d6-a9fc-b987ab1d65e7">
-        <h4 id="7d210fd6-fe84-4f20-98dd-0afdad5e0dc6">
+      <div class="mt-5" id="8c19b336-0be8-4664-9b44-f671f7f75bbe">
+       <div class="d-flex justify-content-between" id="0170b1cf-2999-4e19-b6b5-aa61d6303cf4">
+        <h4 id="64af2efd-855b-40c4-a0fe-d7953c7aea89">
          Method
-         <span class="text-primary" id="40d875f4-712f-4320-8ad7-9fee3f860288">
+         <span class="text-primary" id="020d54de-5206-4679-81c9-ae5b4cec5eae">
           ms
          </span>
         </h4>
-        <div id="d5b5a373-2f47-4be0-9c40-9a53928eba02">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b379b5e3-11ec-44f4-9f9d-d275518be3ef" data-bs-toggle="collapse" id="843b5b0f-7abe-479c-a313-7e19d33c0686" onclick="return false;" type="button">
+        <div id="30a1f2d6-d6c9-46fd-a5ee-7607fcf24178">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c58ecb01-a57b-4e08-8479-da732413ced2" data-bs-toggle="collapse" id="4e3e1cb0-1658-4267-ba55-62a60d89910b" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#03c86b08-76ee-4ad8-8756-4e3c6fecde88" data-bs-toggle="collapse" id="f5a9a769-69d4-4317-bf72-a581f9338ac6" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e4b30347-1bea-42c4-a1d6-6d5ef661ade9" data-bs-toggle="collapse" id="a31677a3-50e6-4dd5-b80b-311593313ed1" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c9fbe437-1611-496a-85a8-21ec6ffc3f98">
+       <span class="text-muted" id="325c822d-8162-473f-ab10-26904ceefe8e">
         Sets margin for the start(left-side) to the specified size.
        </span>
-       <pre id="aa698226-2d3d-460e-adf6-8e21a80fbaf4"><code class="python">ms(size)</code></pre>
-       <div class="ms-3 collapse" id="b379b5e3-11ec-44f4-9f9d-d275518be3ef">
-        <h6 id="eacaa640-efa6-44ce-ac8d-06caf8143f45">
+       <pre id="6e20bc43-7509-4cde-9f9d-a3fb2b3f12eb"><code class="python">ms(size)</code></pre>
+       <div class="ms-3 collapse" id="c58ecb01-a57b-4e08-8479-da732413ced2">
+        <h6 id="0469b8a4-3c98-4917-a429-0b9625605126">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="60b4e832-68b4-45f4-9bdb-f73f621cdf48">
+        <table class="table table-sm bg-light" id="f011ee8e-df15-42bf-bc93-065757000431">
          <thead>
           <tr>
            <th scope="col">
@@ -767,13 +767,13 @@ button = Button("Hello").me(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="03c86b08-76ee-4ad8-8756-4e3c6fecde88">
-        <h6 id="d8ac5f66-45c9-4a72-9800-597fb0a63fb1">
+       <div class="ms-3 collapse" id="e4b30347-1bea-42c4-a1d6-6d5ef661ade9">
+        <h6 id="5ebb5965-69c3-4058-89f3-7ec67b266379">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="3626d602-c2e3-40d2-a119-3e2182a87ebd">
+        <table class="table table-sm bg-light" id="f3d14515-fc91-4524-9822-96a9fbdf7441">
          <thead>
           <tr>
            <th scope="col">
@@ -806,47 +806,47 @@ button = Button("Hello").me(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="56be7526-2d03-4b9e-9c95-bfe36cf2f65e">
-        <h6 id="cbbdbcc6-ae66-4b74-8e48-c53ab02268d0">
+       <div class="ms-3" id="f9b2c302-a026-47b5-a0c3-55fa2d231bbc">
+        <h6 id="8f346165-e276-482a-868f-32e3b7e6c196">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="3af13c42-6dda-4bbe-9267-6c6b729b373d"><code class="python">from bootwrap import Button
+        <pre id="76a72b68-6197-4261-9e9d-266769c2b6ad"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").ms(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="56ca7623-0e9f-49c8-892a-3718ad66ea88">
-       <div class="d-flex justify-content-between" id="5bd15608-e7b2-4334-a336-00fccc4eacf0">
-        <h4 id="39b4a50e-bb69-403e-9659-b0ebb43fec33">
+      <div class="mt-5" id="aeae7345-647e-4ada-98a1-864edd1e01bc">
+       <div class="d-flex justify-content-between" id="80662b63-3b3d-4cea-98e9-61c14c360c38">
+        <h4 id="c87632b3-3382-4d7c-bb5b-914f1af07b85">
          Method
-         <span class="text-primary" id="154267e6-1247-4c1b-aad1-17de1222560e">
+         <span class="text-primary" id="9e0f7d99-26df-480a-a52f-17862fde977f">
           mt
          </span>
         </h4>
-        <div id="f84f9ea2-2c40-400a-8335-5099208a8330">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#65f11acc-640b-467f-b950-68c037ac75d8" data-bs-toggle="collapse" id="aff57bf3-f748-411e-9ca6-9247f661d379" onclick="return false;" type="button">
+        <div id="3fefde6a-f17e-4230-9154-1c4a8f75b805">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#044ee02f-e9ab-4e4b-a7bc-d471c4818fe6" data-bs-toggle="collapse" id="93f19203-93d7-4a78-9a35-31d4cd039f1f" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c877b5a8-13f0-4fb9-8ee9-38fd5af84191" data-bs-toggle="collapse" id="344ad55e-0010-45ea-8b84-2d40cb59a54a" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#500bd65d-f0a1-4e48-b5c2-90dd1c29bfe7" data-bs-toggle="collapse" id="460e8d41-3543-40a1-96f0-fc9327eee1b1" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="991ff553-d6e2-40e8-8abb-d6c032d7b8bc">
+       <span class="text-muted" id="2fa92834-7042-49e5-8a04-2b8937e51a6a">
         Sets margin for the top side to the specified size.
        </span>
-       <pre id="e0517c7a-a705-40bb-a55d-38075fb6ffb4"><code class="python">mt(size)</code></pre>
-       <div class="ms-3 collapse" id="65f11acc-640b-467f-b950-68c037ac75d8">
-        <h6 id="9f9420c2-e36a-4815-be7e-74f110e1f437">
+       <pre id="97e4c77b-b3d1-4900-a83b-e70fe77acec2"><code class="python">mt(size)</code></pre>
+       <div class="ms-3 collapse" id="044ee02f-e9ab-4e4b-a7bc-d471c4818fe6">
+        <h6 id="0e3e114d-17d1-4671-bcef-f48fafe729a6">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="59cd9a26-8899-458e-b6db-e665d797d489">
+        <table class="table table-sm bg-light" id="42b087c5-721e-4230-b37a-8dc2a7bf900d">
          <thead>
           <tr>
            <th scope="col">
@@ -879,13 +879,13 @@ button = Button("Hello").ms(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="c877b5a8-13f0-4fb9-8ee9-38fd5af84191">
-        <h6 id="5a151935-fe75-4378-8c93-df2b9a1192ce">
+       <div class="ms-3 collapse" id="500bd65d-f0a1-4e48-b5c2-90dd1c29bfe7">
+        <h6 id="07063668-8780-4b9c-b0f0-aab6863b0742">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="9c2bc86b-281b-4635-847c-7d37313c7c53">
+        <table class="table table-sm bg-light" id="3a12906a-f445-42c4-ab38-327407f3e755">
          <thead>
           <tr>
            <th scope="col">
@@ -918,47 +918,47 @@ button = Button("Hello").ms(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="fd9db655-0eff-4e1a-864a-77e0e9acd796">
-        <h6 id="b912aa23-6927-40a6-8085-62a4a5bb4215">
+       <div class="ms-3" id="0b9c3bd0-7452-40b5-a5b3-4855e57efecc">
+        <h6 id="460e940f-a32d-4667-9305-e376ec2c9935">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="4adb0fd2-08ec-4292-81a6-de742420b89d"><code class="python">from bootwrap import Button
+        <pre id="86df657b-dec6-4231-8c52-350bd8fdc1e9"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").mt(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="fb7c9ab5-b6bd-408f-80b0-8407cb1670ae">
-       <div class="d-flex justify-content-between" id="4cfeb4af-ce72-427b-b0c9-f44abbed14ba">
-        <h4 id="d447f260-d1b8-493f-b7e6-0d6479e1368f">
+      <div class="mt-5" id="c593d60f-0eac-4d98-988a-b240c9df88da">
+       <div class="d-flex justify-content-between" id="32cc229d-004a-4085-b5a4-d16d8f7ffa48">
+        <h4 id="f2a3b459-cffa-4e14-9f35-dd2a82414cce">
          Method
-         <span class="text-primary" id="04263d75-2d5d-4c54-8c0e-50490c5401e3">
+         <span class="text-primary" id="770032ee-77f0-4d34-ae55-b75bd9b83020">
           mx
          </span>
         </h4>
-        <div id="685772e4-933c-40d4-95a4-a0dfb0c70b32">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#296c49d6-8034-4e1e-93d9-96e2968ac275" data-bs-toggle="collapse" id="fea21cc6-ce2e-4181-8a98-1b50733c5ce3" onclick="return false;" type="button">
+        <div id="aa5b3705-d39c-498d-b481-cb391f4d7e82">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3553a580-2d6f-481f-8000-e9410b3e1f9c" data-bs-toggle="collapse" id="431d52a9-1bb6-4dd0-a481-544f03ae6b5c" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#5a718a6e-9b5e-42c3-8f0d-24e1e5815f45" data-bs-toggle="collapse" id="da9f8780-c9f4-46f0-a0dc-9bec992d633e" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#72050ae7-0461-401c-ab32-364b5bb11adf" data-bs-toggle="collapse" id="adee1758-6464-427b-b315-39ba60546f26" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="02a71f35-90ca-487a-9e94-8be0f74eeaef">
+       <span class="text-muted" id="942ed33c-c3a0-4f2f-868b-b03eb585249b">
         Sets margin for left and right sides to the specified size.
        </span>
-       <pre id="c19acf07-c83a-48f7-8abc-250e9788f614"><code class="python">mx(size)</code></pre>
-       <div class="ms-3 collapse" id="296c49d6-8034-4e1e-93d9-96e2968ac275">
-        <h6 id="33738475-f302-4607-aea3-de9f169ad377">
+       <pre id="2cd69f2e-2d37-4e0f-8e8c-45f29262ae47"><code class="python">mx(size)</code></pre>
+       <div class="ms-3 collapse" id="3553a580-2d6f-481f-8000-e9410b3e1f9c">
+        <h6 id="66513a46-97a6-4cfa-995f-dc5f8509ac94">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="3dc974ad-4906-477b-ae69-465c8ae60065">
+        <table class="table table-sm bg-light" id="ae6ec030-9aa5-41f2-971f-a2bdfecfa170">
          <thead>
           <tr>
            <th scope="col">
@@ -991,13 +991,13 @@ button = Button("Hello").mt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="5a718a6e-9b5e-42c3-8f0d-24e1e5815f45">
-        <h6 id="5df7ea74-bd4d-4cf8-b810-385d43f8bc9e">
+       <div class="ms-3 collapse" id="72050ae7-0461-401c-ab32-364b5bb11adf">
+        <h6 id="f3f13fbe-9714-4563-8489-3472c27c2730">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="71090b98-4d24-4611-948c-e6588f3f0db4">
+        <table class="table table-sm bg-light" id="c433142f-5584-4cd8-8c24-c1bd636c2577">
          <thead>
           <tr>
            <th scope="col">
@@ -1030,47 +1030,47 @@ button = Button("Hello").mt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="e3143716-f0de-45a7-8be4-f121f8939738">
-        <h6 id="53b2ebe4-96e1-44d8-ac8d-26dbfaded465">
+       <div class="ms-3" id="d6b47151-df28-4a1f-9e35-001df0d47e30">
+        <h6 id="1c0b2b8a-efd2-4761-ad6c-79d5aae499cd">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="a578101b-d74f-4b8b-af8a-9cd024e29121"><code class="python">from bootwrap import Button
+        <pre id="310ef78c-4fde-49e5-892e-9195bdd4169e"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").mx(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="a6847b9e-4975-49c9-8703-2598b0d70ba7">
-       <div class="d-flex justify-content-between" id="300a429e-2f10-4cf1-9997-80b91fe4098b">
-        <h4 id="c490e6ee-a0ad-493b-9e0d-410a2ef5773b">
+      <div class="mt-5" id="4ff6cd44-ed49-41e8-9b8a-0d616b28ccf3">
+       <div class="d-flex justify-content-between" id="e057ddf7-858d-4068-88f6-94121bb379c2">
+        <h4 id="9af8c469-ddb2-45b6-8fea-ce32628fa021">
          Method
-         <span class="text-primary" id="8c95995e-94ed-496c-895c-e29a9ac0d252">
+         <span class="text-primary" id="5d1fcef8-cfb7-4b40-bb44-7c9eed3b1179">
           my
          </span>
         </h4>
-        <div id="209f1343-720a-4e45-b125-4c92491c3581">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#26357188-71ee-4649-80b5-0fdfa2951aca" data-bs-toggle="collapse" id="1c204eaf-6991-479d-abd5-d7bc1a790340" onclick="return false;" type="button">
+        <div id="5adacbac-13cb-4831-a4e2-909adfb5c4bc">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#fe40fe18-2afe-4f95-9cf0-dfa5a0913f3f" data-bs-toggle="collapse" id="c474532b-6e32-4f43-9602-a35aa0d6ce28" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#13995734-d884-4e0b-94ad-d8935561fa91" data-bs-toggle="collapse" id="02a6f143-a240-427f-9fa1-81190a9d26b0" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#72656228-df81-4016-aa92-3bb7eb056808" data-bs-toggle="collapse" id="ac68c203-d2ca-4578-9bb2-8ce2f5ab73b0" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="14bb2a63-8d4e-4bd9-a694-5f2e69b8af5f">
+       <span class="text-muted" id="c5d9be6d-0c51-4a68-a8e0-f89011c8fce4">
         Sets margin for top and bottom sides to the specified size.
        </span>
-       <pre id="06919ec2-e567-4a2f-9c5b-59e55630b91a"><code class="python">my(size)</code></pre>
-       <div class="ms-3 collapse" id="26357188-71ee-4649-80b5-0fdfa2951aca">
-        <h6 id="8270b2f6-af54-4c84-a5ac-479919d4bb0d">
+       <pre id="b0597f11-7eaa-4a68-ac01-ee1a0d048285"><code class="python">my(size)</code></pre>
+       <div class="ms-3 collapse" id="fe40fe18-2afe-4f95-9cf0-dfa5a0913f3f">
+        <h6 id="b178ae5e-a687-4762-a096-fc47928e08c4">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="665fc50a-cd94-4768-9d50-60fb994ce2b6">
+        <table class="table table-sm bg-light" id="0f24a987-ef94-4265-87d0-74d63d2bd932">
          <thead>
           <tr>
            <th scope="col">
@@ -1103,13 +1103,13 @@ button = Button("Hello").mx(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="13995734-d884-4e0b-94ad-d8935561fa91">
-        <h6 id="3a9b9646-bbe1-43fd-9bb5-136a719b270a">
+       <div class="ms-3 collapse" id="72656228-df81-4016-aa92-3bb7eb056808">
+        <h6 id="02268562-7425-4c6f-9b17-be951a9f7826">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="2e666a08-f071-4e7b-82ca-ee06b2a05d11">
+        <table class="table table-sm bg-light" id="fc4dbd07-d8da-4134-af6a-29825452840f">
          <thead>
           <tr>
            <th scope="col">
@@ -1142,47 +1142,47 @@ button = Button("Hello").mx(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="5fd3d1d4-6c34-4626-9d4f-adb827f54848">
-        <h6 id="f0af0b69-31e6-4b96-93bd-f97362fad06b">
+       <div class="ms-3" id="d76bc6cd-835f-408b-8275-b87d24eb594d">
+        <h6 id="e0e01c73-aab4-48e7-8560-f7e5229c7f95">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="d26f4312-0a27-44b5-81c3-889b76cbd877"><code class="python">from bootwrap import Button
+        <pre id="218699ac-0281-4e9c-8807-597044afd62f"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").my(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="710ca50f-59c0-4833-9267-e180f87613b0">
-       <div class="d-flex justify-content-between" id="07ea6e40-b210-4487-b693-26ec8a90c2d5">
-        <h4 id="14711414-496e-4317-ae86-9c4e3ea12f4c">
+      <div class="mt-5" id="69ab43d6-e12a-446e-9481-a1cb1497f546">
+       <div class="d-flex justify-content-between" id="b3bae7ff-2e33-462a-ae5b-5543c1a2034c">
+        <h4 id="e0541cd8-a950-488f-b03d-0650cc076359">
          Method
-         <span class="text-primary" id="c2a7df9c-9dd1-4396-b0d5-efaec9a1c8cb">
+         <span class="text-primary" id="5a8f462e-2c5a-4e53-8d7b-2fbeb2b06b57">
           p
          </span>
         </h4>
-        <div id="cf0eb6fb-f6c5-4920-afe0-e5cfbf5d7458">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#228ebfba-4685-4d16-8799-654d6a11392d" data-bs-toggle="collapse" id="bc7a4a9c-0eb4-41b3-bd1a-895101d0c3cd" onclick="return false;" type="button">
+        <div id="f94221bb-7f85-42eb-8189-b550d0fadc4a">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d980433f-72f4-4ba5-b171-858d4175033b" data-bs-toggle="collapse" id="4979344a-9374-408e-8f4f-c923ddfe23b2" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ae85d76a-fa8e-422f-9627-a6e6d5a8cbe1" data-bs-toggle="collapse" id="67893ead-7962-4737-ae7f-2184250aa797" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#abf983f2-88d9-4f7a-9466-60998a272b5f" data-bs-toggle="collapse" id="fde4e017-336e-43f3-ae4d-ec1db26af13b" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="9884e92c-8380-4c5c-85ff-1e29be55a681">
+       <span class="text-muted" id="3c06d8e1-4c1e-4d5b-b87c-62a1d943b473">
         Sets padding for all four sides to the specified size.
        </span>
-       <pre id="3bfb41db-bf58-4e02-80d2-82ac99a46afe"><code class="python">p(size)</code></pre>
-       <div class="ms-3 collapse" id="228ebfba-4685-4d16-8799-654d6a11392d">
-        <h6 id="41a9be94-1ffa-4c6c-95ee-330987d85eb7">
+       <pre id="ab16879e-7558-42ac-83e4-0648abec1ed6"><code class="python">p(size)</code></pre>
+       <div class="ms-3 collapse" id="d980433f-72f4-4ba5-b171-858d4175033b">
+        <h6 id="db84a544-d5ed-43c8-a92e-56a0df9f2e22">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="3a8e8994-9cd5-48a6-9782-4e8e60be1fb3">
+        <table class="table table-sm bg-light" id="3bc3575b-8288-414c-9348-a0377e28348e">
          <thead>
           <tr>
            <th scope="col">
@@ -1215,13 +1215,13 @@ button = Button("Hello").my(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="ae85d76a-fa8e-422f-9627-a6e6d5a8cbe1">
-        <h6 id="e948d672-e64e-4268-b81e-cf114ea97e64">
+       <div class="ms-3 collapse" id="abf983f2-88d9-4f7a-9466-60998a272b5f">
+        <h6 id="07fc4fe6-0207-454a-afb6-789d29da2deb">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="0c8c802b-a75c-46f8-8b74-5c5670bff501">
+        <table class="table table-sm bg-light" id="460a6195-8aa4-459d-aaed-c2b13c02ca87">
          <thead>
           <tr>
            <th scope="col">
@@ -1254,47 +1254,47 @@ button = Button("Hello").my(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="415be4f5-64cf-4b4b-a02a-3c45b2c06216">
-        <h6 id="a6fbd4f7-01c1-46ca-97cc-5205aad84ab5">
+       <div class="ms-3" id="d9b24507-d381-4d31-bbe3-8c154c2790ef">
+        <h6 id="8b39abb8-3ac2-4b8a-8739-64e38c7256d7">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="730891e9-cbde-4e4a-ad01-408b235025cf"><code class="python">from bootwrap import Button
+        <pre id="37150955-6dd9-4d1d-8abc-b89a79cade2a"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").p(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="bce519f2-8b9e-4e0c-b25c-36a26dda9062">
-       <div class="d-flex justify-content-between" id="3f851f74-b3b0-4794-8af9-b1bc45d3a965">
-        <h4 id="894fb684-7b7c-4b89-bcdb-0b313f86b9b1">
+      <div class="mt-5" id="326c0685-96e1-4323-9ee5-e34436c908ec">
+       <div class="d-flex justify-content-between" id="c7371da9-4c2d-44dd-b989-6e7805cea4ac">
+        <h4 id="26a2cc0a-0693-4a14-8f82-ce520ca12f4f">
          Method
-         <span class="text-primary" id="f737846c-34d1-4e83-b78f-69ac3fc99259">
+         <span class="text-primary" id="8ce5e6e2-75ff-46b3-8c3f-38a620ff7df3">
           pb
          </span>
         </h4>
-        <div id="3de55179-f124-461b-aa8f-4081f2e9af93">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a17dadf9-40d3-4d45-bb8a-e0241d488cc5" data-bs-toggle="collapse" id="bca30376-b38e-4596-b24b-5d4c53be118c" onclick="return false;" type="button">
+        <div id="b5f5bb1f-f76e-4d7d-9bc6-3388b1917c47">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#6f20c51b-3605-41ae-9ffe-1dd53dc5f677" data-bs-toggle="collapse" id="ecfa1886-32cc-4523-a56d-feb4b089083d" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3fe2cc95-c536-4e9b-a5e2-255f1ac8eaf2" data-bs-toggle="collapse" id="7bc9416c-244b-4409-b4ee-3d708bda179b" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ba4f7377-4a02-46db-bb85-3467821f9f96" data-bs-toggle="collapse" id="a1530f67-85a6-4a75-9669-25f16cf8939e" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c9cbc5c8-85dc-43fa-8677-6f540dd76657">
+       <span class="text-muted" id="cd511c6d-d117-4ffe-aa2d-49304640bd28">
         Sets padding for the bottom side the specified size.
        </span>
-       <pre id="2c860b13-b3c5-4ae5-8fab-9d6b08ebfd91"><code class="python">pb(size)</code></pre>
-       <div class="ms-3 collapse" id="a17dadf9-40d3-4d45-bb8a-e0241d488cc5">
-        <h6 id="2f0a5954-4b13-4c5c-9335-a17f742bbfef">
+       <pre id="ac1344a3-b657-4848-a9b0-74bf45941558"><code class="python">pb(size)</code></pre>
+       <div class="ms-3 collapse" id="6f20c51b-3605-41ae-9ffe-1dd53dc5f677">
+        <h6 id="812fbb47-940c-43ea-abee-8b91cf59d57f">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="9f1910da-d3ca-494b-86f6-77e20f9c2076">
+        <table class="table table-sm bg-light" id="9657fe63-4854-4bab-824d-f17815a88ebf">
          <thead>
           <tr>
            <th scope="col">
@@ -1327,13 +1327,13 @@ button = Button("Hello").p(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="3fe2cc95-c536-4e9b-a5e2-255f1ac8eaf2">
-        <h6 id="d4a68713-e1e0-4f54-968c-57f8bd8d6545">
+       <div class="ms-3 collapse" id="ba4f7377-4a02-46db-bb85-3467821f9f96">
+        <h6 id="fee04f75-5f8b-43b0-a4e6-91400be64b15">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="bddca732-203b-4d1e-83b5-a0d7f66e5b33">
+        <table class="table table-sm bg-light" id="cf70ec0c-ed01-467a-99aa-c0fe2f887d80">
          <thead>
           <tr>
            <th scope="col">
@@ -1366,47 +1366,47 @@ button = Button("Hello").p(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="1fcc6498-9c61-4969-933c-1456fa340b09">
-        <h6 id="84c83fbf-938a-4cc5-a9be-8b4758504d47">
+       <div class="ms-3" id="1f0958b3-7317-4008-a08c-72869253ce31">
+        <h6 id="0c53f7b8-9316-47ad-a377-3552df13f795">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="e6b37dd6-0798-47a4-8c54-db5cdbd34b8d"><code class="python">from bootwrap import Button
+        <pre id="643cd578-bdbc-4f6e-be0a-c24d256013bc"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").pb(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="36d31094-44f3-48d0-bd29-3ade5c133c81">
-       <div class="d-flex justify-content-between" id="5bd22a65-5bd8-4a79-bd2d-d77ea49593cc">
-        <h4 id="bce8ddbf-13b4-47bd-95a3-360a066cdd7c">
+      <div class="mt-5" id="85402254-e88e-4f89-83cd-c0e23352322c">
+       <div class="d-flex justify-content-between" id="e82ab393-8b5b-41ef-ab4c-339ee458b187">
+        <h4 id="fcdc54c8-37d6-4eae-9844-59d939876baa">
          Method
-         <span class="text-primary" id="19517fbb-0b8e-4799-8ce4-3232f427b7dc">
+         <span class="text-primary" id="41bda65d-f9de-4b5e-aa06-4c16f4edc1e0">
           pe
          </span>
         </h4>
-        <div id="67636362-c3e5-4fc5-af9b-519936f44102">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a581f88a-8e02-406c-b75a-cd1584143d20" data-bs-toggle="collapse" id="8858673b-4c17-46d7-89ff-c31007806552" onclick="return false;" type="button">
+        <div id="3f6a0637-f616-4050-8251-23fe565c07df">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#09125ceb-9bad-4a69-838a-cbc46210544a" data-bs-toggle="collapse" id="c2fdc1c0-92c3-4936-86c0-a5ae92191612" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e357f85c-99ad-4194-9af5-e43e9336a473" data-bs-toggle="collapse" id="254e3feb-5c24-4014-b497-98b6be2210f4" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#4a3db3a8-fe87-4012-8a2d-11860c194ce2" data-bs-toggle="collapse" id="1f14c26a-f05c-40d0-962a-e669990f36bb" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="5e3e96d6-0c7a-4010-9e6a-0f38e697f08b">
+       <span class="text-muted" id="6ccff4de-fd43-4453-999e-e63cb458c151">
         Sets padding for the end(right-side) to the specified size.
        </span>
-       <pre id="54792884-9187-4e35-8e6e-113a7d9a97b8"><code class="python">pe(size)</code></pre>
-       <div class="ms-3 collapse" id="a581f88a-8e02-406c-b75a-cd1584143d20">
-        <h6 id="c9d0c6c9-200c-4e63-a29d-41259e118704">
+       <pre id="b8eec708-a37e-4786-b91a-f5efba3f940c"><code class="python">pe(size)</code></pre>
+       <div class="ms-3 collapse" id="09125ceb-9bad-4a69-838a-cbc46210544a">
+        <h6 id="b04bbec2-cccb-4357-ad4d-7efeba30d3d7">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="867416d6-425d-4a5e-b7ff-4cc73863c11c">
+        <table class="table table-sm bg-light" id="fde21883-a222-4416-8f6d-e79c23fe5a9d">
          <thead>
           <tr>
            <th scope="col">
@@ -1439,13 +1439,13 @@ button = Button("Hello").pb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="e357f85c-99ad-4194-9af5-e43e9336a473">
-        <h6 id="e5885257-f00e-4acb-b902-e5abaafec665">
+       <div class="ms-3 collapse" id="4a3db3a8-fe87-4012-8a2d-11860c194ce2">
+        <h6 id="3b296d77-11cf-486d-80d3-8963e400b448">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="9a04b26d-7c97-4b4e-8820-fa2657541173">
+        <table class="table table-sm bg-light" id="44da0200-09fb-4e95-a437-01dc3870ee8a">
          <thead>
           <tr>
            <th scope="col">
@@ -1478,47 +1478,47 @@ button = Button("Hello").pb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="eb905b55-729f-481c-a963-a9a4e51eafb2">
-        <h6 id="4811d712-6131-4d26-9c81-a2695ad414dc">
+       <div class="ms-3" id="fecfbfe5-91a6-4d94-8474-843e7b2df485">
+        <h6 id="aedc75e7-0ce9-4736-a81a-a3ea3949f395">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="59b6f7ed-7745-44b7-b755-94be8f69be82"><code class="python">from bootwrap import Button
+        <pre id="5194a02c-8558-43e7-b9b3-27daa4641407"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").pe(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="5602918d-ad72-4e14-953a-b4e88a90ed7c">
-       <div class="d-flex justify-content-between" id="e153d077-ff17-43d5-8314-25349d0bb04a">
-        <h4 id="6057cffe-0f9f-48d9-84ea-c59f17fb4911">
+      <div class="mt-5" id="b6dc26b3-074a-4cc7-b1a7-79167aaf47cb">
+       <div class="d-flex justify-content-between" id="62257d3b-9bdf-4202-8f92-a666359c09e6">
+        <h4 id="53a14f99-6ecf-4402-a42b-3a1ba34b8607">
          Method
-         <span class="text-primary" id="c8a9b425-bca1-4b17-b889-3cb7c04f1bb4">
+         <span class="text-primary" id="b9f94c3e-bb42-49db-a2a0-b882376aed97">
           ps
          </span>
         </h4>
-        <div id="50ebf0a8-88dd-499f-be6d-e5711787253f">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c9e4d312-53cc-4b86-b42b-1cb0320a5521" data-bs-toggle="collapse" id="f2682424-f083-4af5-99b9-03a67c3a0f14" onclick="return false;" type="button">
+        <div id="e48c68d8-7bbd-4e8c-aa93-4adefce1159f">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#061cf9ee-4b4b-41a1-8301-c6148fdf829e" data-bs-toggle="collapse" id="aeede1f2-35b2-4186-ad79-5e3e6e698e88" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#81a3bdcb-eb69-4a80-a4c0-e89315b02087" data-bs-toggle="collapse" id="c180f2de-248b-465c-a630-402f492ffb34" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#4f7c7b5b-70e3-4e02-bdc3-5c218cb74eb1" data-bs-toggle="collapse" id="0648fce8-6a78-46f0-a0e7-2096c42c3728" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="1b781e73-aafa-44e3-b06a-48e1ea45a356">
+       <span class="text-muted" id="cf662a11-683d-4efc-afb2-48328df45efc">
         Sets padding for the start(left-side) to the specified size.
        </span>
-       <pre id="9218bacb-066c-4074-b1a5-b7298f0c1971"><code class="python">ps(size)</code></pre>
-       <div class="ms-3 collapse" id="c9e4d312-53cc-4b86-b42b-1cb0320a5521">
-        <h6 id="e83cba5d-dc6c-4d77-a339-950c51d711e4">
+       <pre id="a0434698-8a96-476e-a11a-a64c6640cf64"><code class="python">ps(size)</code></pre>
+       <div class="ms-3 collapse" id="061cf9ee-4b4b-41a1-8301-c6148fdf829e">
+        <h6 id="f172df07-691d-4f48-b39b-7a793d2bf1ec">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="eb7b3ebf-dd88-499f-b7a3-1b10c91e6a14">
+        <table class="table table-sm bg-light" id="15c73203-a62c-4de1-a86c-f18697c0db9e">
          <thead>
           <tr>
            <th scope="col">
@@ -1551,13 +1551,13 @@ button = Button("Hello").pe(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="81a3bdcb-eb69-4a80-a4c0-e89315b02087">
-        <h6 id="86b52a43-e063-438a-85f3-7977e7bf02e3">
+       <div class="ms-3 collapse" id="4f7c7b5b-70e3-4e02-bdc3-5c218cb74eb1">
+        <h6 id="7842b561-7331-4962-a3cb-e875bb451e96">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="407867c3-e24a-4b69-89fe-ae58ef3aa80d">
+        <table class="table table-sm bg-light" id="0a29f53d-de4e-46a6-8ab0-c303ad8890cc">
          <thead>
           <tr>
            <th scope="col">
@@ -1590,47 +1590,47 @@ button = Button("Hello").pe(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="704d1652-99bc-4ece-9190-e11e177242c4">
-        <h6 id="220bfdec-49c9-4948-a517-d65cd601f534">
+       <div class="ms-3" id="bf05b4f3-8540-4f5f-b9d5-45c5b22aa240">
+        <h6 id="f75cb976-ba39-42d5-b2dc-96b528590185">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="2431825d-f332-42bd-af65-6cb0433bb4f9"><code class="python">from bootwrap import Button
+        <pre id="3379d0ea-224a-4562-b63c-087299caabb3"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").ps(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="2fbf961f-f07b-4f0b-a5ea-898bf86216bb">
-       <div class="d-flex justify-content-between" id="c208d64b-b462-4dee-9044-2cc60f2402d4">
-        <h4 id="9669585b-7e93-443b-b747-f11813e3de27">
+      <div class="mt-5" id="aa6ecd54-a66c-463e-a27f-35272896a863">
+       <div class="d-flex justify-content-between" id="c777e8b7-a4fc-492a-b7bb-9bf4230c3c29">
+        <h4 id="13043ca6-38ca-4924-84f3-b832dd21e46c">
          Method
-         <span class="text-primary" id="b0d99799-12f5-47c8-96b8-82fea95cc8d6">
+         <span class="text-primary" id="b2d7f046-c89e-42a3-9547-3c3d5ef0962d">
           pt
          </span>
         </h4>
-        <div id="5708b5ce-c05b-495a-a94d-1e7bf7ff02c8">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e544f7cb-234b-413b-a7c8-ef457057c8eb" data-bs-toggle="collapse" id="3701506d-95f1-4b6c-bd30-e337d65eb3e1" onclick="return false;" type="button">
+        <div id="e048afc6-ce2d-44de-bf44-30240f2eb0c2">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#36e157ee-f877-42a1-b70b-befeedc1f9d9" data-bs-toggle="collapse" id="2f692cb8-2785-4381-a77a-c4ab5e6d6d72" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#96f7543c-b9d1-4898-b252-d14e6cacd715" data-bs-toggle="collapse" id="c3caa116-fbe7-4b57-aaaf-dd116e9f7e48" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#31e00bab-f563-48fd-95b8-6af802fdbf9e" data-bs-toggle="collapse" id="42349bb8-5c81-490d-b3ee-05091816f470" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="60332530-b1b4-4d6d-afdc-040320918a6a">
+       <span class="text-muted" id="3b295090-6e1b-4841-90ea-e3a0bde78123">
         Sets padding for the top side to the specified size.
        </span>
-       <pre id="d196a3eb-8b87-46af-8978-92e84cbc45b6"><code class="python">pt(size)</code></pre>
-       <div class="ms-3 collapse" id="e544f7cb-234b-413b-a7c8-ef457057c8eb">
-        <h6 id="4960d327-f9ca-4c2a-8945-0c7ca8807502">
+       <pre id="3fe2f1fc-fa61-4dfb-8b0b-a94981268f95"><code class="python">pt(size)</code></pre>
+       <div class="ms-3 collapse" id="36e157ee-f877-42a1-b70b-befeedc1f9d9">
+        <h6 id="d7ab66bc-9e28-497f-bd1a-e372f6e4150d">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="2dde7355-b0e9-4074-ab4b-cc9030284b9e">
+        <table class="table table-sm bg-light" id="61278729-f6ad-42b1-bb06-8868796f9537">
          <thead>
           <tr>
            <th scope="col">
@@ -1663,13 +1663,13 @@ button = Button("Hello").ps(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="96f7543c-b9d1-4898-b252-d14e6cacd715">
-        <h6 id="950375c8-861d-4c2f-9652-5d78ce3fd901">
+       <div class="ms-3 collapse" id="31e00bab-f563-48fd-95b8-6af802fdbf9e">
+        <h6 id="57c1d7d7-ca4b-46b3-902b-aad99a1cf23f">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="aa64fda9-68f7-4842-9567-fd564f32e5ef">
+        <table class="table table-sm bg-light" id="ea97fd06-5591-42f5-8528-06e81756a22b">
          <thead>
           <tr>
            <th scope="col">
@@ -1702,47 +1702,47 @@ button = Button("Hello").ps(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="a65616c2-6a93-4395-badd-1f1130f564ff">
-        <h6 id="1c3ca552-0177-4215-947b-529364bf7a87">
+       <div class="ms-3" id="9eea056d-0273-446b-9655-610dbaed32e4">
+        <h6 id="530cc505-318d-4f63-b28b-84a466e109a3">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="c5bb910f-e24b-4e83-8078-94f683de0e1b"><code class="python">from bootwrap import Button
+        <pre id="2faa02ea-4777-4452-9b90-eea4b398b2ac"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").pt(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="1f1e6f46-cf45-4a2c-9937-ac9072903525">
-       <div class="d-flex justify-content-between" id="98a57697-5ad7-43e9-96de-67b03e28cb18">
-        <h4 id="0acdf455-2ea0-483a-886e-73b01576a1db">
+      <div class="mt-5" id="ac64d0d2-d06b-4ced-991a-40af06074c4c">
+       <div class="d-flex justify-content-between" id="99f2c63a-0b2b-42b2-8c44-7dde9ced071d">
+        <h4 id="7a3f3769-7e9b-41df-86d6-0782236b04f6">
          Method
-         <span class="text-primary" id="0a2bea98-1a35-4c8f-8f98-1b647c4682b6">
+         <span class="text-primary" id="98a5fbf9-0e0a-4659-a5c2-e3f08a35166d">
           px
          </span>
         </h4>
-        <div id="bcb146ca-70fb-4969-92ad-867864ec5f16">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8951837f-9752-4277-9790-efaa483ed11a" data-bs-toggle="collapse" id="5f04c54b-ffea-4110-b4eb-effde7e597eb" onclick="return false;" type="button">
+        <div id="a9b6dffa-af89-4f44-a8ce-2b0d6c7ad026">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0493a3ff-3a08-44b1-9a96-20449a1b55c4" data-bs-toggle="collapse" id="310894f5-162e-4d5a-a874-ebdac9b309ab" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#9fb5ff17-05ff-4574-b13c-75aa4b3bbca6" data-bs-toggle="collapse" id="e6a1ee68-81d1-4bce-b581-70642bab9ced" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#fd3f9c3a-94b3-4aab-b906-fd413fdf2575" data-bs-toggle="collapse" id="a91cd67b-043b-41c4-a81e-36e543665f0b" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="9386ddb9-7c29-4cdd-b942-d5a0916980b1">
+       <span class="text-muted" id="cea5e1cb-8e3a-4d14-a42b-dda9928e94a9">
         Sets padding for left and right sides to the specified size.
        </span>
-       <pre id="85a6b900-9a90-4441-9ec1-de8ebefd917a"><code class="python">px(size)</code></pre>
-       <div class="ms-3 collapse" id="8951837f-9752-4277-9790-efaa483ed11a">
-        <h6 id="4e59bf56-989e-41fa-bd15-9959e657b8c8">
+       <pre id="7b42dcf0-de56-44dc-b3aa-f17a0b3a5993"><code class="python">px(size)</code></pre>
+       <div class="ms-3 collapse" id="0493a3ff-3a08-44b1-9a96-20449a1b55c4">
+        <h6 id="12fa0ed6-205f-4e68-9a93-67a2ac1cc0d8">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="587eafe9-a36f-4b2a-b36c-4ee171549721">
+        <table class="table table-sm bg-light" id="f214e35c-3ab3-481f-b844-d26080495113">
          <thead>
           <tr>
            <th scope="col">
@@ -1775,13 +1775,13 @@ button = Button("Hello").pt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="9fb5ff17-05ff-4574-b13c-75aa4b3bbca6">
-        <h6 id="256e7c62-43b7-45cb-bf17-f071c819336e">
+       <div class="ms-3 collapse" id="fd3f9c3a-94b3-4aab-b906-fd413fdf2575">
+        <h6 id="62a66fc9-74cb-493c-a63d-476a2534664b">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="ca11b172-3d50-4c8a-9511-b1e93d72aa0a">
+        <table class="table table-sm bg-light" id="d0ef3f3a-8526-49b0-a2e5-0562b9157b94">
          <thead>
           <tr>
            <th scope="col">
@@ -1814,47 +1814,47 @@ button = Button("Hello").pt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="3a69a1d1-752c-4055-8e0c-ab8426cb33f6">
-        <h6 id="35182e3e-ef0b-4dbd-96d2-6291319c8452">
+       <div class="ms-3" id="e1fa80a9-4b4f-4efa-9cd9-54445524e29c">
+        <h6 id="5eefe086-23e8-4d3d-8363-ff84b2e36024">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="8caff50c-0093-4d61-aadc-3ea7f7bfa144"><code class="python">from bootwrap import Button
+        <pre id="36ae8395-2f51-47a1-96ff-6e1f396d4ed5"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").px(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="66c49fe4-29b7-4355-b9b1-29a79a161f96">
-       <div class="d-flex justify-content-between" id="a01ec126-718e-4db0-aed3-f046f1fd457a">
-        <h4 id="84d733af-cd4f-4608-8b92-62cdb085c2c5">
+      <div class="mt-5" id="6dae0e4a-2de5-4647-b19c-92175d9dd3dc">
+       <div class="d-flex justify-content-between" id="0b646c67-cc4d-4beb-a908-472918e96154">
+        <h4 id="d894d4d7-01a6-499b-ada9-77bbc19ca427">
          Method
-         <span class="text-primary" id="a8d70cdc-528b-48e5-b2c8-3322e61c9a63">
+         <span class="text-primary" id="ca1401b0-9ca3-44ac-85c7-d29ee6ef53e6">
           py
          </span>
         </h4>
-        <div id="3cd3da38-5fb5-4690-9dad-14566cb4c179">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#37c249ae-a53d-4ab7-bf58-4aacaff4f6ee" data-bs-toggle="collapse" id="c867a8ce-142a-4842-bfde-f0b465fd30db" onclick="return false;" type="button">
+        <div id="129f5df5-5b6d-42eb-884c-86863796aea3">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a924f4a7-bde4-4805-a532-60c14b1f42d9" data-bs-toggle="collapse" id="351eb730-3ae1-45f5-8261-f6c4431fd54b" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#67c8a4c2-a442-41a0-8112-7dd1b3c2918b" data-bs-toggle="collapse" id="ffa18df0-8a17-4d73-9e8a-cd8ef878bba2" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#83f72b05-44cd-4d51-b652-3005624539ba" data-bs-toggle="collapse" id="921f7569-99cd-45d0-aef0-961f2b842c7b" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="80f0e54a-fe0c-4df8-ac21-8e082e0865bc">
+       <span class="text-muted" id="ffd98630-04c6-416f-91b3-f567dbce2dd6">
         Sets padding for top and bottom sides to the specified size.
        </span>
-       <pre id="02096b5b-4161-46eb-9d6d-237683fec1b6"><code class="python">py(size)</code></pre>
-       <div class="ms-3 collapse" id="37c249ae-a53d-4ab7-bf58-4aacaff4f6ee">
-        <h6 id="41e65fe7-5d57-4ffc-a2a1-90e78f71d884">
+       <pre id="17d93530-3b5f-4f67-8344-84541dbc5de3"><code class="python">py(size)</code></pre>
+       <div class="ms-3 collapse" id="a924f4a7-bde4-4805-a532-60c14b1f42d9">
+        <h6 id="4b290568-72d3-4f98-9bde-e30d5db7d38c">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="7d77e3d5-6229-4a8b-aafa-074bc9b57b2a">
+        <table class="table table-sm bg-light" id="9d0fdc10-596f-4273-8ce7-f1f780a40179">
          <thead>
           <tr>
            <th scope="col">
@@ -1887,13 +1887,13 @@ button = Button("Hello").px(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="67c8a4c2-a442-41a0-8112-7dd1b3c2918b">
-        <h6 id="7f968ff3-63e3-4426-9170-2bdbd7c7c81c">
+       <div class="ms-3 collapse" id="83f72b05-44cd-4d51-b652-3005624539ba">
+        <h6 id="50953ab6-a401-4cc5-b770-85971134521b">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="7a4a3f4f-2314-4c29-98fb-0d28e2d125c1">
+        <table class="table table-sm bg-light" id="4054c42d-b812-4bde-918d-1bb22481734c">
          <thead>
           <tr>
            <th scope="col">
@@ -1926,13 +1926,13 @@ button = Button("Hello").px(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="29196090-d717-44e8-b819-53ad4ac9c7a9">
-        <h6 id="48be2691-04aa-4136-9612-95b953a61de1">
+       <div class="ms-3" id="bfd8bfd9-b4e6-49f6-88fb-d1b75132e373">
+        <h6 id="669fef85-a9ca-4ad6-808f-d42cfde1cc25">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="f9fd0b88-1e9e-4228-a1ea-a5171a45ca22"><code class="python">from bootwrap import Button
+        <pre id="4f6c0698-1af6-4118-a901-5e753313cc26"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").py(3)
@@ -1941,50 +1941,50 @@ button = Button("Hello").py(3)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="7f53f511-2b07-4fea-a119-142c07beb8a7">
-     <div class="mt-5" id="d7cd6a3a-c77b-4387-871c-43f61ba52cda">
-      <div class="d-flex justify-content-between" id="87ac0eea-6e52-42f2-97a4-8b6e189a8efe">
-       <h1 id="f283c13d-5943-492e-9187-49992dc395c3">
+    <div class="tab-pane fade" id="7c0d76a6-5988-4782-989d-1b8ed90dfc3f">
+     <div class="mt-5" id="c0363bc6-ddf8-4f53-b0c5-8368f9aafa9f">
+      <div class="d-flex justify-content-between" id="d1152d58-4dff-47f9-abf4-64b08902ea75">
+       <h1 id="7f6561a7-378a-46b9-9fa6-f2ce53610dc8">
         Class
-        <span class="text-primary" id="2feb4bd7-3d2a-4e62-a7a5-3a9707c72643">
+        <span class="text-primary" id="b269bdc9-b16a-4ddd-86ef-6d5644bc2033">
          ActionMixin
         </span>
        </h1>
-       <div id="d250863f-adc9-4b03-bb1a-53a6190d6681">
+       <div id="be11522f-b385-4362-9a0d-811243b0f51c">
        </div>
       </div>
-      <span class="text-muted" id="5b3a6c11-d3ff-40ce-b354-7cab53f07836">
+      <span class="text-muted" id="973dc93d-9db5-4d81-8d1d-34be3eb9fbbd">
        Mixin for a web component which able to perform an action.
       </span>
-      <pre id="652bf873-56e1-4802-bd5c-9209377b00db"><code class="python">ActionMixin()</code></pre>
-      <div class="mt-5" id="d5f84d4a-f237-4d82-8e90-1cd1a0dc8509">
-       <div class="d-flex justify-content-between" id="40f93098-57d4-47d3-ab26-b250e6cad6cf">
-        <h4 id="b38f2517-e801-45c5-b008-37cc32efc376">
+      <pre id="058e7abb-81c5-42e9-b2c6-b15dba627c51"><code class="python">ActionMixin()</code></pre>
+      <div class="mt-5" id="43f300fc-c716-4a67-b7e9-2ce172c79a8e">
+       <div class="d-flex justify-content-between" id="246938ba-ff99-4c47-81b2-60f7b3ace557">
+        <h4 id="502295d4-bcc9-4835-9b2f-bc78789ef7dc">
          Method
-         <span class="text-primary" id="fc73ae40-c853-4948-8c85-5cde1189f358">
+         <span class="text-primary" id="5f71b6d6-3c09-411c-b25e-e1aa10198887">
           add_menu
          </span>
         </h4>
-        <div id="39fb063c-f5ef-4541-b600-aac8fe3ecc6c">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#263821a6-9d32-4ffd-8359-aa393aa46966" data-bs-toggle="collapse" id="62e1b32e-3f43-4c12-933a-7762c62b497b" onclick="return false;" type="button">
+        <div id="9bcae843-8210-4d12-861e-0b68da2cce2c">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3f6d6d83-b9a3-4681-87e5-d0c8845f9779" data-bs-toggle="collapse" id="5eab5ac0-8302-4b0a-a52a-6f6126f2b84c" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8a7bc1ec-38d3-4efa-a1e3-bd498d2b8f08" data-bs-toggle="collapse" id="ba865d67-4923-4362-9033-6f6d43956fb1" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#63c98480-eea9-42a3-b6a8-8906cfac2334" data-bs-toggle="collapse" id="74b52023-ca19-40da-835f-d4d7ae15d397" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="308c551a-9d88-4375-9489-5eda0393aa21">
+       <span class="text-muted" id="36966c80-1777-4555-8fc3-35c543010c35">
         Adds dropdown menu.
        </span>
-       <pre id="ee3df45f-cbf8-4ea1-9500-cf85cde73eb7"><code class="python">add_menu(*menu)</code></pre>
-       <div class="ms-3 collapse" id="263821a6-9d32-4ffd-8359-aa393aa46966">
-        <h6 id="94ddd2d0-aa9f-4605-8aaf-68730f7db3ce">
+       <pre id="6697fe8c-3b98-4177-b804-e536284ce77b"><code class="python">add_menu(*menu)</code></pre>
+       <div class="ms-3 collapse" id="3f6d6d83-b9a3-4681-87e5-d0c8845f9779">
+        <h6 id="d2d8f851-946d-413f-b007-1da36e5f5a57">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="a289c4bb-fbef-4d71-8e02-a666c906c576">
+        <table class="table table-sm bg-light" id="4ad8cad4-df7a-4a6c-9fef-53ebda40c730">
          <thead>
           <tr>
            <th scope="col">
@@ -2026,13 +2026,13 @@ button = Button("Hello").py(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="8a7bc1ec-38d3-4efa-a1e3-bd498d2b8f08">
-        <h6 id="d76944c8-f9d0-4e7d-86de-b4d1fc88e414">
+       <div class="ms-3 collapse" id="63c98480-eea9-42a3-b6a8-8906cfac2334">
+        <h6 id="48c484ee-b498-4a89-a164-ac7e5e9c2727">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="73b48ee0-1b19-4750-8750-718e6fc74a22">
+        <table class="table table-sm bg-light" id="df32e849-d195-452a-af38-25b485fec554">
          <thead>
           <tr>
            <th scope="col">
@@ -2065,13 +2065,13 @@ button = Button("Hello").py(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="219f03e8-9c3f-4fd0-a5a3-1a205081a164">
-        <h6 id="8e033244-5916-4a06-93be-f2c8d70ef484">
+       <div class="ms-3" id="0b43d32b-73df-4a57-8b2f-b833f0640366">
+        <h6 id="1d64d3e4-2f45-4091-a134-38ad42fc9d8e">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="6d514862-ceb3-43a4-850f-9dac91bf0ea0"><code class="python">from bootwrap import Button
+        <pre id="b060e325-2fe8-473d-87de-723211ef00a3"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ActionMixin.
 button = Button('Portfolio').add_menu(
@@ -2082,31 +2082,31 @@ button = Button('Portfolio').add_menu(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="f64b94f0-800d-4fbe-9d4b-c0c87f7fce0b">
-       <div class="d-flex justify-content-between" id="a6f7c4cb-544b-4e3c-8705-14267ff40066">
-        <h4 id="91560044-a7f5-48e8-a2b3-8a0748c38a53">
+      <div class="mt-5" id="7faf83a4-2b6b-4f43-b59d-1d795fed7893">
+       <div class="d-flex justify-content-between" id="1b42689e-6a06-41f7-8e65-8bac3093ffca">
+        <h4 id="c37e02bd-47f0-48cc-bc72-310e448ab34c">
          Method
-         <span class="text-primary" id="94fc0ff9-46de-4b94-8de5-e236501323ee">
+         <span class="text-primary" id="71f2bb8b-537f-4ae9-a68c-3f6189f131fe">
           dismiss
          </span>
         </h4>
-        <div id="9d4bcddc-da7c-4b59-b32b-7f4cecb0fa94">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d56120e8-45e8-4be6-bdac-18505880e7c0" data-bs-toggle="collapse" id="6704072e-8bee-42e3-bb77-d0954102a82c" onclick="return false;" type="button">
+        <div id="2eb0c5a3-84fd-46d6-ba66-c4203801bf72">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f1e4c106-a924-4d8d-8380-9b0935d87807" data-bs-toggle="collapse" id="13ff64e7-f9d7-4946-a068-8cee46cafde4" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="f4e67c38-2c49-448c-a72a-f60da539a448">
+       <span class="text-muted" id="710b5f29-e7c5-4c6f-9d05-3b72da887a44">
         Performes a dismiss action.
        </span>
-       <pre id="81c4b1a5-6505-47c3-91af-d7e48aeaa794"><code class="python">dismiss()</code></pre>
-       <div class="ms-3 collapse" id="d56120e8-45e8-4be6-bdac-18505880e7c0">
-        <h6 id="6224d8a5-96c5-4879-91ca-68b97e8fbc77">
+       <pre id="0bc351de-4242-4213-a2cd-2f4b46d78489"><code class="python">dismiss()</code></pre>
+       <div class="ms-3 collapse" id="f1e4c106-a924-4d8d-8380-9b0935d87807">
+        <h6 id="c5510990-8da6-4805-82d2-b30539b7086f">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="dd2dbbb4-6f45-4903-902d-6e953927aaef">
+        <table class="table table-sm bg-light" id="5f0ee7f8-89de-4fde-955a-3a7ef90d6fd6">
          <thead>
           <tr>
            <th scope="col">
@@ -2139,13 +2139,13 @@ button = Button('Portfolio').add_menu(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d5edcf70-041f-4bbf-a6a0-0ada4cc9f8b3">
-        <h6 id="065bcd82-165c-44e6-b3a2-6fb0e3e37464">
+       <div class="ms-3" id="90859b72-0992-430d-b5b8-8ff87dfcab40">
+        <h6 id="868fbf10-7664-4ae2-a26f-4c78f4ff33a3">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="d9ce4438-a55d-41f6-a1c4-c0b303286522"><code class="python">from bootwrap import Dialog, Button
+        <pre id="4b4a9044-a486-403a-89fb-8614301d0d8b"><code class="python">from bootwrap import Dialog, Button
 
 # Note, that Button inherits ActionMixin.
 dialog = Dialog(
@@ -2155,34 +2155,34 @@ dialog = Dialog(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="d85939fe-ac8f-4f4b-8ff9-833c39782651">
-       <div class="d-flex justify-content-between" id="9396bb37-f753-4615-abe5-90463886d53a">
-        <h4 id="7f26709a-9e3f-4c41-874a-78b3ea54f8cd">
+      <div class="mt-5" id="6ffb0fec-1762-4079-b6c7-965dfc0481b6">
+       <div class="d-flex justify-content-between" id="a299024a-7371-4a22-b52f-ec3d2ad051ae">
+        <h4 id="ddcbb068-20e7-4bad-a406-5feaef11b31a">
          Method
-         <span class="text-primary" id="f9f1ac79-773a-4e9a-b237-a097577db045">
+         <span class="text-primary" id="b921f036-97e7-4ec0-8aa5-9e62cc715bde">
           link
          </span>
         </h4>
-        <div id="3fe72446-1e6a-40a5-96c1-2c015ae2e989">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d8270aba-42c5-4713-828e-f394338ff434" data-bs-toggle="collapse" id="cc21b61d-2c06-4018-b846-62543fde9c11" onclick="return false;" type="button">
+        <div id="0a58db59-a89b-4762-9bde-bef4c431d25e">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#cc0d3cf4-577b-4714-9917-ce00653b4ee2" data-bs-toggle="collapse" id="129f6939-3583-4f8d-b5aa-6f96e1d5bad5" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3f62e2ee-7a66-41c2-a7f0-3db166449f6e" data-bs-toggle="collapse" id="00b6b788-a80f-4ba4-a650-97567679e953" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#7335f956-41b2-41b5-96db-80b8fdb2b9de" data-bs-toggle="collapse" id="4ea64158-a80a-4466-8926-1321d976967a" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="32e6be3a-df42-440e-9efd-95e62ecb2e8c">
+       <span class="text-muted" id="58e884ab-8f62-40c2-bab5-aab398c96a2d">
         Links to the web-resource.
        </span>
-       <pre id="af7f1d55-1863-4f48-b2e0-901088bc8389"><code class="python">link(target)</code></pre>
-       <div class="ms-3 collapse" id="d8270aba-42c5-4713-828e-f394338ff434">
-        <h6 id="a9092a97-2b32-487d-bda5-2c6855b5e17c">
+       <pre id="be3c9c67-fc29-4e64-bd19-9a55e7403ff3"><code class="python">link(target)</code></pre>
+       <div class="ms-3 collapse" id="cc0d3cf4-577b-4714-9917-ce00653b4ee2">
+        <h6 id="376bca62-68c2-40a5-ba77-099cac807744">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="27687c98-2e26-4dbe-8eca-84b4566c5cf1">
+        <table class="table table-sm bg-light" id="df5ef2f4-5bef-4fe9-b96a-6cc4c5d1e402">
          <thead>
           <tr>
            <th scope="col">
@@ -2220,13 +2220,13 @@ dialog = Dialog(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="3f62e2ee-7a66-41c2-a7f0-3db166449f6e">
-        <h6 id="069eef63-967a-499c-a773-e0d101435b63">
+       <div class="ms-3 collapse" id="7335f956-41b2-41b5-96db-80b8fdb2b9de">
+        <h6 id="f28939c4-d0e8-4361-bf57-b096d80669f6">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="460743ca-bcce-447e-94d4-c64e2ae9ee12">
+        <table class="table table-sm bg-light" id="71aaa4b8-594f-4e1b-9032-3c3176bc1c07">
          <thead>
           <tr>
            <th scope="col">
@@ -2259,44 +2259,44 @@ dialog = Dialog(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="bbcab30f-5cc6-4d56-bd96-66fd021bfef2">
-        <h6 id="c154ab13-68f3-47aa-981f-cedace4a1edb">
+       <div class="ms-3" id="00393678-9ef9-4e24-8419-6544b39e3555">
+        <h6 id="051773f7-cd53-4d8d-9354-a722fbb36efa">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="c044cbfa-bddb-421e-a1eb-d06169223b6e"><code class="python">from bootwrap import Button
+        <pre id="2b0b56e3-dd7b-4efa-a4df-1513192b1283"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits ActionMixin.
 button = Button("Search").link("https://www.google.com")
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="2fb1e5f7-bda8-4ddf-b304-e21f4a234c07">
-       <div class="d-flex justify-content-between" id="5fa6e221-a62f-4d63-8662-9cc404f83af3">
-        <h4 id="3c81b984-7221-42ff-abab-b98987fb1540">
+      <div class="mt-5" id="06debb70-93eb-4d32-82a4-89b62135e7e3">
+       <div class="d-flex justify-content-between" id="6bdb2b05-a332-431d-9b9c-f36e2a47ee6d">
+        <h4 id="3cb81f15-839e-4c0d-921a-db552c0e34e8">
          Method
-         <span class="text-primary" id="a7206bba-a199-450d-9c14-afe06e941600">
+         <span class="text-primary" id="7d2e6263-7867-469a-a4b2-d43271d2e83f">
           submit
          </span>
         </h4>
-        <div id="faedfe74-3cab-487e-9d97-b43b87f0b0bd">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#59277474-d67b-4f25-aeb8-5e63c15e4ebc" data-bs-toggle="collapse" id="2a2051b8-8e80-4414-86e7-3a12ba086390" onclick="return false;" type="button">
+        <div id="9535c1a0-33a4-4721-bf50-3d76f263e648">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f8059ae9-a427-479b-8939-5cfb24594595" data-bs-toggle="collapse" id="0f714ea1-1e9b-48a6-a94e-4ae294270001" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="f3e2cd97-4087-4511-9990-f0530d18ca09">
+       <span class="text-muted" id="7229942e-1a2e-410b-8696-0a25ff903e97">
         Performes a submit action.
        </span>
-       <pre id="c96c9a30-531f-4bc4-bed6-3403d07516f2"><code class="python">submit()</code></pre>
-       <div class="ms-3 collapse" id="59277474-d67b-4f25-aeb8-5e63c15e4ebc">
-        <h6 id="9c38a91b-fc36-4974-897f-5687433f5438">
+       <pre id="5a9d34b3-3f84-4f65-9084-33e4734edad4"><code class="python">submit()</code></pre>
+       <div class="ms-3 collapse" id="f8059ae9-a427-479b-8939-5cfb24594595">
+        <h6 id="57c8d6f0-0950-4ea7-82ff-0713fa99f561">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="d2502514-53fe-42a8-bff9-1ff657dccfb3">
+        <table class="table table-sm bg-light" id="3f6a3223-4a8d-4fb0-b82e-b077ccb2e628">
          <thead>
           <tr>
            <th scope="col">
@@ -2329,13 +2329,13 @@ button = Button("Search").link("https://www.google.com")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="8d23ca7f-642f-4059-9ba5-20f7aa5f8f4b">
-        <h6 id="ed2d1a23-e52b-48e5-bf4f-1b83bd9fe75c">
+       <div class="ms-3" id="de2a9669-b6b3-46bd-a8bb-64a05ada9a66">
+        <h6 id="cbd1ee15-745f-4771-b9b3-ba414f8ad133">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="44a81f0d-d582-4b4c-817b-424946d59e58"><code class="python">from bootwrap import Form, Button
+        <pre id="5c619800-428d-498d-8509-e40b0955284a"><code class="python">from bootwrap import Form, Button
 
 # Note, that Button inherits ActionMixin.
 form = Form(
@@ -2345,34 +2345,34 @@ form = Form(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="b2a2ac37-53f3-4a04-97f6-e7020424d176">
-       <div class="d-flex justify-content-between" id="e5014260-dabb-44b0-b211-ea80136f2538">
-        <h4 id="94f03030-e733-407d-adc9-3d8591200778">
+      <div class="mt-5" id="8dbb5912-478a-4709-a478-64ffcd3a2319">
+       <div class="d-flex justify-content-between" id="215b582b-033f-418e-9cac-ac9696b0203c">
+        <h4 id="5c353897-032d-4c2c-b346-23443a7c38ce">
          Method
-         <span class="text-primary" id="dd3eb5aa-fbfd-42d4-8548-54ab5c403bba">
+         <span class="text-primary" id="e5b3d99d-df53-4601-97bf-84e5db3e9ebb">
           toggle
          </span>
         </h4>
-        <div id="774f7082-725a-4616-93ba-2556d8149887">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#83282ded-f38e-4562-a25d-1aefb33d211b" data-bs-toggle="collapse" id="1b0efdbd-4354-4fbf-9785-fb2245112d1b" onclick="return false;" type="button">
+        <div id="b13f820a-b651-4d06-8a69-b4eab0e899e4">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#84c9a3ca-6355-4559-a32f-da338e5f81e2" data-bs-toggle="collapse" id="e0e13179-239f-4fd1-9770-8ebe28996c36" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#802c1f7b-50bf-4ffc-8c08-ef2066878a37" data-bs-toggle="collapse" id="cae5d43d-3c96-43fd-a215-5b747dc306cb" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#50a48a4e-9bdc-4943-aead-5b25070a45ef" data-bs-toggle="collapse" id="aefa33f2-97c4-4b2c-8ad4-187fbc6b7c85" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="0e790f09-0d0b-4db5-8b6a-4e848a7b151d">
+       <span class="text-muted" id="243485e1-62a0-409a-8a37-a57fe5d2be87">
         Toggles an other web component.
        </span>
-       <pre id="42c4f151-3367-4ccb-8399-500b27fe9433"><code class="python">toggle(target)</code></pre>
-       <div class="ms-3 collapse" id="83282ded-f38e-4562-a25d-1aefb33d211b">
-        <h6 id="98ddfeb7-ae76-47fc-abab-33804373b9d4">
+       <pre id="4481cef5-af77-4927-9372-b1b2f0713701"><code class="python">toggle(target)</code></pre>
+       <div class="ms-3 collapse" id="84c9a3ca-6355-4559-a32f-da338e5f81e2">
+        <h6 id="ca2704e8-118c-4f75-b1dd-7df4dfac3140">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="a1fbec26-4736-4923-b607-84d56c3a32f9">
+        <table class="table table-sm bg-light" id="be2e35f0-372c-4616-9bd4-d6276fd69a25">
          <thead>
           <tr>
            <th scope="col">
@@ -2405,13 +2405,13 @@ form = Form(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="802c1f7b-50bf-4ffc-8c08-ef2066878a37">
-        <h6 id="865e23eb-0f94-4dae-bec8-3d6494fa9b9e">
+       <div class="ms-3 collapse" id="50a48a4e-9bdc-4943-aead-5b25070a45ef">
+        <h6 id="80c5a3af-77ea-4d04-9c55-2bdbf5fc6b0c">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="2bae0852-8a4f-4727-97d6-28786519103f">
+        <table class="table table-sm bg-light" id="e15243b9-f5b2-46bd-b529-f3a234670f3a">
          <thead>
           <tr>
            <th scope="col">
@@ -2444,13 +2444,13 @@ form = Form(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f0c01634-15b9-4fe3-8e60-04729b18c430">
-        <h6 id="92023488-5c68-4376-beb8-3b6b4a9ed776">
+       <div class="ms-3" id="3c81a2bc-26d6-4ee3-b187-3bfd8816d090">
+        <h6 id="5903b1b9-e950-4bda-a1f6-444ab89f1e78">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="514132a3-8e2c-4a5a-8fa2-45644f5d6258"><code class="python">from bootwrap import Button, Dialog
+        <pre id="236fa2c6-dd96-40da-853c-92ee255b815d"><code class="python">from bootwrap import Button, Dialog
 
 # Note, that Button inherits ActionMixin.
 dialog = Dialog(...)
@@ -2460,48 +2460,48 @@ button = Button("Open").toggle(dialog)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="79c22976-3964-4015-b425-58c090e760c7">
-     <div class="mt-5" id="35abdce7-8177-43dd-88e9-3ed4daf3d8e0">
-      <div class="d-flex justify-content-between" id="14395d9f-3d8a-470e-bf3d-8d85f2ee48cf">
-       <h1 id="f65eb3ee-5038-490f-9d1e-a22c2b70e2ba">
+    <div class="tab-pane fade" id="ec9f61fb-fdb1-4703-998b-8917ae613e82">
+     <div class="mt-5" id="d20b1625-dcc6-458c-a035-c2fb333f6f77">
+      <div class="d-flex justify-content-between" id="483ef35c-f4f8-4890-ace0-ce8a0fa8bff6">
+       <h1 id="b2821ae6-875b-47a2-9807-c99921c22001">
         Class
-        <span class="text-primary" id="05987504-6c2a-4190-b069-8f7c73dfbbbc">
+        <span class="text-primary" id="b78ebe85-b78c-484f-9281-0dcac040e626">
          AppearanceMixin
         </span>
        </h1>
-       <div id="858e21ff-a23d-420f-8223-b1b81825a232">
+       <div id="90d4f4b2-66b1-416c-b778-7ab0cdb3a232">
        </div>
       </div>
-      <span class="text-muted" id="20751368-311f-4cd6-92ce-8a31c14486e7">
+      <span class="text-muted" id="4083b4b9-e934-462a-8243-5bbe52a3c9ca">
        Mixin for a web component which appearance can be associated
     with predefined categories.
       </span>
-      <pre id="9ba7dc3d-b908-445b-b165-18b3d59010d2"><code class="python">AppearanceMixin()</code></pre>
-      <div class="mt-5" id="ebe2dfc8-bd09-4a00-a9d6-db8d90c3c6ad">
-       <div class="d-flex justify-content-between" id="5e6487fd-d6d2-4c04-990c-ab13e4ba4706">
-        <h4 id="ea6db528-01f8-4ec1-80eb-b1e2db581fb7">
+      <pre id="5ee6912f-90e5-4ede-92ce-528c44aee9ed"><code class="python">AppearanceMixin()</code></pre>
+      <div class="mt-5" id="714b5bd7-e6f0-426d-9535-dca0b0ed5828">
+       <div class="d-flex justify-content-between" id="f5df11c8-1093-4453-b4e2-33221120c1ec">
+        <h4 id="27f8bc58-f5a4-412c-9251-605bfa77726b">
          Method
-         <span class="text-primary" id="0c0bda7d-bc1d-41fb-8f23-47626a315111">
+         <span class="text-primary" id="0d99a767-033c-4692-bd10-e808306db0ba">
           as_danger
          </span>
         </h4>
-        <div id="86f9d8ce-09b2-4bb0-9182-c28a247ea398">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#7ce6b4fb-4a92-4cc9-8ebc-d844ef8af802" data-bs-toggle="collapse" id="fa08feb3-767d-4052-82e9-2413bb29fb15" onclick="return false;" type="button">
+        <div id="c9ab8004-1bee-4282-9f18-f4a3870b2e9b">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#366472e8-ff01-459f-89d0-01af9d5c9ab5" data-bs-toggle="collapse" id="198453d4-34a6-4d01-9d54-f0cdac315872" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="6489d4e3-faa9-4fe4-b3b6-9268110f9456">
+       <span class="text-muted" id="2b379914-c706-4ae0-868b-15c73962c5da">
         Makes the 'danger' look to a web components.
        </span>
-       <pre id="c14f0393-3b52-4c0d-8d39-c5c6b533077e"><code class="python">as_danger()</code></pre>
-       <div class="ms-3 collapse" id="7ce6b4fb-4a92-4cc9-8ebc-d844ef8af802">
-        <h6 id="a613022e-6744-4864-a200-69f29d647657">
+       <pre id="c98dc85b-edc1-4b4b-a35e-cab070dc4f82"><code class="python">as_danger()</code></pre>
+       <div class="ms-3 collapse" id="366472e8-ff01-459f-89d0-01af9d5c9ab5">
+        <h6 id="d4dce61e-be8f-4fee-ab0e-e28d43c2794a">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="b04d1614-8c30-40d8-b1c4-68669847e3a1">
+        <table class="table table-sm bg-light" id="eab8200f-7662-400e-826a-c09008ba42b3">
          <thead>
           <tr>
            <th scope="col">
@@ -2534,44 +2534,44 @@ button = Button("Open").toggle(dialog)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="68cd972e-08d8-4db5-b907-b7560859b9ee">
-        <h6 id="6a6a627b-4471-4e54-9c7b-b2788eaf61c1">
+       <div class="ms-3" id="2fa8842d-08d4-4e16-a978-3f369ceb6999">
+        <h6 id="5b2a15f7-758a-416f-ac6f-09435dafdb90">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="4348b76e-0025-403a-88f4-c4f70e9efb3e"><code class="python">from bootwrap import Button
+        <pre id="a657af80-dd52-4f15-a526-009695573e6d"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Danger").as_danger()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="9484b9a1-43ce-4f91-9c0f-b3599670802f">
-       <div class="d-flex justify-content-between" id="e7fd70fe-5ca1-4e6e-b631-5bf8f2f746df">
-        <h4 id="1e39ffb0-d021-4f87-aab1-372523764cc8">
+      <div class="mt-5" id="a506c855-b971-43ce-91ec-b566fb986574">
+       <div class="d-flex justify-content-between" id="a38713bd-3619-48ff-9609-efff8b2ab206">
+        <h4 id="9a29345f-9fa8-492c-b498-6ee3e7cca4f9">
          Method
-         <span class="text-primary" id="43c27e0b-e555-4ce0-a4f1-0ddcdde3d983">
+         <span class="text-primary" id="cdcb2678-ecc8-4ae5-9a39-4c21f3448804">
           as_dark
          </span>
         </h4>
-        <div id="812c896b-96bb-4da7-9cf5-bfe0ef24cd98">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#4445cadb-ce1b-43ae-bccd-a76128eafdb8" data-bs-toggle="collapse" id="a9c035cf-a104-417a-bfd3-4a284d3f7235" onclick="return false;" type="button">
+        <div id="ee382a58-5a03-4172-94f1-e47d609e2447">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#eed83ec1-c0aa-43ad-98c6-763f080c9470" data-bs-toggle="collapse" id="6a923b95-a05f-4cd8-86b6-c90ffeae41cc" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="1e8f99e7-1687-454b-940b-7754045e1bba">
+       <span class="text-muted" id="64e3bdef-8362-4e56-8c51-38e07e6dde55">
         Makes the 'dark' look to a web components.
        </span>
-       <pre id="d85e94f9-a946-4600-a858-ccd441e97622"><code class="python">as_dark()</code></pre>
-       <div class="ms-3 collapse" id="4445cadb-ce1b-43ae-bccd-a76128eafdb8">
-        <h6 id="1a669b73-6945-4e6c-8b39-46d023d55b91">
+       <pre id="5bbccfe8-d660-41b3-8e91-1546a6d6062c"><code class="python">as_dark()</code></pre>
+       <div class="ms-3 collapse" id="eed83ec1-c0aa-43ad-98c6-763f080c9470">
+        <h6 id="3b4251fa-d417-4cc9-a87f-9d7245262e08">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="56ef0c0e-8525-4341-8acc-ae6a713edc7a">
+        <table class="table table-sm bg-light" id="b5baa345-2da1-4818-9771-e543ad84a758">
          <thead>
           <tr>
            <th scope="col">
@@ -2604,44 +2604,44 @@ button = ("Danger").as_danger()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="c0ee4769-863b-487e-88fd-2139f379daf5">
-        <h6 id="bed46121-eddf-4d27-ac4c-f0b000289c6f">
+       <div class="ms-3" id="25008e2a-3106-401a-b1c8-30029d98615e">
+        <h6 id="08e9188e-2e9f-47e2-851f-f1a3ab5077fd">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="66838b43-b9f0-4232-8268-fa9802359dbc"><code class="python">from bootwrap import Button
+        <pre id="c874c495-2b59-430e-9d9d-8d9475e94c9b"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Dark").as_dark()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="855cccec-9574-4045-83fb-59795f11baf5">
-       <div class="d-flex justify-content-between" id="a8496c00-101d-449a-8953-81296c99e6b8">
-        <h4 id="b66c388f-f058-463a-9490-51ee04eb12c0">
+      <div class="mt-5" id="27c362b0-0aee-4ed4-852e-1005d7c47942">
+       <div class="d-flex justify-content-between" id="adb368fe-34d7-4333-92a8-58d0a2e8a844">
+        <h4 id="9622a358-4521-47cc-9304-5d89457e7f7b">
          Method
-         <span class="text-primary" id="773f947a-288c-4993-ab3e-6111d7c90c73">
+         <span class="text-primary" id="27d658f2-676b-48ab-bf2b-def595fd9700">
           as_info
          </span>
         </h4>
-        <div id="a6394102-9e43-4241-a385-a09ca3ec9280">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#cd853493-591a-4284-ba48-8e5ddda9a377" data-bs-toggle="collapse" id="d12e4342-e3c7-4a32-ba01-c1da57392e8c" onclick="return false;" type="button">
+        <div id="029a04bd-0363-42f5-ba08-3007876e5b82">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#4e7e3d64-f322-4090-b7fb-560f3e8ece32" data-bs-toggle="collapse" id="31b066b6-5736-4ee5-91eb-315e42719609" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="34ebc4e9-751d-449d-814c-d046118ccdcf">
+       <span class="text-muted" id="d7f59260-64ef-4787-8512-2a5238d4d48a">
         Makes the 'info' look to a web components.
        </span>
-       <pre id="87a9cd5b-516e-4f8c-8b51-903e0f26ad38"><code class="python">as_info()</code></pre>
-       <div class="ms-3 collapse" id="cd853493-591a-4284-ba48-8e5ddda9a377">
-        <h6 id="732f5963-5c90-4919-83df-b203c765ac99">
+       <pre id="b7a17228-0da2-4475-86ab-0a4142d2fcca"><code class="python">as_info()</code></pre>
+       <div class="ms-3 collapse" id="4e7e3d64-f322-4090-b7fb-560f3e8ece32">
+        <h6 id="dd845c4c-b7ab-462a-adee-3c04cc9c0430">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="bb55563e-8860-4741-908e-4743f56b5942">
+        <table class="table table-sm bg-light" id="18997b97-0907-4f13-9f85-8e47b7621a0b">
          <thead>
           <tr>
            <th scope="col">
@@ -2674,44 +2674,44 @@ button = ("Dark").as_dark()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="56659a97-0c5a-459a-8607-12d053b52b3e">
-        <h6 id="c871efbe-8018-40af-bd4a-0158af13e754">
+       <div class="ms-3" id="d329f616-7ea3-4b16-8966-2bc7d830cf63">
+        <h6 id="d038af8d-c51d-40d5-90d6-e1abdacc453b">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="c9a349c4-337a-4fd9-b0d2-54d447e97d3e"><code class="python">from bootwrap import Button
+        <pre id="187fa1e2-181d-4853-8118-78b280adb048"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Info").as_info()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="257a4aea-756b-4112-a59f-7ed6d2a71866">
-       <div class="d-flex justify-content-between" id="0568883f-f61d-40be-8375-6665fa88b1ba">
-        <h4 id="7ab0981f-3b6b-4d9d-906a-8259dbd7aea4">
+      <div class="mt-5" id="264b85ff-862e-40b3-9095-ab72a4c570d0">
+       <div class="d-flex justify-content-between" id="1ef4bb7d-1574-4909-ae87-0c63711c23f1">
+        <h4 id="90f5a0b7-711f-4785-bcdc-983934b311f2">
          Method
-         <span class="text-primary" id="df719fb3-b9c6-4012-9098-eb7fb81e2fc9">
+         <span class="text-primary" id="706c888a-8423-48c2-8efb-d55fb81f4d43">
           as_light
          </span>
         </h4>
-        <div id="420c0df6-08a9-47ba-9bff-4739a783483b">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d83b0a09-016a-417a-818c-4d71839ef3bb" data-bs-toggle="collapse" id="18a46564-1b13-48f9-9838-583c334613bb" onclick="return false;" type="button">
+        <div id="5ec5addb-9873-49e0-95fc-5d01aa8153d9">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#efa77f33-4ab8-404f-ba16-4c29183c1555" data-bs-toggle="collapse" id="224dc0a8-5e50-40b2-8216-9ec9e0fc3a55" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="bf7c4b2c-9d52-4002-96f1-bba284dfc137">
+       <span class="text-muted" id="fb0ba591-a305-4377-a4f5-b92eeff94420">
         Makes the 'light' look to a web components.
        </span>
-       <pre id="c0bef03d-ac76-42fd-96b8-b3074e086e7c"><code class="python">as_light()</code></pre>
-       <div class="ms-3 collapse" id="d83b0a09-016a-417a-818c-4d71839ef3bb">
-        <h6 id="0d73f8e2-223a-42c3-9272-ff7d21d9a51b">
+       <pre id="2e3b86ea-cf58-4768-a611-c4b6f413bd0f"><code class="python">as_light()</code></pre>
+       <div class="ms-3 collapse" id="efa77f33-4ab8-404f-ba16-4c29183c1555">
+        <h6 id="2730b60e-2cbd-4023-8ca8-06a6c22dcaca">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="78941c50-8ace-4a0c-9eee-5b188be2e8f5">
+        <table class="table table-sm bg-light" id="06062146-b3e6-482e-a9df-f2ee66a9327f">
          <thead>
           <tr>
            <th scope="col">
@@ -2744,44 +2744,44 @@ button = ("Info").as_info()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d8c592fc-dd39-4256-9831-4689dd83c3fc">
-        <h6 id="5fa41e42-c79c-44de-8037-a448d9893516">
+       <div class="ms-3" id="7298984e-b183-4d54-9ce4-69e8d5eb003f">
+        <h6 id="b54b33fe-ca02-4361-b014-51619052694e">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="7a28e915-600d-4a1d-abcd-ac06cc341dd7"><code class="python">from bootwrap import Button
+        <pre id="0c9382be-4a37-4870-ac37-c52739b46866"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Light").as_light()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="fd880ac6-dd87-45fa-8ec4-cac3df9a207b">
-       <div class="d-flex justify-content-between" id="d3d7f562-45a1-452a-a3fc-8120936b4b92">
-        <h4 id="ca5e707d-eed8-4938-978c-151fc9a64ac4">
+      <div class="mt-5" id="65a4d206-9cad-4b53-8d2a-9cc45641e029">
+       <div class="d-flex justify-content-between" id="3d1337dc-d14a-4d3f-a169-aceaa9483283">
+        <h4 id="02811ce9-f42e-498d-9222-dd7a3006237b">
          Method
-         <span class="text-primary" id="939af860-c8d3-4ae0-8108-b4e84c8e554d">
+         <span class="text-primary" id="ea56f08c-67e2-4c64-8746-3371d1e98316">
           as_primary
          </span>
         </h4>
-        <div id="4c816cc0-ffec-4006-b7ba-d027a4aedb1a">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f2c4e3ce-ad8f-4287-9ad5-6cf7def37dc3" data-bs-toggle="collapse" id="f411259c-a8c5-441c-b0e3-7bf4b20c5e3c" onclick="return false;" type="button">
+        <div id="0641ad11-79f4-4e70-a693-0a0a6d5d3580">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#db8d8167-3ab1-4454-a135-afa6c46f665c" data-bs-toggle="collapse" id="347f1db0-6de5-4be0-a443-53a871843901" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="2420c300-26fa-45aa-a5ee-323a4475b47c">
+       <span class="text-muted" id="153e3da4-53cb-4158-8969-7e65d1334e5a">
         Makes the 'primary' look to a web components.
        </span>
-       <pre id="e2848cec-e3f7-45cc-a908-28865509d7d1"><code class="python">as_primary()</code></pre>
-       <div class="ms-3 collapse" id="f2c4e3ce-ad8f-4287-9ad5-6cf7def37dc3">
-        <h6 id="4b96fe2a-cd0d-4001-aa36-4ad6252c98e2">
+       <pre id="fc4cf5ec-3365-440a-8f86-39c8618d5cb9"><code class="python">as_primary()</code></pre>
+       <div class="ms-3 collapse" id="db8d8167-3ab1-4454-a135-afa6c46f665c">
+        <h6 id="9c054307-98b1-4d3b-b58c-f3c1af9ea510">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="d4d03273-cde2-462c-9c43-13873d8964d8">
+        <table class="table table-sm bg-light" id="f43bc5c9-fcf3-4145-8592-07101a3e9ac8">
          <thead>
           <tr>
            <th scope="col">
@@ -2814,44 +2814,44 @@ button = ("Light").as_light()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4e966b3a-d50e-4196-b165-b140f17c9a44">
-        <h6 id="53453ef5-3689-4689-898d-a6dfc61e0753">
+       <div class="ms-3" id="d69a9606-f9b6-4b5c-b545-c6cff11b2cad">
+        <h6 id="2e57b294-c0da-47be-99f3-864100c48eb0">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="6418ade7-58c2-4d62-929a-c1836277c257"><code class="python">from bootwrap import Button
+        <pre id="1fcaa977-8d38-4f79-851f-9636c9ec3e49"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_primary()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="53daa64d-2e5c-4eea-ab7f-a7f904e39924">
-       <div class="d-flex justify-content-between" id="05ecf11a-21ff-453f-8893-a08e3a193666">
-        <h4 id="01c01e30-ca27-48b4-8763-d10ac8e27d0f">
+      <div class="mt-5" id="1c52f534-8771-4d9a-b062-eacace63cdf2">
+       <div class="d-flex justify-content-between" id="d650316b-1b14-46ea-8e8b-383267d037d4">
+        <h4 id="018fd7ac-f4e2-4548-982e-d76e47937dae">
          Method
-         <span class="text-primary" id="91480352-4279-4470-ad88-9f6d7ab16f73">
+         <span class="text-primary" id="e3ab40e6-e501-43d1-8289-97f31621ea5c">
           as_secondary
          </span>
         </h4>
-        <div id="2ad519b3-cdfd-4d4b-8321-c018b784e6c7">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#70676497-58df-4758-bee7-a72e2abc38fc" data-bs-toggle="collapse" id="f76db1c3-aaeb-46ab-9a67-ce9b10d0aee1" onclick="return false;" type="button">
+        <div id="f8a0a96d-ac8e-4bdf-9d26-3db55dc7e449">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#1c2ba540-4afd-42bf-826d-26ed89c06176" data-bs-toggle="collapse" id="240db79b-477b-4512-b3dd-366ba6e5ee32" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="1686f613-9a36-4972-8831-cad41c071cdf">
+       <span class="text-muted" id="662379ba-9a64-4bc0-9ee8-4fcc7b99105b">
         Makes the 'secondary' look to a web components.
        </span>
-       <pre id="a97e8fa2-49c0-486f-9ba0-4e27cd0af6ec"><code class="python">as_secondary()</code></pre>
-       <div class="ms-3 collapse" id="70676497-58df-4758-bee7-a72e2abc38fc">
-        <h6 id="18108a9c-ffa1-4894-92f9-8e77993d0a6b">
+       <pre id="b728dda7-b808-4f6b-91ef-2269f4ce0440"><code class="python">as_secondary()</code></pre>
+       <div class="ms-3 collapse" id="1c2ba540-4afd-42bf-826d-26ed89c06176">
+        <h6 id="48b5ccd0-6192-4a1a-bd6f-5150a4de70e1">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="1d7aa3b5-8222-4ac7-85ae-2431cfdd7f91">
+        <table class="table table-sm bg-light" id="9e156e79-4bed-4d00-b8bd-dbb9e77989a7">
          <thead>
           <tr>
            <th scope="col">
@@ -2884,44 +2884,44 @@ button = ("Primary").as_primary()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="76c66db8-100f-48f9-ab6d-f270d7f77b5f">
-        <h6 id="d0990226-dbd7-4c4e-b3da-2cfe375b2019">
+       <div class="ms-3" id="c6fd85ed-6555-4332-9030-9b1acfe19429">
+        <h6 id="14e53224-45a6-4c41-a07e-166b472eb2fa">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="87cf525c-de10-46f0-bdd0-3fe1b95061c9"><code class="python">from bootwrap import Button
+        <pre id="c890c432-fcf3-482e-85d5-556018af52c3"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Secondary").as_secondary()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="0df4289f-056d-4c01-87d9-332a996453f0">
-       <div class="d-flex justify-content-between" id="614cf685-1a89-40d5-91d0-c714838bd4ad">
-        <h4 id="918c3202-ff8d-499d-a375-2124be284a51">
+      <div class="mt-5" id="d8eff278-fa2c-4b6e-8603-15da990ec9db">
+       <div class="d-flex justify-content-between" id="6f6f35e0-5f6b-4c33-9bad-73d66b96f020">
+        <h4 id="70ea12e7-2aec-40ae-af8a-170351fe8072">
          Method
-         <span class="text-primary" id="cc69bdce-c0c5-43d9-8387-1b402cb4a567">
+         <span class="text-primary" id="a96074ec-4b61-40f7-bf17-7a8bb40defe9">
           as_success
          </span>
         </h4>
-        <div id="afc6c9cc-28d4-4c58-b90d-4e2386001019">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#528bcf91-c291-4c9f-a16b-e9151a07cb1a" data-bs-toggle="collapse" id="da4ba34d-4ef7-4fbc-9ee9-dfdc9ef4f76b" onclick="return false;" type="button">
+        <div id="10443e6d-8762-4022-ace6-403120ae803b">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f95c0afe-1538-4876-b66d-0b4324a3f0f1" data-bs-toggle="collapse" id="74b1ca0c-4ba7-4464-a07e-b2248e976613" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8944e932-9c43-4893-bf38-4325f2a9d050">
+       <span class="text-muted" id="1a3a3b16-d96d-4a66-aae7-7bbed3909a79">
         Makes the 'success' look to a web components.
        </span>
-       <pre id="f9f5a4be-f408-4873-8b3f-f22c4b91d812"><code class="python">as_success()</code></pre>
-       <div class="ms-3 collapse" id="528bcf91-c291-4c9f-a16b-e9151a07cb1a">
-        <h6 id="e0dd7297-e214-467b-8b94-27e4ba507ebb">
+       <pre id="c7a52f7c-c785-41c3-8624-985620fb9fc7"><code class="python">as_success()</code></pre>
+       <div class="ms-3 collapse" id="f95c0afe-1538-4876-b66d-0b4324a3f0f1">
+        <h6 id="8e350199-7d0c-48d5-b241-0448597cbd6d">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="b2d5c71a-d9ac-4c98-88d9-b659a9190204">
+        <table class="table table-sm bg-light" id="95122153-9df7-452b-8a85-8c5282ef8b40">
          <thead>
           <tr>
            <th scope="col">
@@ -2954,44 +2954,44 @@ button = ("Secondary").as_secondary()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="62bda440-512c-4021-8818-059e76156e3a">
-        <h6 id="22db30d5-2022-4d02-9a71-383b8415d770">
+       <div class="ms-3" id="e54bf1aa-68bb-44c6-b2cc-e02977e54752">
+        <h6 id="209a30e2-995e-4b08-9079-9a8fa03d1cdd">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="deb8b995-2b4e-4542-83fa-755d49e22905"><code class="python">from bootwrap import Button
+        <pre id="7adde25f-38d7-4451-9ece-66f0a821fe7a"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Success").as_success()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="65787486-4035-4f01-8630-73cabd0c60ad">
-       <div class="d-flex justify-content-between" id="97c8482f-e64c-41e0-a222-396930e0258e">
-        <h4 id="7a2d9da8-d774-4d62-80a4-43c7d00220f8">
+      <div class="mt-5" id="2673838b-5f78-49e3-8808-07f55463eb1d">
+       <div class="d-flex justify-content-between" id="e1910d46-6301-4019-858e-2bb7e35ca00d">
+        <h4 id="72b34c0a-0546-4c76-8f35-c2fc40d56fd3">
          Method
-         <span class="text-primary" id="97bbadba-2592-4396-9c66-37b9a23fd776">
+         <span class="text-primary" id="f30105bf-f806-4668-81d1-54463fcb89fb">
           as_warning
          </span>
         </h4>
-        <div id="1cf4e1f4-bb2a-42fe-8fd1-3ec9438cae46">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3fd7150a-3cf8-4305-9062-fb702fff8546" data-bs-toggle="collapse" id="7a6771d3-4504-418d-9cff-11bc3014e7c2" onclick="return false;" type="button">
+        <div id="ce6d48f5-7274-4ca3-b482-2d34f5f20661">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ab33f569-7a87-40c3-baa8-f3787c1a6167" data-bs-toggle="collapse" id="6f8937b9-7797-490a-9946-6bef9c518683" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="86ce62ff-326d-495a-b651-2b71d3403915">
+       <span class="text-muted" id="78de6ddb-3c76-4500-a710-681cddb72b82">
         Makes the 'warning' look to a web components.
        </span>
-       <pre id="dda3d843-46cc-4273-8520-7d58d317f6f6"><code class="python">as_warning()</code></pre>
-       <div class="ms-3 collapse" id="3fd7150a-3cf8-4305-9062-fb702fff8546">
-        <h6 id="4dea3014-c911-4b10-9a07-7cad14d07679">
+       <pre id="53bc5b77-ecd5-42ce-ae48-5ab87ffa5c77"><code class="python">as_warning()</code></pre>
+       <div class="ms-3 collapse" id="ab33f569-7a87-40c3-baa8-f3787c1a6167">
+        <h6 id="2de1f160-bf6f-4dbb-a93e-45d59a65c287">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="1db1fcbe-dd17-457f-b444-6206f2d11bb0">
+        <table class="table table-sm bg-light" id="b92b1c2a-1881-438b-a397-1cc79731425d">
          <thead>
           <tr>
            <th scope="col">
@@ -3024,13 +3024,13 @@ button = ("Success").as_success()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4cfdf303-ff5d-4b1c-a52f-6ec583e1c787">
-        <h6 id="07d6ce36-0105-42bd-86bc-fe44f5f3dfae">
+       <div class="ms-3" id="248163a0-89e2-4c14-9791-048ef2962b98">
+        <h6 id="860d92dd-a360-45e0-b3f9-c7fef28519ce">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="dfe99959-bb31-41a6-9a95-3b7abe9eb546"><code class="python">from bootwrap import Button
+        <pre id="da61c679-e9ec-4f47-b6ba-4e5355b151f2"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Warning").as_warning()
@@ -3039,23 +3039,23 @@ button = ("Warning").as_warning()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="63958180-fae2-4a4c-bd73-affab550e300">
-     <div class="mt-5" id="b5d658f7-fd26-490d-abe9-562d1dacef2e">
-      <div class="d-flex justify-content-between" id="a1440fa6-7488-4f94-b93c-14be80441139">
-       <h1 id="b7d8ce9a-9fae-45ea-b19e-349876ca3e5e">
+    <div class="tab-pane fade" id="d5adb124-ba0d-4a87-8f30-878ae41948de">
+     <div class="mt-5" id="5ca8e896-0545-4358-ae72-f85915c4cd47">
+      <div class="d-flex justify-content-between" id="8c05e94d-2db0-4b41-a056-269174d19885">
+       <h1 id="37553da5-e197-4334-8654-ebae765276bd">
         Class
-        <span class="text-primary" id="4c907320-dae5-43f4-83e0-67d536730a8f">
+        <span class="text-primary" id="c8e7230d-908b-4365-8147-47cc498779d0">
          OutlineMixin
         </span>
        </h1>
-       <div id="7ccfae22-2aaa-4551-81d2-74a4cd246f2d">
+       <div id="c7ebf555-dc7c-4440-b80e-7fb73bf4f7c5">
        </div>
       </div>
-      <span class="text-muted" id="f90c4cad-288b-4014-a024-bb9aec1b52b8">
+      <span class="text-muted" id="f219ee83-2f3e-45c7-a3aa-9bd74a6e74b7">
        Mixin for a web component that can be surrounded by a border.
       </span>
-      <pre id="4d374bb1-4303-4c3e-a339-db76a018bb3f"><code class="python">OutlineMixin()</code></pre>
-      <p id="351246a8-832a-457d-8b76-1ae44fc09f09">
+      <pre id="f9d217c7-880d-4ff0-8e4c-751d475b544a"><code class="python">OutlineMixin()</code></pre>
+      <p id="42683b18-2ea7-4358-b343-a271e15f7197">
        Usually
        <code>
         OutlineMixin
@@ -3067,31 +3067,31 @@ button = ("Warning").as_warning()
        to
     specify the border appearance.
       </p>
-      <div class="mt-5" id="89f71c27-db36-423f-b11b-3582172fdf39">
-       <div class="d-flex justify-content-between" id="74a1dff3-13e7-443f-9cf3-60ea4303e310">
-        <h4 id="48849053-3b9b-4502-a459-837fa0a26ed5">
+      <div class="mt-5" id="c34d9868-e62d-4d9a-b49d-f8d8d9eda1c3">
+       <div class="d-flex justify-content-between" id="0686e09b-dc17-4ac6-9321-b46911cfd6e6">
+        <h4 id="c7dd07b4-4780-4099-9318-b17199ad7a6c">
          Method
-         <span class="text-primary" id="8673f080-f41c-4aff-8f03-14a8c042a2e4">
+         <span class="text-primary" id="cc1778a7-bab9-4809-8bf2-bb38afe4f354">
           as_outline
          </span>
         </h4>
-        <div id="f0c6dbcb-41a6-4441-9280-1f96766b5f53">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#1488bbea-14b7-4f86-840e-39d6c7905ad7" data-bs-toggle="collapse" id="26aab68a-452c-469b-b671-dd16ea83ba32" onclick="return false;" type="button">
+        <div id="fa353f6b-6a19-47fe-be6f-4ab0be4b7234">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#0c25b7e7-4318-4273-adad-218fc30c5b58" data-bs-toggle="collapse" id="9224c8b5-287c-4904-abad-1b9431e69168" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8fa93a76-38e1-442a-9818-23e5df8751b9">
+       <span class="text-muted" id="9dd5437d-798b-4fc7-a3fd-1ee33f69231d">
         Makes the web component surrounded by a border.
        </span>
-       <pre id="3321c200-cd4e-49fc-8a6c-8ca458de593b"><code class="python">as_outline()</code></pre>
-       <div class="ms-3 collapse" id="1488bbea-14b7-4f86-840e-39d6c7905ad7">
-        <h6 id="6666a144-b249-4ddd-9cb4-24ffc8c89f42">
+       <pre id="6ae6f3d8-1b11-4d34-900e-158a4915536b"><code class="python">as_outline()</code></pre>
+       <div class="ms-3 collapse" id="0c25b7e7-4318-4273-adad-218fc30c5b58">
+        <h6 id="dcdb72b2-3213-4588-9e8c-771c63771cc7">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="a0e04605-8b1f-49e0-899d-5460fe0bda95">
+        <table class="table table-sm bg-light" id="c69a604c-4d89-4b5f-9211-a326ceb4e746">
          <thead>
           <tr>
            <th scope="col">
@@ -3124,13 +3124,13 @@ button = ("Warning").as_warning()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="390ba175-6d6c-4b57-a2d4-f816a3a093b0">
-        <h6 id="d970c341-6c67-492b-bd32-6d26514ad2ed">
+       <div class="ms-3" id="77792654-be05-4e5a-b10e-77c360a92916">
+        <h6 id="0b4972f1-d662-463e-b964-4c582678354f">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="e6ce4897-e49b-42cd-810f-55752578847b"><code class="python">from bootwrap import Button
+        <pre id="5effdf97-0107-432e-bb6b-ea552d3dfe1a"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_primary().as_outline()
@@ -3139,51 +3139,51 @@ button = ("Primary").as_primary().as_outline()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="680beb3d-85cd-4fe6-a944-53c24913397f">
-     <div class="mt-5" id="487663fb-f555-4619-a8c3-e0bd3734b42a">
-      <div class="d-flex justify-content-between" id="14ec2dd8-beea-4601-b8fc-a638ef0205fb">
-       <h1 id="113b2336-a4cb-4efc-bcc5-77a2e00a688c">
+    <div class="tab-pane fade" id="7d094c5d-efd1-490c-a881-2ed743811df8">
+     <div class="mt-5" id="7e89b36e-df45-4e43-9bad-d58fb746f704">
+      <div class="d-flex justify-content-between" id="f5cf678c-4e53-440b-bab1-ce21d5cfe006">
+       <h1 id="41f8a521-4cd6-4590-81dd-d0c2f0d80d4f">
         Class
-        <span class="text-primary" id="2f86e7f1-ea8d-4052-88ab-4d42fbabc5fe">
+        <span class="text-primary" id="ead352f7-4670-48cb-8f9f-7e08e8077005">
          AvailabilityMixin
         </span>
        </h1>
-       <div id="24926ccf-f580-481e-87b6-b62badad1a59">
+       <div id="56a58ceb-f426-4aa0-aa49-c816efe9832b">
        </div>
       </div>
-      <span class="text-muted" id="52165743-ad99-467c-8458-60bb2a25de7e">
+      <span class="text-muted" id="bbc97115-3efb-48e4-ab03-9b5a1bef25a2">
        Mixin for a web component which can be enabled or disabled.
       </span>
-      <pre id="264af51e-0a97-48ce-9b5a-f44c8b818b4a"><code class="python">AvailabilityMixin()</code></pre>
-      <p id="bc2ed1bb-e008-4e7d-99c2-8cede41b8f48">
+      <pre id="a753c00a-d29c-466a-a910-f3ed20e92aed"><code class="python">AvailabilityMixin()</code></pre>
+      <p id="92fa75c7-be4c-407a-816f-f3cceb8424f6">
        By default, every web component is enabled. The web components inheriting
     this class can be forced to be disabled.
       </p>
-      <div class="mt-5" id="f3bd57a1-212a-4934-96b2-1dc6d8eeb7fe">
-       <div class="d-flex justify-content-between" id="cfc3c280-0511-4340-a9c5-ae7ad617f119">
-        <h4 id="6a949197-f950-4de3-a8ad-b616104db265">
+      <div class="mt-5" id="7e62825c-4e56-4e74-ad08-4861436fb994">
+       <div class="d-flex justify-content-between" id="c07da477-21df-43cd-a436-ea8baf7060ad">
+        <h4 id="a026f48a-d3b6-4e47-bdfe-fddd2dd87584">
          Method
-         <span class="text-primary" id="a8efbfb7-7417-487b-954d-2418df23ae30">
+         <span class="text-primary" id="65eab0c6-4da6-4376-86bb-dc36a26e688a">
           as_disabled
          </span>
         </h4>
-        <div id="f80d5500-d946-45ae-95c0-c1bb9a820e30">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e899c6bd-3978-48d9-936d-b7cdf0a63109" data-bs-toggle="collapse" id="9ce63a1d-9052-49eb-894c-948496171811" onclick="return false;" type="button">
+        <div id="0bfef521-c803-4778-9a29-89daf023827c">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#5a6bebda-9462-4c1e-bf79-27f9130e4ae1" data-bs-toggle="collapse" id="b19a726c-0f19-4456-a780-ee8528a3c54e" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8710093c-b5b0-451a-ab91-5b01921d53f6">
+       <span class="text-muted" id="59237698-35ec-4e5a-abe2-60dbd7009807">
         Disables a web component.
        </span>
-       <pre id="ab3d63a8-7cb0-4697-83a3-8d0bf9807817"><code class="python">as_disabled()</code></pre>
-       <div class="ms-3 collapse" id="e899c6bd-3978-48d9-936d-b7cdf0a63109">
-        <h6 id="5f2e31bd-4ca5-4dc3-ac40-7606696b647c">
+       <pre id="c0bff1d4-7e2a-45b7-b0f6-295e2ad6cfb7"><code class="python">as_disabled()</code></pre>
+       <div class="ms-3 collapse" id="5a6bebda-9462-4c1e-bf79-27f9130e4ae1">
+        <h6 id="144d5dab-36ab-42fc-931a-b85447f68e23">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="16bcc85a-3953-4272-bc9a-5f3e2ec3eeb8">
+        <table class="table table-sm bg-light" id="5676b5fa-3e35-4418-a3b0-368019a6a891">
          <thead>
           <tr>
            <th scope="col">
@@ -3216,13 +3216,13 @@ button = ("Primary").as_primary().as_outline()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="18a5be4e-e5df-4f2d-ae12-c9fb934d75de">
-        <h6 id="ff10f725-7ac3-4a6d-921f-2c67290f42a7">
+       <div class="ms-3" id="9f291b1c-1913-4f04-9b8f-865ac2a7f1e9">
+        <h6 id="37413b7c-3b1b-4548-b6c2-0c6eca7b07f4">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="bb3c9fa7-e03b-46b4-bdeb-436e5d70a6a3"><code class="python">from bootwrap import Button
+        <pre id="59eccd17-4bce-41ec-8539-fb4548022ab4"><code class="python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_disabled()
@@ -3231,56 +3231,56 @@ button = ("Primary").as_disabled()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="ccddcea4-1b30-4c99-b68f-ba5d1128a8fb">
-     <div id="8e5fda94-2165-4d6e-81c1-40186de54c2f">
+    <div class="tab-pane fade" id="dc0c6da3-d05d-456b-b1a5-fd4d60d9c1e9">
+     <div id="3e2521d3-af03-4ce1-8750-98fb814f6935">
       <hr/>
-      <ul class="nav" id="69a64cd4-ad86-4a16-856e-8730984a976d" role="tablist">
+      <ul class="nav" id="b822982f-082b-4b59-a731-befa14341553" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#4c2ca4af-2959-4654-843f-ece98b5b0951" data-bs-toggle="tab" href="#4c2ca4af-2959-4654-843f-ece98b5b0951" id="c3afdcc0-9c53-4439-a097-296263518978" role="tab">
-         <span class="text-secondary" id="0592e651-6469-4988-a3ba-74fdc53339af">
+        <a class="nav-link active" data-bs-target="#81a1c690-093a-4714-81fa-fe29e0023187" data-bs-toggle="tab" href="#81a1c690-093a-4714-81fa-fe29e0023187" id="f12c1e9f-982c-4d08-871a-1d0ac39bc19a" role="tab">
+         <span class="text-secondary" id="08923c0a-1550-4eb0-8670-f30bf7c55087">
           Breakpoint
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#5b9b271d-68a2-4d59-9a8f-c020b95a16c0" data-bs-toggle="tab" href="#5b9b271d-68a2-4d59-9a8f-c020b95a16c0" id="5d0e0858-bb53-4c94-bd6d-49a4328ae785" role="tab">
-         <span class="text-secondary" id="a5c0b57b-6dd6-42ce-a24e-82e62c08772b">
+        <a class="nav-link" data-bs-target="#10fb3ea5-d606-49c1-b0d0-b6e4690db47b" data-bs-toggle="tab" href="#10fb3ea5-d606-49c1-b0d0-b6e4690db47b" id="1f3dcd74-890a-4393-a158-240a9fbf45e7" role="tab">
+         <span class="text-secondary" id="fa0f80be-0734-45d3-bebd-b5808b33c221">
           Action
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="4c2ca4af-2959-4654-843f-ece98b5b0951">
-        <div class="mt-5" id="8e181ba1-55eb-4ab3-a649-e38e9d494b89">
-         <div class="d-flex justify-content-between" id="849b68d4-7e59-4764-9b9d-e98d90826f1f">
-          <h1 id="75d7ec1a-c003-4fbe-b4db-f00f418b4e0a">
+       <div class="tab-pane fade active show" id="81a1c690-093a-4714-81fa-fe29e0023187">
+        <div class="mt-5" id="1f90835b-ad74-4f3b-81da-7501ead7973d">
+         <div class="d-flex justify-content-between" id="e98905d7-a04c-4ca0-b0d9-c55b3fd819a4">
+          <h1 id="5b7abf31-43e4-4c8e-8b95-b80c9c84faf3">
            Class
-           <span class="text-primary" id="50999726-4113-4b3a-a038-55ee8505ddad">
+           <span class="text-primary" id="f6722c84-fc92-425e-b3a5-468ea9181d37">
             Breakpoint
            </span>
           </h1>
-          <div id="a48f3406-e841-4421-8e26-7ad18edaf3c4">
+          <div id="0b321f9b-2305-4632-b5cc-beefe898eb41">
           </div>
          </div>
-         <span class="text-muted" id="d4aff0c9-1ae2-4de0-8110-e2a25cb7d511">
+         <span class="text-muted" id="1067209a-39f3-4c75-93a0-ed6254afc9fd">
           The breakpoint constants.
          </span>
-         <p id="5567df02-375f-4ae0-b134-145464f38ce0">
+         <p id="094e6e41-d8bc-4150-bf8e-4b93fcfeee19">
           Breakpoints are defined by Bootstrap and mostly based on minimum
     viewport widths and allow us to scale up elements as the viewport
     changes.
          </p>
-         <p id="af1493ad-4b8c-424c-baa8-3ccaf282e962">
+         <p id="4a5ab832-b3b9-4bef-93ab-18eae7c93a36">
           See
           <a href="https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints">
            for more information.
           </a>
          </p>
-         <div id="0e515bb3-887d-476b-aaf4-6b33ab303d50">
+         <div id="b39e2de4-ee7c-4122-b11a-7b7919cc4a12">
           <div class="row">
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="b6d4c16e-02f7-4768-81c4-53381bf0460f">
+            <div class="p-1 m-1 border text-center" id="fdc840b8-52ab-4744-b205-283f65f786cb">
              Breakpoint.
              <strong class="text-primary">
               LG
@@ -3288,7 +3288,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="c4f61263-5f9c-4810-a3b1-907fe9a7c0a7">
+            <div class="p-1 m-1 border text-center" id="e969120c-ba56-4838-8ce6-5af674f51835">
              Breakpoint.
              <strong class="text-primary">
               MD
@@ -3296,7 +3296,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="67dea3ff-df66-41d1-8ade-4e7874702409">
+            <div class="p-1 m-1 border text-center" id="0478fefa-1f72-47be-bccc-6d712c75f03d">
              Breakpoint.
              <strong class="text-primary">
               SM
@@ -3304,7 +3304,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="611dd691-837d-47e2-9695-49d838d87a90">
+            <div class="p-1 m-1 border text-center" id="06291aea-70af-4393-a388-92ae4d14d795">
              Breakpoint.
              <strong class="text-primary">
               XL
@@ -3312,7 +3312,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="802106b5-cf80-492d-a37b-1e83947da5ff">
+            <div class="p-1 m-1 border text-center" id="ec7c3323-5928-4032-a284-546860c9d1a5">
              Breakpoint.
              <strong class="text-primary">
               XS
@@ -3323,25 +3323,25 @@ button = ("Primary").as_disabled()
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="5b9b271d-68a2-4d59-9a8f-c020b95a16c0">
-        <div class="mt-5" id="d1b25685-d1b9-4ed4-9739-31266a7615d1">
-         <div class="d-flex justify-content-between" id="3c137e1d-94c0-4ef9-959a-dd7f5f1c0376">
-          <h1 id="39ca60ed-de23-4ecb-8471-a2023b21fbc4">
+       <div class="tab-pane fade" id="10fb3ea5-d606-49c1-b0d0-b6e4690db47b">
+        <div class="mt-5" id="1305a1ea-73f2-42e1-9068-18f9156a0671">
+         <div class="d-flex justify-content-between" id="83d26f9d-1e71-4f19-ba0d-18441404e721">
+          <h1 id="2f17d9b8-08b3-4848-bc9f-d7abc1e77302">
            Class
-           <span class="text-primary" id="ce68efe7-5d08-4acc-b1c4-587aefe3f4ea">
+           <span class="text-primary" id="12defb93-ab59-4506-af51-ca8ec7380ca9">
             Action
            </span>
           </h1>
-          <div id="2df7ff40-7123-4543-a204-bae02cf3ebbb">
+          <div id="4bd6f3c3-0bc1-44f8-a8d7-2d6ae9db0395">
           </div>
          </div>
-         <span class="text-muted" id="0071a789-6e40-4a53-8384-a3316740bfb6">
+         <span class="text-muted" id="7429ff09-f8ea-45fd-a4d7-8fd1d5126e44">
           The action constants.
          </span>
-         <div id="ec352f1e-e0c2-4c93-ae51-3960fc841e61">
+         <div id="40fa9584-532c-46b7-89d4-3ae05dcc0a30">
           <div class="row">
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="e8768135-08c4-49ea-8838-df34f4ddb823">
+            <div class="p-1 m-1 border text-center" id="74fafb66-89f4-4053-9369-1c36f038e016">
              Action.
              <strong class="text-primary">
               DISMISS
@@ -3349,7 +3349,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="3636a0ad-e706-466f-bbe5-a1714a9872cc">
+            <div class="p-1 m-1 border text-center" id="6c0aced3-9e94-4e13-935a-97888bc2489a">
              Action.
              <strong class="text-primary">
               LINK
@@ -3357,7 +3357,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="98fce3e2-6d8f-499d-9d10-f563cdba5a0b">
+            <div class="p-1 m-1 border text-center" id="cf1e438c-fd2e-4b83-ac3b-a4e1696b32ee">
              Action.
              <strong class="text-primary">
               SUBMIT
@@ -3365,7 +3365,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="48161714-a2db-4b74-b12d-0de409f8625b">
+            <div class="p-1 m-1 border text-center" id="cc394db2-dd50-4c8f-a693-24e3dcc5809b">
              Action.
              <strong class="text-primary">
               TOGGLE
diff --git a/docs/components.html b/docs/components.html
index b7c83f2..c8e5c02 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -21,8 +21,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="3df2573c-d6e5-43a0-bb19-5bd95fed8471" src="logo.png" width="32"/>
-   <span class="text-light" id="635022b0-ac11-45bf-8ef2-8e1874f0f9ff">
+   <img alt="Bootwrap Logo" id="5e1e4025-e604-4479-8fb9-892e8fbcab88" src="logo.png" width="32"/>
+   <span class="text-light" id="98379d22-0fd1-4d56-b3b9-0a80d4db08d7">
     <strong>
      Bootwrap
     </strong>
@@ -34,194 +34,194 @@
    <div class="collapse navbar-collapse" id="menu">
     <ul class="navbar-nav me-auto">
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="index.html" id="79dc1440-580d-42c9-a961-fcc699bcfc04">
+      <a class="ms-2 nav-link" href="index.html" id="9d2b7d8e-a3fd-415d-a994-133f11ecefd2">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="18ce48e3-3062-4d9b-b301-6fb5b97a8feb">
+      <a class="ms-2 nav-link" href="layout.html" id="06e29be1-f0c1-4045-8a44-2812e7fc81cc">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="0b48675b-cc73-496c-8692-094e90fd9ad9">
+      <a class="ms-2 nav-link" href="base.html" id="8bdc53c1-e7c1-4d61-8b97-6b0956f64012">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="bf9790f2-95d0-46b1-a1c2-b1a37e4b5415">
+      <a class="ms-2 nav-link" href="components.html" id="8aabb675-6aa4-4ad0-8d9b-e124959da30e">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="6be6ba47-e10c-492c-94ab-2e5ca0939487" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="2802897a-98e2-4c94-b48e-8a7121c1f892" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <ul class="nav nav-pills" id="8b90e308-fe52-4d8d-9a69-0105446baeae" role="tablist">
+   <ul class="nav nav-pills" id="fe655691-91a1-4c50-a618-e61f58cf49a5" role="tablist">
     <li class="nav-item">
-     <a class="nav-link active" data-bs-target="#8ff3f32d-c7a7-4ff0-a828-dda6f60aa90a" data-bs-toggle="tab" href="#8ff3f32d-c7a7-4ff0-a828-dda6f60aa90a" id="1abe15c9-b204-464e-88da-24acbd8f23c4" role="tab">
+     <a class="nav-link active" data-bs-target="#0371f044-e75a-41a1-9343-c540ec981775" data-bs-toggle="tab" href="#0371f044-e75a-41a1-9343-c540ec981775" id="8eb17e2b-913a-49eb-90c8-1cee31566dbe" role="tab">
       Anchor
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#dbf9c549-cede-4fb5-b040-1feb36939434" data-bs-toggle="tab" href="#dbf9c549-cede-4fb5-b040-1feb36939434" id="2376a7a9-3401-4e77-a827-2cf0e1ea8190" role="tab">
+     <a class="nav-link" data-bs-target="#39b1fa39-4055-4fcd-aae9-49039adb697f" data-bs-toggle="tab" href="#39b1fa39-4055-4fcd-aae9-49039adb697f" id="bf8693d4-fa3f-473d-8a71-ca9b4f06bb6a" role="tab">
       Badge
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#1ff363ae-16e9-47d3-8127-2945676fd450" data-bs-toggle="tab" href="#1ff363ae-16e9-47d3-8127-2945676fd450" id="f3f2aa34-ed62-453c-af48-4731cdcae186" role="tab">
+     <a class="nav-link" data-bs-target="#b51cebc0-9799-4539-a4b8-d278c6238ab9" data-bs-toggle="tab" href="#b51cebc0-9799-4539-a4b8-d278c6238ab9" id="f270f263-00e7-40c0-b223-00dec43c3f29" role="tab">
       Button
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#726021a7-0776-4d9d-81b0-1174972425fb" data-bs-toggle="tab" href="#726021a7-0776-4d9d-81b0-1174972425fb" id="fc0f39ef-7823-4c60-9734-d136b95f728a" role="tab">
+     <a class="nav-link" data-bs-target="#8e157bd6-d103-4329-9535-47662da84332" data-bs-toggle="tab" href="#8e157bd6-d103-4329-9535-47662da84332" id="3512ee19-705e-45fd-b272-bb33e61b8163" role="tab">
       ButtonGroup
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#57d1342d-8df1-46eb-8cd1-1884a0d1605b" data-bs-toggle="tab" href="#57d1342d-8df1-46eb-8cd1-1884a0d1605b" id="1bc56f13-141e-4b69-a097-5ca3df8b3fc5" role="tab">
+     <a class="nav-link" data-bs-target="#f6e84fc0-6c41-4e5f-b9a4-97538408ae7f" data-bs-toggle="tab" href="#f6e84fc0-6c41-4e5f-b9a4-97538408ae7f" id="9524301a-39a5-4f88-8498-362e4445561a" role="tab">
       Deck
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#61eb48fb-5614-4a8e-b707-64029022ea20" data-bs-toggle="tab" href="#61eb48fb-5614-4a8e-b707-64029022ea20" id="7b6482f4-16ce-4a9d-b456-ae77383637fd" role="tab">
+     <a class="nav-link" data-bs-target="#87743293-9169-46e5-8042-9ff18cb6b930" data-bs-toggle="tab" href="#87743293-9169-46e5-8042-9ff18cb6b930" id="8b8958e1-dee2-476c-a24b-45fb672a7bcc" role="tab">
       Dialog
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#73cf1e04-ff2f-48b4-8c3b-2618673ff87d" data-bs-toggle="tab" href="#73cf1e04-ff2f-48b4-8c3b-2618673ff87d" id="53fd2041-6e56-48ca-a1cf-10cd99715c67" role="tab">
+     <a class="nav-link" data-bs-target="#b9bf6367-0d86-4009-986a-c38db014776c" data-bs-toggle="tab" href="#b9bf6367-0d86-4009-986a-c38db014776c" id="c93d652f-be45-4e88-8552-05b7aff348ec" role="tab">
       Form
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#61abebd5-343c-4bfc-98c3-850aef1b2771" data-bs-toggle="tab" href="#61abebd5-343c-4bfc-98c3-850aef1b2771" id="0f3e34de-dcce-4083-ab74-91fe1f1fbbe0" role="tab">
+     <a class="nav-link" data-bs-target="#136f2f06-df0c-4f0d-a2fb-1870e8432585" data-bs-toggle="tab" href="#136f2f06-df0c-4f0d-a2fb-1870e8432585" id="544a7796-8cd6-4827-b49f-6ec93ae099f3" role="tab">
       Icon
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#c49e156a-f65f-48e9-af49-6380bf9136c8" data-bs-toggle="tab" href="#c49e156a-f65f-48e9-af49-6380bf9136c8" id="53ebf457-f9ff-4b19-a74d-ba29582819e3" role="tab">
+     <a class="nav-link" data-bs-target="#6ff1b5b1-54e0-451e-b285-485f21e18c32" data-bs-toggle="tab" href="#6ff1b5b1-54e0-451e-b285-485f21e18c32" id="35d594ca-e1c7-40c5-ae3d-af173de2880c" role="tab">
       Image
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#6edbc7fb-fac3-404a-aadd-866ea99cfe1a" data-bs-toggle="tab" href="#6edbc7fb-fac3-404a-aadd-866ea99cfe1a" id="eb170651-5100-41a2-a3d7-ccefd0c643f3" role="tab">
+     <a class="nav-link" data-bs-target="#817f368e-8a6d-45b1-86c2-c41073535413" data-bs-toggle="tab" href="#817f368e-8a6d-45b1-86c2-c41073535413" id="a28e18e5-381c-4f5a-b5d7-cb8df07565ab" role="tab">
       Javascript
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#f07fc2a8-3c2b-4286-b0ff-6ae10bd66fc3" data-bs-toggle="tab" href="#f07fc2a8-3c2b-4286-b0ff-6ae10bd66fc3" id="ec09ead5-6d4b-43cc-9d33-c9e63969fed3" role="tab">
+     <a class="nav-link" data-bs-target="#9c25c336-e248-4a2c-bfda-0c3ded5cda58" data-bs-toggle="tab" href="#9c25c336-e248-4a2c-bfda-0c3ded5cda58" id="4a5be667-c93a-40cb-8a90-4c17834b135b" role="tab">
       Link
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#95b97f6e-1026-4c14-a1bd-928faed89afc" data-bs-toggle="tab" href="#95b97f6e-1026-4c14-a1bd-928faed89afc" id="9405a530-6674-444a-a1da-c33dceec8cad" role="tab">
+     <a class="nav-link" data-bs-target="#5d7272c7-3441-4e9f-a8f5-9e032211a044" data-bs-toggle="tab" href="#5d7272c7-3441-4e9f-a8f5-9e032211a044" id="3b8e8a2c-4acd-4727-9112-b8fca5a7cd02" role="tab">
       List
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#c50d3ca5-7e31-45c0-84dd-0a498a7c6d1e" data-bs-toggle="tab" href="#c50d3ca5-7e31-45c0-84dd-0a498a7c6d1e" id="4e8e0f8a-774a-4df7-bc42-29539cea3735" role="tab">
+     <a class="nav-link" data-bs-target="#2f69ce0b-12f1-41ee-ab34-3e6e791bde46" data-bs-toggle="tab" href="#2f69ce0b-12f1-41ee-ab34-3e6e791bde46" id="ef0aaca3-fe82-4f23-84f1-3b0d9058e4cb" role="tab">
       Navigation
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#d9e764e7-c268-454d-bb3c-07512fe91b5d" data-bs-toggle="tab" href="#d9e764e7-c268-454d-bb3c-07512fe91b5d" id="5326f59c-d31f-4277-b51c-b6ca3b09e64f" role="tab">
+     <a class="nav-link" data-bs-target="#1cb75d71-2477-403e-bdaa-740de3116f1d" data-bs-toggle="tab" href="#1cb75d71-2477-403e-bdaa-740de3116f1d" id="4bab117a-0509-470e-a830-5c1c91478395" role="tab">
       Panel
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#d7ed3e01-9b22-4817-93f6-740ac841cd0c" data-bs-toggle="tab" href="#d7ed3e01-9b22-4817-93f6-740ac841cd0c" id="aadcdf09-55a5-436b-808c-c0ab7aa33088" role="tab">
+     <a class="nav-link" data-bs-target="#65cac881-efc1-4709-90c3-a2769a47c69a" data-bs-toggle="tab" href="#65cac881-efc1-4709-90c3-a2769a47c69a" id="f9d56081-c7b0-49f6-b802-0564bbbb8dcc" role="tab">
       Separator
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#9d7da16b-b26e-4f9e-8d7f-c85e872f1ee0" data-bs-toggle="tab" href="#9d7da16b-b26e-4f9e-8d7f-c85e872f1ee0" id="334feb19-733f-4123-b524-15447292afe0" role="tab">
+     <a class="nav-link" data-bs-target="#5b0c1454-fc12-42e1-bfc1-4ba204dcfd2c" data-bs-toggle="tab" href="#5b0c1454-fc12-42e1-bfc1-4ba204dcfd2c" id="cfed1cf2-26b9-4bc0-ab16-1d90a7c547e9" role="tab">
       Table
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#b1515ded-d546-4f39-ba5e-6fce69c441ac" data-bs-toggle="tab" href="#b1515ded-d546-4f39-ba5e-6fce69c441ac" id="a1e7a2d4-2000-489b-b425-c6e38dad85da" role="tab">
+     <a class="nav-link" data-bs-target="#3a24f4de-aeb2-4516-b84c-ca02e3b3928b" data-bs-toggle="tab" href="#3a24f4de-aeb2-4516-b84c-ca02e3b3928b" id="52a8d85f-bd00-442a-813a-356fd9db0816" role="tab">
       Text
      </a>
     </li>
    </ul>
    <div class="tab-content">
-    <div class="tab-pane fade active show" id="8ff3f32d-c7a7-4ff0-a828-dda6f60aa90a">
-     <div id="7b28bfd0-d4b0-4ebd-a846-5f81a0ec6b59">
+    <div class="tab-pane fade active show" id="0371f044-e75a-41a1-9343-c540ec981775">
+     <div id="c712b693-21c4-4bff-b8de-7e7cba11ed04">
       <hr/>
-      <ul class="nav" id="5140a4db-87bc-4b4f-b544-c9774c441202" role="tablist">
+      <ul class="nav" id="24085d24-1efb-43a0-94b0-653fe9fb27d4" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#9d288990-3857-4ca4-ab7b-f26f8c2fa82c" data-bs-toggle="tab" href="#9d288990-3857-4ca4-ab7b-f26f8c2fa82c" id="b99c9c86-0ef7-4dd4-8646-ee6047045693" role="tab">
-         <span class="text-secondary" id="655f5ea4-a245-475b-9d3c-7f085d556fc2">
+        <a class="nav-link active" data-bs-target="#c6254bdc-cb61-4eb7-a0a6-525f5582b197" data-bs-toggle="tab" href="#c6254bdc-cb61-4eb7-a0a6-525f5582b197" id="3f2f3e9d-0859-4a8d-a2ec-a3f107f3e3f4" role="tab">
+         <span class="text-secondary" id="5d0893f3-6b72-4fa8-8191-119ae7179049">
           Anchor
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#03cd2416-6a94-4eab-81df-d1c7befd6a4e" data-bs-toggle="tab" href="#03cd2416-6a94-4eab-81df-d1c7befd6a4e" id="bde2a5e7-14f1-4f64-b84b-92c08992575f" role="tab">
-         <span class="text-secondary" id="51706fe3-ec46-45b2-9cf6-cc7a56d39126">
+        <a class="nav-link" data-bs-target="#09b5f1d1-de5a-473a-8f6a-24ce76dd22b2" data-bs-toggle="tab" href="#09b5f1d1-de5a-473a-8f6a-24ce76dd22b2" id="84bc79cb-ed59-456c-8210-2bc1cde4a5c0" role="tab">
+         <span class="text-secondary" id="2fa8db1b-a99a-48e7-bb2d-8140114c82ce">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#50616a3e-08b7-40d6-850b-c9a3c8e68a2b" data-bs-toggle="tab" href="#50616a3e-08b7-40d6-850b-c9a3c8e68a2b" id="4ca6acf6-61cc-4ae8-b1e5-e5478b16abaf" role="tab">
-         <span class="text-secondary" id="e8c6ced3-3769-48e7-9883-ace1d4e1f492">
+        <a class="nav-link" data-bs-target="#b03b0789-20a1-4ced-a641-eb6acbb386d6" data-bs-toggle="tab" href="#b03b0789-20a1-4ced-a641-eb6acbb386d6" id="a078b972-cfad-4063-b5fc-12016a06207b" role="tab">
+         <span class="text-secondary" id="4f1b4547-9be9-4b08-a1bc-d6906dea979e">
           Link Resource
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#d624a3e6-03d2-4196-9426-f8310e6d15bc" data-bs-toggle="tab" href="#d624a3e6-03d2-4196-9426-f8310e6d15bc" id="736907b0-0c04-4d68-a254-7530d2a03744" role="tab">
-         <span class="text-secondary" id="5f357eeb-0cf3-490d-bdd4-09894a1cde81">
+        <a class="nav-link" data-bs-target="#f7c40a04-508d-486c-a7a5-cc8737f6c6e8" data-bs-toggle="tab" href="#f7c40a04-508d-486c-a7a5-cc8737f6c6e8" id="78a96774-8afa-448b-bac3-3408106da630" role="tab">
+         <span class="text-secondary" id="c2fd181e-6704-432e-acb4-98d0caeff966">
           Open Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#b031fc78-5e24-40ba-a5a1-cd7c7f4a67d0" data-bs-toggle="tab" href="#b031fc78-5e24-40ba-a5a1-cd7c7f4a67d0" id="986f1466-c887-4df5-8b02-4ed48e1521c6" role="tab">
-         <span class="text-secondary" id="fa10cea1-9f86-4b6c-8e07-6bc9368032fb">
+        <a class="nav-link" data-bs-target="#930ac37e-e4fa-4c33-b1b7-48f81c16eb2f" data-bs-toggle="tab" href="#930ac37e-e4fa-4c33-b1b7-48f81c16eb2f" id="d10490d9-6819-45d1-8e73-ae9872a80f53" role="tab">
+         <span class="text-secondary" id="3a9ad6c0-89c7-4cbf-ae99-6b88fe35beda">
           Close Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#0fe34f58-f65d-4f13-82c3-4803764767fa" data-bs-toggle="tab" href="#0fe34f58-f65d-4f13-82c3-4803764767fa" id="dcec5e8a-5504-46a6-9324-dd46bd81c0f3" role="tab">
-         <span class="text-secondary" id="0d307dc7-576a-44fd-8d88-7c11944a8271">
+        <a class="nav-link" data-bs-target="#7c554330-ecc2-4d08-a3bc-54376184352d" data-bs-toggle="tab" href="#7c554330-ecc2-4d08-a3bc-54376184352d" id="bd596b99-8d7f-46f2-8fea-6bf278d6a0c7" role="tab">
+         <span class="text-secondary" id="d1067da0-9948-4752-9fb6-2062c7bfd77a">
           Expand/Collapse Panel
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="9d288990-3857-4ca4-ab7b-f26f8c2fa82c">
-        <div class="mt-5" id="aa49f8ae-da89-4516-8e05-a5e34e4c202a">
-         <div class="d-flex justify-content-between" id="e4d35bbb-cc5f-4bf0-a544-9d5d6f98e611">
-          <h1 id="947f54ae-400c-49c3-aa26-adfa2d62b512">
+       <div class="tab-pane fade active show" id="c6254bdc-cb61-4eb7-a0a6-525f5582b197">
+        <div class="mt-5" id="3145eee4-3917-4c4b-a61a-45cec4aaecb4">
+         <div class="d-flex justify-content-between" id="6903e736-4622-464a-a228-85404c322259">
+          <h1 id="cd5a4a8d-b151-4c22-ba4e-e2422d9e6373">
            Class
-           <span class="text-primary" id="adff6d51-ff50-4fe1-8c86-3f892a4c7635">
+           <span class="text-primary" id="46d2faa2-1bac-4e17-990b-1d76d4e2f4c9">
             Anchor
            </span>
           </h1>
-          <div id="f4735b85-926f-4f87-81b0-64ca19981c69">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#aafe93c5-ad57-45e2-bf1a-19cc781242ad" data-bs-toggle="collapse" id="729c112c-0899-4ff0-b2cc-0c2c9a0cad92" onclick="return false;" type="button">
+          <div id="174d183a-6a01-49f9-8bc8-e3d16c1c0e08">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2c4055b5-a12f-469f-82e2-2bf31b1ef3bf" data-bs-toggle="collapse" id="0cffd9fa-6c95-48ea-ba86-883760c5dda7" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="bec29c15-4c76-4abb-b2f0-ca46d66817d8">
+         <span class="text-muted" id="cba78807-fcc3-43e0-93ae-3ab90bfda429">
           A web component for an anchor.
          </span>
-         <pre id="bf724950-1881-4cf7-b5ad-3f3fec90741e"><code class="python">Anchor(inner=None)</code></pre>
-         <div class="ms-3 collapse" id="aafe93c5-ad57-45e2-bf1a-19cc781242ad">
-          <h6 id="3908ac84-1be0-49ab-b67a-4f0788091804">
+         <pre id="91b604b1-48a9-4acc-b2c1-7c5e3db07402"><code class="python">Anchor(inner=None)</code></pre>
+         <div class="ms-3 collapse" id="2c4055b5-a12f-469f-82e2-2bf31b1ef3bf">
+          <h6 id="4e00341a-ba30-4f71-b19d-fb3adfeb8b97">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="883da40d-fdc4-477b-9eff-fe535e14391e">
+          <table class="table table-sm bg-light" id="4e8a6e30-0ff7-4289-aa0a-b7883b4bcec9">
            <thead>
             <tr>
              <th scope="col">
@@ -254,7 +254,7 @@
            </tbody>
           </table>
          </div>
-         <p id="e5745825-d1ee-4530-858c-4846008479e9">
+         <p id="92f4c829-9a40-41d4-aaac-4c81a31ac545">
           The
           <code>
            Anchor
@@ -273,45 +273,45 @@
     conjunction with other components, for example, in creating a navigation
     menu.
          </p>
-         <div class="ms-3" id="3b0295ba-f6f4-46c7-abc9-d5cded8aee7a">
-          <h6 id="8b7cf2ab-ff4b-4986-b8a9-dc6d4b313b8c">
+         <div class="ms-3" id="6939da9a-8596-432d-9fc0-3203fc4163db">
+          <h6 id="0255bb48-6128-4cb2-8c08-49619d131304">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="5465c036-d9db-49ab-8e16-5c4aa514d337"><code class="python">from bootwrap import Anchor
+          <pre id="52bbfea4-5b48-46fd-b834-480c458b10e3"><code class="python">from bootwrap import Anchor
 Anchor('Google Search').link('https://www.google.com/')
 </code></pre>
          </div>
-         <div class="ms-3" id="d1974d4e-4b05-4eee-a0df-d7b691ef496e">
-          <a href="https://www.google.com/" id="6c1a63cc-133d-40ea-9179-f019578599db">
+         <div class="ms-3" id="ca0bbf74-5486-44b8-a931-63120d325ce2">
+          <a href="https://www.google.com/" id="7de35ff5-ea51-4343-bc26-10614c7a0b69">
            Google Search
           </a>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="03cd2416-6a94-4eab-81df-d1c7befd6a4e">
-        <div class="mt-3" id="b5b2bdb6-b5c0-430f-adab-71c271b1e355">
-         <div id="0c228511-b698-41ce-a570-0d3d1893b4e2">
+       <div class="tab-pane fade" id="09b5f1d1-de5a-473a-8f6a-24ce76dd22b2">
+        <div class="mt-3" id="54be8b35-528c-4521-8845-15e789647c0f">
+         <div id="7bde939b-0c09-4770-9c8c-5a8bbb6382f3">
           <div class="row">
            <div class="col-md">
-            <div id="ae15f141-4b0c-41bb-bb5b-331d00afadca">
-             <h1 id="aa5ca99a-1deb-4c6d-b878-a258af10aecd">
+            <div id="03f5db49-8717-46bd-b914-2d1ea0e4ba84">
+             <h1 id="90a199b9-f045-4da9-b337-7d6c37c30519">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="084a4753-c125-4ff7-97cd-d4de1177ee9b">
+            <div id="e58ae665-97a0-4629-bfa5-85d555badbab">
             </div>
            </div>
           </div>
          </div>
-         <div id="3d559cfc-1777-4a33-8e1e-df1b35168783">
+         <div id="e35ba683-6622-43a5-bc0f-c76b3aa0d4fc">
           <div class="row">
            <div class="col-md">
-            <div id="04800fec-867b-4eda-bcca-db4830096c26">
-             <p id="9fa58cc5-35f8-469d-9344-b02b3470273c">
+            <div id="ade45b10-4670-4a86-a3c9-24e1ce8b9d6f">
+             <p id="186c987e-8131-4aad-bc7d-0637b2dd87a1">
               Change
               <code>
                Anchor
@@ -353,8 +353,8 @@ Anchor('Google Search').link('https://www.google.com/')
             </div>
            </div>
            <div class="col-md">
-            <div id="4dc48642-ab08-4e7e-a530-5512678b209c">
-             <pre id="8463db8e-12ab-42c9-8173-82d1ef26502b"><code class="python">from bootwrap import Panel, Anchor
+            <div id="6082ead2-1db4-42c0-94e3-28dd6e736ac1">
+             <pre id="0d3728b0-b2fa-4134-8567-208bc74da203"><code class="python">from bootwrap import Panel, Anchor
 panel = Panel(
   Anchor("Primary").link("#").as_primary(),
   Anchor("Secondary").link("#").as_secondary(),
@@ -368,29 +368,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="e2d49696-02ad-4f5f-8d7f-72d022d3d136">
-              <a class="mb-1 text-primary" href="#" id="6b890578-4d3c-4340-8153-b07456436221">
+             <div id="a2fd908b-0aee-46e6-98fc-d42a47eb2398">
+              <a class="mb-1 text-primary" href="#" id="9e6d99eb-ae3a-4de7-8567-3e4e2bcc37ab">
                Primary
               </a>
-              <a class="mb-1 text-secondary" href="#" id="5cbed8a1-6935-4cc1-8e4d-a1df54e793a9">
+              <a class="mb-1 text-secondary" href="#" id="5d08e817-2b1f-49af-a98b-8c56cf6b527d">
                Secondary
               </a>
-              <a class="mb-1 text-success" href="#" id="db481a70-9b1c-4120-9bdc-4f47b1bc3530">
+              <a class="mb-1 text-success" href="#" id="87de121d-1352-4e8a-a1ad-409fafc056df">
                Success
               </a>
-              <a class="mb-1 text-warning" href="#" id="dc6775d5-2d1d-4fad-95d6-a9a6c8e06979">
+              <a class="mb-1 text-warning" href="#" id="32bf70dd-2d51-4e59-b486-1bbe3f6463e5">
                Warning
               </a>
-              <a class="mb-1 text-danger" href="#" id="eabc6f2d-632b-4079-8b3d-ad930feccaa3">
+              <a class="mb-1 text-danger" href="#" id="bc57738e-8af0-4012-b3dd-6b01a3c44023">
                Danger
               </a>
-              <a class="mb-1 text-info" href="#" id="b0279283-d27f-43dd-b205-c1f89a25287d">
+              <a class="mb-1 text-info" href="#" id="c8b21856-38e9-4b59-8f1c-ddaf0afaff87">
                Info
               </a>
-              <a class="mb-1 text-light" href="#" id="2730b4ac-31d5-4b1d-a6aa-28ddbaef24dd">
+              <a class="mb-1 text-light" href="#" id="76e7c28e-dde9-48bf-8367-d2b72225cef2">
                Light
               </a>
-              <a class="mb-1 text-dark" href="#" id="79676764-1b54-464b-9045-bc0192c4fe27">
+              <a class="mb-1 text-dark" href="#" id="3eb043f1-d107-4ce0-9bf9-04cba40dec05">
                Dark
               </a>
              </div>
@@ -400,28 +400,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="50616a3e-08b7-40d6-850b-c9a3c8e68a2b">
-        <div class="mt-3" id="08c49430-1b7f-4717-9f67-9f2f522fc028">
-         <div id="9352c888-3a42-46a5-90d1-289d6b312e92">
+       <div class="tab-pane fade" id="b03b0789-20a1-4ced-a641-eb6acbb386d6">
+        <div class="mt-3" id="2ae12bb9-8601-4e9b-bd39-cf63b86b2a16">
+         <div id="ad6f9165-79cc-4070-bcad-af2ae93d1a6a">
           <div class="row">
            <div class="col-md">
-            <div id="ba44394b-b05c-4f33-a3ef-760a11a16aac">
-             <h1 id="cb702bc3-4008-4ec2-95cb-fa299cee6830">
+            <div id="27a89361-460b-4100-bd42-73b8cdde7955">
+             <h1 id="07637722-dbe9-4839-b150-76139d084cfe">
               Link Resource
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="c1c2cf5e-44c1-49b0-bf70-ac9b561d2a3a">
+            <div id="6f394df6-f09f-45f1-8263-680a1f557b1a">
             </div>
            </div>
           </div>
          </div>
-         <div id="dbde3457-9600-4b6d-b14f-f88ff13e80ba">
+         <div id="3e815644-bb53-4e3e-9a4a-36d024ebd3f8">
           <div class="row">
            <div class="col-md">
-            <div id="a22112a7-d1e0-4472-829b-f2e5367df601">
-             <p id="6f45cd59-1227-439b-a96e-173f9d42ec9c">
+            <div id="02c5ed70-2d2b-4889-b790-53f497a1a8ef">
+             <p id="c4e6fc90-7a71-466a-9dd3-fabdc2ae2e01">
               Associate
               <code>
                Anchor
@@ -435,13 +435,13 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="a2327609-90bb-4856-8cc4-d96bab2ccd9a">
-             <pre id="10981402-6d60-4419-80cb-2de8fa6c5efb"><code class="python">from bootwrap import Panel, Anchor
+            <div id="0a9afef9-dfe0-4b9c-b306-ab6328598379">
+             <pre id="dfcc8485-bb70-45cf-be8c-9e6d60108b82"><code class="python">from bootwrap import Panel, Anchor
 Panel(
     Anchor("Google Search").link("https://www.google.com/")
 )</code></pre>
-             <div id="d323bf5e-20e6-43f2-847e-725e16f4879c">
-              <a href="https://www.google.com/" id="c29d61b3-1526-45e9-b575-2556dff80dd1">
+             <div id="31917532-3663-4fbb-9bd7-6709aa0a7b7d">
+              <a href="https://www.google.com/" id="d44af575-1147-4c7d-914e-c8146035377e">
                Google Search
               </a>
              </div>
@@ -451,28 +451,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="d624a3e6-03d2-4196-9426-f8310e6d15bc">
-        <div class="mt-3" id="9ef87945-d417-465a-9e96-53a0654482d3">
-         <div id="e3d90df5-cfc9-4e70-90dd-369e4f228ffe">
+       <div class="tab-pane fade" id="f7c40a04-508d-486c-a7a5-cc8737f6c6e8">
+        <div class="mt-3" id="84bb9dc2-f2ee-4b77-a229-1d1e5c735304">
+         <div id="1538eaf1-a5e6-4121-b7b0-87f8a1dc4637">
           <div class="row">
            <div class="col-md">
-            <div id="abbf47b2-fb42-4fec-874a-e665412fe5a6">
-             <h1 id="1fd33fe2-dfdf-4619-84d0-60b0f6798b17">
+            <div id="c464cf42-7618-457a-8f4b-471d52f8d770">
+             <h1 id="24c57f54-8e62-4b79-a84d-7e9fa4f28679">
               Open Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="463c5af4-dfaf-4a1d-9ebe-2af3a12ac22d">
+            <div id="9784421d-2d4f-4aa4-aed2-0774b012b5dd">
             </div>
            </div>
           </div>
          </div>
-         <div id="7e15bae7-6217-42fa-b4d9-f5b5a6bc9964">
+         <div id="15244459-b62e-42d2-886c-56e6dff00904">
           <div class="row">
            <div class="col-md">
-            <div id="e94caff4-79ff-4cdc-9074-e7b5cff675a4">
-             <p id="2adf8cd8-d4ae-45e2-8644-fc9799c2c073">
+            <div id="e1ae108d-ba69-4004-bd2b-70eebf3a02c0">
+             <p id="0ac885ad-eb0e-4e89-8cbb-89d20b28ee14">
               Use
               <code>
                Anchor
@@ -486,16 +486,16 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="f53df992-6341-44f1-8cc5-7ce1c088f22c">
-             <pre id="f1e2710a-168d-4cba-ac6d-da02383cdad0"><code class="python">from bootwrap import Panel, Dialog, Anchor
+            <div id="37d0c46c-b8a0-48b7-8356-9152e0b6d294">
+             <pre id="36f7b833-d612-43a4-8b95-78e60fb7612c"><code class="python">from bootwrap import Panel, Dialog, Anchor
 dialog = Dialog(
   "Greeting",
   "Hello World!"
 )
 anchor = Anchor("Say Hello").toggle(dialog)
 Panel(dialog, anchor)</code></pre>
-             <div id="0219ccb8-bedb-4e7b-ba38-d1e499eea63f">
-              <div class="modal" id="62803b67-a103-4160-97e0-48e61975ae16">
+             <div id="0830e939-c0db-4df7-9623-dee6e36bdf08">
+              <div class="modal" id="33c7400f-bab3-4cc6-a430-5ba7b3d78f98">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -511,7 +511,7 @@ Panel(dialog, anchor)</code></pre>
                 </div>
                </div>
               </div>
-              <a data-bs-toggle="modal" href="#62803b67-a103-4160-97e0-48e61975ae16" id="912cbe5e-9010-46a5-addc-dc958025950f" role="modal">
+              <a data-bs-toggle="modal" href="#33c7400f-bab3-4cc6-a430-5ba7b3d78f98" id="b3b08eec-6740-4823-9855-b501b3d0787c" role="modal">
                Say Hello
               </a>
              </div>
@@ -521,28 +521,28 @@ Panel(dialog, anchor)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="b031fc78-5e24-40ba-a5a1-cd7c7f4a67d0">
-        <div class="mt-3" id="d1a9bba8-cc4d-435a-a7ea-01523b230ced">
-         <div id="3a5a18d3-84e7-45fb-bf59-3c12f082990e">
+       <div class="tab-pane fade" id="930ac37e-e4fa-4c33-b1b7-48f81c16eb2f">
+        <div class="mt-3" id="3d78eead-a7d7-43e5-8308-e5c73f23be39">
+         <div id="df8ae717-9985-461e-9fa4-f309062c3a1f">
           <div class="row">
            <div class="col-md">
-            <div id="7997b53b-5cd7-4f67-b95d-a2aac3a2ddb7">
-             <h1 id="858c60b1-dbab-40f3-a1c3-946fd6063ad8">
+            <div id="bc0fdab2-3e6f-43f9-b639-c76963c3ce67">
+             <h1 id="6121fdab-8fb9-476f-a9f1-09804d142c29">
               Close Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="0088f487-c0f0-433e-b71b-9628c6d08320">
+            <div id="903b6dd0-405f-48a1-b3b9-933729905f8d">
             </div>
            </div>
           </div>
          </div>
-         <div id="6d6e8a7d-ce7d-4da2-80ba-7838270f9060">
+         <div id="c11177ca-2d8f-4c54-8a82-95b054005bc1">
           <div class="row">
            <div class="col-md">
-            <div id="04368ceb-dcb4-4ae8-b6ac-be3b94777b22">
-             <p id="51a9ad93-97a6-426e-8d74-e5c5826ee432">
+            <div id="b2db5b91-3aaf-4cef-86a3-d9772cdc53dc">
+             <p id="b0846f7f-a03d-4d6a-993f-58e1e4ec201c">
               Use
               <code>
                Anchor
@@ -556,8 +556,8 @@ Panel(dialog, anchor)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="4b22e93f-331d-43b5-9ccf-b41db8739e6a">
-             <pre id="743942d3-3207-4137-832d-1aeaac3d9c80"><code class="python">from bootwrap import Panel, Dialog, Anchor
+            <div id="4f6216eb-e499-4c59-8950-801be66eef6d">
+             <pre id="ad059987-a57e-46f9-a337-f820cb872e65"><code class="python">from bootwrap import Panel, Dialog, Anchor
 dialog = Dialog(
   "Greeting",
   "Hello World!",
@@ -565,8 +565,8 @@ dialog = Dialog(
 )
 anchor = Anchor("Say Hello").toggle(dialog)  
 Panel(dialog, anchor)</code></pre>
-             <div id="ccc8aee8-0366-482e-85f4-49ae4017c74c">
-              <div class="modal" id="20b0b96e-7a98-45e1-b04c-61b14541d265">
+             <div id="0580c0c8-37b0-426c-85f6-fe615e46c856">
+              <div class="modal" id="58ed53b2-9b0b-421d-8cd2-c79acfa59791">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -580,14 +580,14 @@ Panel(dialog, anchor)</code></pre>
                   Hello World!
                  </div>
                  <div class="modal-footer">
-                  <a data-bs-dismiss="modal" href="#" id="3e938a2c-f5e7-42dc-96e6-3caf72067ef1">
+                  <a data-bs-dismiss="modal" href="#" id="31796ce6-8fce-4ac4-9162-77e94b572c08">
                    Bye
                   </a>
                  </div>
                 </div>
                </div>
               </div>
-              <a data-bs-toggle="modal" href="#20b0b96e-7a98-45e1-b04c-61b14541d265" id="69824f84-a786-4e02-be33-fa61f55c048a" role="modal">
+              <a data-bs-toggle="modal" href="#58ed53b2-9b0b-421d-8cd2-c79acfa59791" id="25e5c538-06a7-45ad-a7e6-784b444d6183" role="modal">
                Say Hello
               </a>
              </div>
@@ -597,28 +597,28 @@ Panel(dialog, anchor)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="0fe34f58-f65d-4f13-82c3-4803764767fa">
-        <div class="mt-3" id="1c56beaf-86da-491f-abcd-e775947d4f43">
-         <div id="5b0b7af7-447c-44a6-bb9e-13632eec1fb9">
+       <div class="tab-pane fade" id="7c554330-ecc2-4d08-a3bc-54376184352d">
+        <div class="mt-3" id="a7b55dbf-8002-4f9b-88dc-b121e0b506e6">
+         <div id="b25b3229-96c3-43c3-8ebd-374c7ddacec9">
           <div class="row">
            <div class="col-md">
-            <div id="747f7167-8924-4ea2-a187-f04ca7958542">
-             <h1 id="dd6cc956-6c67-4632-a56d-23c72d3a65b5">
+            <div id="0699d30f-8dfa-4a40-a4c0-63d044e8905e">
+             <h1 id="29b0aef9-6acb-48ea-92df-b432d549a0d8">
               Expand/Collapse Panel
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="f68d193f-6bda-4bb2-8d1b-43a6a61d0f08">
+            <div id="457c6f72-48fb-4570-a035-7c79390a14cd">
             </div>
            </div>
           </div>
          </div>
-         <div id="fd867370-aaab-4c5a-a0d4-01d68fe8bd7c">
+         <div id="1d1adb8c-6ce1-4549-97ee-0aa562681005">
           <div class="row">
            <div class="col-md">
-            <div id="1e045327-32b5-43a1-b1d3-f6c10ff427ad">
-             <p id="9b02b116-22ec-42a1-a562-5b494af2fb3b">
+            <div id="a16b8a41-2e64-435f-85e1-f30754517609">
+             <p id="be2d6831-306a-49a4-9a8d-a60fb22a2619">
               Use
               <code>
                Anchor
@@ -632,8 +632,8 @@ Panel(dialog, anchor)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="b8270144-1480-483f-bd02-c7716c22995c">
-             <pre id="551bafef-91f9-484a-a943-fac380487e5f"><code class="python">from bootwrap import Panel, Anchor
+            <div id="0ff5ed95-d83e-491c-8756-e362c88f8ebc">
+             <pre id="fe0d702b-0bcd-45dd-80c6-59f0665b2221"><code class="python">from bootwrap import Panel, Anchor
 quote = Panel(
   "Sometimes life is going to hit you in " +
   "the head with a brick. Don’t lose faith."
@@ -642,11 +642,11 @@ Panel(
   Anchor("Steve Jobs Quote").toggle(quote),
   quote
 )</code></pre>
-             <div id="170ec8b5-5fd4-4cd2-bff8-0d8c8f63bfc7">
-              <a data-bs-target="#50921c30-56ff-424b-82cb-4c7d857d93eb" data-bs-toggle="collapse" href="#50921c30-56ff-424b-82cb-4c7d857d93eb" id="a222897d-ba87-4e13-a8e2-621aa73150d3" role="collapse">
+             <div id="f7825f35-4f4e-4aea-aa2e-cd80745ae5cb">
+              <a data-bs-target="#9f102814-c4c4-41b6-8d35-0e0f7d093c29" data-bs-toggle="collapse" href="#9f102814-c4c4-41b6-8d35-0e0f7d093c29" id="23601c9f-d6f0-4b42-9ee5-53c791eca5f0" role="collapse">
                Steve Jobs Quote
               </a>
-              <div class="collapse" id="50921c30-56ff-424b-82cb-4c7d857d93eb">
+              <div class="collapse" id="9f102814-c4c4-41b6-8d35-0e0f7d093c29">
                Sometimes life is going to hit you in the head with a brick. Don’t lose faith.
               </div>
              </div>
@@ -659,52 +659,52 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="dbf9c549-cede-4fb5-b040-1feb36939434">
-     <div id="ceb9b19b-a8bb-41de-a02f-d43c90553de3">
+    <div class="tab-pane fade" id="39b1fa39-4055-4fcd-aae9-49039adb697f">
+     <div id="d48dd010-7c58-4ff2-a22a-e09519baf91c">
       <hr/>
-      <ul class="nav" id="87af394b-d4fa-4141-b96c-ad9452d18b19" role="tablist">
+      <ul class="nav" id="7e20ef0c-eca8-4855-90e4-1ca598e8c7ab" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#4dc5dd7e-2a09-4647-b156-0b77dbf2a07c" data-bs-toggle="tab" href="#4dc5dd7e-2a09-4647-b156-0b77dbf2a07c" id="46a32582-87c4-4fa3-8f90-c5e5f0875007" role="tab">
-         <span class="text-secondary" id="a9ed9387-9126-4fac-b21c-578076f3efcd">
+        <a class="nav-link active" data-bs-target="#066dacac-d410-48af-a4f4-4339ffb329e7" data-bs-toggle="tab" href="#066dacac-d410-48af-a4f4-4339ffb329e7" id="36210d45-1e61-4612-93d3-7b074cef1ab3" role="tab">
+         <span class="text-secondary" id="7c697142-668e-4b72-b457-7008e3f9c1f3">
           Badge
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#b4e9b24d-8c33-4369-a436-9f1c9393d771" data-bs-toggle="tab" href="#b4e9b24d-8c33-4369-a436-9f1c9393d771" id="2edf9020-dcf3-4cd5-94f4-19071f88e878" role="tab">
-         <span class="text-secondary" id="21688d9e-eb3e-4bcd-b380-f96b9f9e0c05">
+        <a class="nav-link" data-bs-target="#b78502e8-3b64-47a1-85f1-5c7427c07885" data-bs-toggle="tab" href="#b78502e8-3b64-47a1-85f1-5c7427c07885" id="6c796713-28fb-4c78-99cb-97fb7c2002e6" role="tab">
+         <span class="text-secondary" id="e831e86c-69a2-44c8-be38-820cb5ebed14">
           Appearance
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="4dc5dd7e-2a09-4647-b156-0b77dbf2a07c">
-        <div class="mt-5" id="59f01d51-001d-40d6-8395-3d3bb83f54d8">
-         <div class="d-flex justify-content-between" id="f27edc4b-eb4f-42ee-98e1-4e3ab58b8a35">
-          <h1 id="ec559173-c7c2-47ab-81a7-dc58f0f5b03a">
+       <div class="tab-pane fade active show" id="066dacac-d410-48af-a4f4-4339ffb329e7">
+        <div class="mt-5" id="74863860-e0c4-4219-af89-e4d95c8953ac">
+         <div class="d-flex justify-content-between" id="4cc0c759-3784-435d-9312-149d787b8a44">
+          <h1 id="079b4c5e-e6f3-4e8d-b793-0de0a861aa0d">
            Class
-           <span class="text-primary" id="d02e2fa4-b973-49cd-a454-5238ab9d8a5d">
+           <span class="text-primary" id="bc4c2f6a-44c0-471b-a60e-b71d6fbeff0d">
             Badge
            </span>
           </h1>
-          <div id="f5f85697-5174-4ef5-a6cd-47fdd9d3e9b9">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#242e3403-3965-4dd0-af1f-4809131adfe7" data-bs-toggle="collapse" id="239471f5-f309-4882-afef-b45698d0d94c" onclick="return false;" type="button">
+          <div id="5b73e140-1ff4-46a3-b769-c87e6bb876b2">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#cd999341-e4c8-4421-bcb1-234d1d8b601a" data-bs-toggle="collapse" id="46772606-367e-4a7b-834b-1c1a1ee16043" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="d6f9e417-797a-4362-b8de-91bd3e28b21e">
+         <span class="text-muted" id="61034097-3deb-4b58-b664-5d404ed18dc7">
           A web component for a badge.
          </span>
-         <pre id="3c441230-b1df-440b-b3c4-af12c6edcf0c"><code class="python">Badge(label)</code></pre>
-         <div class="ms-3 collapse" id="242e3403-3965-4dd0-af1f-4809131adfe7">
-          <h6 id="7075a964-056b-452a-ad5c-ea53cc3901ce">
+         <pre id="db3adcea-a201-44d9-b3af-3880db4668e3"><code class="python">Badge(label)</code></pre>
+         <div class="ms-3 collapse" id="cd999341-e4c8-4421-bcb1-234d1d8b601a">
+          <h6 id="b6b29743-74bb-4e92-8bf5-f16b1ec84cc4">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="2fa58755-7da2-4ca4-a3d3-c1bd9d460547">
+          <table class="table table-sm bg-light" id="a606273c-428a-448b-8e79-2f516d61ad8e">
            <thead>
             <tr>
              <th scope="col">
@@ -737,45 +737,45 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="943b39bf-b7a2-4d59-8358-c0a780515efb">
-          <h6 id="b4415036-ca72-4518-b95b-308acf721c7b">
+         <div class="ms-3" id="689d9657-ccc8-40f1-b1ab-47c323b42474">
+          <h6 id="7d5c0b40-4bd8-44ef-a556-4c9d27575082">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="af8de73e-8239-42a4-97fd-4d416fc14a76"><code class="python">from bootwrap import Badge
+          <pre id="d008625b-1f19-4d56-a7b7-15170ef9a63c"><code class="python">from bootwrap import Badge
 Badge('Some Badge').as_dark()
 </code></pre>
          </div>
-         <div class="ms-3" id="277ccbd0-62e2-42cb-a4ff-cffe8062e65f">
-          <span class="badge text-bg-dark" id="24123b57-f8c4-471a-aa4a-7f45463ffcb9">
+         <div class="ms-3" id="b876ac70-d8b1-42bc-9980-44c72fbf3d4e">
+          <span class="badge text-bg-dark" id="f5448133-c73b-4271-91f3-adbffc428d86">
            Some Badge
           </span>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="b4e9b24d-8c33-4369-a436-9f1c9393d771">
-        <div class="mt-3" id="c4a017b6-a4c8-4124-b1c6-45b077d033d9">
-         <div id="b47983ac-4b7f-4293-b075-27a14342310d">
+       <div class="tab-pane fade" id="b78502e8-3b64-47a1-85f1-5c7427c07885">
+        <div class="mt-3" id="ef7d74a3-2829-4ae8-8a9c-106394c2635b">
+         <div id="77790781-28b0-4d12-9a42-d4a897e9b9c8">
           <div class="row">
            <div class="col-md">
-            <div id="10f6b816-4968-4947-86b2-a6b02cfef359">
-             <h1 id="4879c74f-3a87-41d1-972a-1193abeb660a">
+            <div id="2c6ba17c-df70-4b75-a802-946790dc1b33">
+             <h1 id="55bd0f3d-ff8f-49b4-966c-d939d94aa1fb">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="6c152b0f-7ad7-42c5-9fa6-6b842ced27ff">
+            <div id="deccfd16-1769-4edb-a7ab-897205bd7389">
             </div>
            </div>
           </div>
          </div>
-         <div id="1f860c28-69a2-4923-b305-300170f501e6">
+         <div id="7a4f2317-33e7-447d-9180-291206f7998c">
           <div class="row">
            <div class="col-md">
-            <div id="ec3397b4-f0c7-436e-bd1d-6c9bcebfd8e5">
-             <p id="0a2bea7d-8d14-4bc4-8320-5ccc15e75457">
+            <div id="0ed0b051-9aa5-4707-bc09-40e705e03121">
+             <p id="d178eeff-6958-43f5-b0c3-003c90674faf">
               Change
               <code>
                Badge
@@ -817,8 +817,8 @@ Badge('Some Badge').as_dark()
             </div>
            </div>
            <div class="col-md">
-            <div id="1ab62bd0-8bd9-4056-967a-d3373d63eb2d">
-             <pre id="feeca51d-2afa-4962-b248-05982779c940"><code class="python">from bootwrap import Panel, Badge
+            <div id="16c05e5a-7bed-45eb-aba8-9969e03551f4">
+             <pre id="4e4896c1-b5d8-489a-95bf-68a89a8ceed0"><code class="python">from bootwrap import Panel, Badge
 panel = Panel(
   Badge("Primary").as_primary(),
   Badge("Secondary").as_secondary(),
@@ -832,29 +832,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="0dff6859-3358-41b9-b300-5c02359cd13f">
-              <span class="badge text-bg-primary mb-1" id="2bcbeb79-57cd-4878-9bee-6594e9db66d9">
+             <div id="65727042-31d3-4a58-b072-65f296eb0a0c">
+              <span class="badge text-bg-primary mb-1" id="53999f6c-6d72-43eb-b056-de091d95cf32">
                Primary
               </span>
-              <span class="badge text-bg-secondary mb-1" id="69e8948c-486a-45ea-9995-3aace4c49977">
+              <span class="badge text-bg-secondary mb-1" id="6da0a5ac-b6cd-41e2-8df9-04d964dfb00b">
                Secondary
               </span>
-              <span class="badge text-bg-success mb-1" id="0b456dc8-129b-43e1-9775-7c2599bf98d3">
+              <span class="badge text-bg-success mb-1" id="7af61290-f37c-447d-bac9-c3cd397c9d3b">
                Success
               </span>
-              <span class="badge text-bg-warning mb-1" id="7eaa165f-2674-45f0-b9d0-76fa99acee28">
+              <span class="badge text-bg-warning mb-1" id="17d34cf0-564d-4dc8-927b-68351e8f6795">
                Warning
               </span>
-              <span class="badge text-bg-danger mb-1" id="e26ca28b-fe63-444e-8e48-e20d5f5319bc">
+              <span class="badge text-bg-danger mb-1" id="e25c6906-8336-4650-8572-acfa70fac7b4">
                Danger
               </span>
-              <span class="badge text-bg-info mb-1" id="61b7358b-556d-4ab8-8636-bc7e1dbb874b">
+              <span class="badge text-bg-info mb-1" id="a34fa2b6-21af-447b-ae40-214bbeb3a5c7">
                Info
               </span>
-              <span class="badge text-bg-light mb-1" id="115ba2b0-fd3b-45dc-9b9a-1430a6b9bf06">
+              <span class="badge text-bg-light mb-1" id="17682a43-1a83-404b-9c18-03e159763bfc">
                Light
               </span>
-              <span class="badge text-bg-dark mb-1" id="eafc71c2-9aec-4b41-9282-f975b8897693">
+              <span class="badge text-bg-dark mb-1" id="09984f4c-ab4b-4807-80bd-623c3d2ed972">
                Dark
               </span>
              </div>
@@ -867,101 +867,101 @@ panel</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="1ff363ae-16e9-47d3-8127-2945676fd450">
-     <div id="bcb089c5-9ee6-49a6-93a3-a064e62ef5e8">
+    <div class="tab-pane fade" id="b51cebc0-9799-4539-a4b8-d278c6238ab9">
+     <div id="7be0d561-fca4-4c52-83a5-769560ff4474">
       <hr/>
-      <ul class="nav" id="7b8c60e2-7586-446f-9d83-ea26eee0e5af" role="tablist">
+      <ul class="nav" id="18bc45c0-6999-4413-91f5-4390ac8a4eb1" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#1abbb2e0-7f55-4708-9824-e6fbe206f463" data-bs-toggle="tab" href="#1abbb2e0-7f55-4708-9824-e6fbe206f463" id="24fa8e94-85a6-45a6-9edc-54b125b1d9fc" role="tab">
-         <span class="text-secondary" id="9f754ea0-7c8a-4db5-95fd-606e728503ae">
+        <a class="nav-link active" data-bs-target="#5f6ecf8b-4fc5-4c14-97c5-12cb9be32cc0" data-bs-toggle="tab" href="#5f6ecf8b-4fc5-4c14-97c5-12cb9be32cc0" id="b8224159-5a5f-4501-a100-af708bf9def4" role="tab">
+         <span class="text-secondary" id="3bb610fe-cbf4-4f36-a41d-4b8815d6cf0a">
           Button
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9ce8c7c2-9bb6-4102-ac98-d2b67102c5c2" data-bs-toggle="tab" href="#9ce8c7c2-9bb6-4102-ac98-d2b67102c5c2" id="e941b2f2-6e94-4283-bfcb-50223848cf3f" role="tab">
-         <span class="text-secondary" id="977d7e4b-29a6-4dde-8e0f-df79628dedec">
+        <a class="nav-link" data-bs-target="#2451a6e8-99c7-47e0-b8cd-b13418a8d214" data-bs-toggle="tab" href="#2451a6e8-99c7-47e0-b8cd-b13418a8d214" id="ff8a2110-88a2-4aee-92d4-274337495102" role="tab">
+         <span class="text-secondary" id="1f57c7e4-2f6e-4cf6-82f3-6f1004307e66">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#0786f9fa-746f-4da8-b754-c2f57d88c51b" data-bs-toggle="tab" href="#0786f9fa-746f-4da8-b754-c2f57d88c51b" id="a1f155ac-9e2d-4183-8489-23b5fc4b5f04" role="tab">
-         <span class="text-secondary" id="b84c89a3-d98b-4b40-87a4-38cb9c4ee698">
+        <a class="nav-link" data-bs-target="#aa84bf71-a33f-4842-9071-71bf87360c88" data-bs-toggle="tab" href="#aa84bf71-a33f-4842-9071-71bf87360c88" id="1c8e5921-19f4-4928-affc-4479edcc0b2c" role="tab">
+         <span class="text-secondary" id="0742bb52-bcff-4df1-be6d-0f4db34cca78">
           Outline
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9bbf6f53-9b5c-4094-9c6f-17c01266a635" data-bs-toggle="tab" href="#9bbf6f53-9b5c-4094-9c6f-17c01266a635" id="d49058dd-dad8-42f2-a821-bb6397cfb2de" role="tab">
-         <span class="text-secondary" id="c6ecb8b6-00b4-4c44-bcbe-bd876684bd03">
+        <a class="nav-link" data-bs-target="#e48975c4-a46e-4a46-930f-5c993316494a" data-bs-toggle="tab" href="#e48975c4-a46e-4a46-930f-5c993316494a" id="c95406c0-b084-4fb0-a2d8-92267c433bbc" role="tab">
+         <span class="text-secondary" id="a9c2c959-3dcb-4315-8e32-89e822c4d72e">
           Disable
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#db8ad004-d967-4f6a-8897-e6c07549502a" data-bs-toggle="tab" href="#db8ad004-d967-4f6a-8897-e6c07549502a" id="46ec820c-6137-4c65-8333-07d2e9d9f3c0" role="tab">
-         <span class="text-secondary" id="2c643c4f-20c9-41dc-b7db-a3c786248a03">
+        <a class="nav-link" data-bs-target="#37597ab4-8a5f-4d03-a442-245997630bd1" data-bs-toggle="tab" href="#37597ab4-8a5f-4d03-a442-245997630bd1" id="94d17186-cb4c-40b5-923d-cf172e31615f" role="tab">
+         <span class="text-secondary" id="dd754bff-7024-4019-ae85-24643d5ecf0f">
           Link Resource
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#a8f04df7-379c-4f91-9d3e-7a5f0b21006c" data-bs-toggle="tab" href="#a8f04df7-379c-4f91-9d3e-7a5f0b21006c" id="34ce21df-ef5a-4198-8785-10b0bd293a0b" role="tab">
-         <span class="text-secondary" id="3d7a6a28-8337-45a2-bde3-cd63852d5071">
+        <a class="nav-link" data-bs-target="#4b49fba0-552d-43a3-bcb6-6ec877743e51" data-bs-toggle="tab" href="#4b49fba0-552d-43a3-bcb6-6ec877743e51" id="0650f33e-5762-4e46-a990-5d3e44d02ce1" role="tab">
+         <span class="text-secondary" id="b08ee257-465b-49c1-972f-e19c73e239eb">
           Open Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#506bc036-06d6-413b-a4af-d4612879e243" data-bs-toggle="tab" href="#506bc036-06d6-413b-a4af-d4612879e243" id="e1f881d9-9aa0-4f20-8efa-e7c78d3cbaec" role="tab">
-         <span class="text-secondary" id="a6a18933-7928-4dd2-86f6-6fddf2eed3cf">
+        <a class="nav-link" data-bs-target="#ba54c9aa-eb24-43c9-8e2f-55ac6e7bafb2" data-bs-toggle="tab" href="#ba54c9aa-eb24-43c9-8e2f-55ac6e7bafb2" id="15f08f37-bab1-441c-96da-4e3b707faa16" role="tab">
+         <span class="text-secondary" id="bd472fa4-6325-496b-a616-d6295cca4262">
           Close Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e210c373-dbd0-4433-871b-a465d292ddbb" data-bs-toggle="tab" href="#e210c373-dbd0-4433-871b-a465d292ddbb" id="5cd26aa1-5b20-4730-b7d5-2ce0b97d6f16" role="tab">
-         <span class="text-secondary" id="3804dd54-4305-4cbe-9dda-84f500439da7">
+        <a class="nav-link" data-bs-target="#1e2ea340-eeed-4f38-9cdb-40f37c91cdbd" data-bs-toggle="tab" href="#1e2ea340-eeed-4f38-9cdb-40f37c91cdbd" id="ebd81b50-5dbd-4dbe-b940-9768c2fabd0f" role="tab">
+         <span class="text-secondary" id="93d93aed-fd3f-426d-9d69-70ae8b797bd8">
           Expand/Collapse Panel
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#4c84c12c-1da0-4bdc-9f35-ce35c6df4206" data-bs-toggle="tab" href="#4c84c12c-1da0-4bdc-9f35-ce35c6df4206" id="7c0c2c68-bcc5-4f8a-909e-e32661e7f4fd" role="tab">
-         <span class="text-secondary" id="18f9050b-ebe9-41af-a627-db0fa54e8e2b">
+        <a class="nav-link" data-bs-target="#27626a24-8a6a-4989-aedd-1080b06fe844" data-bs-toggle="tab" href="#27626a24-8a6a-4989-aedd-1080b06fe844" id="8b6cc013-6d4c-4f3a-a9e4-a205a52a45f0" role="tab">
+         <span class="text-secondary" id="c6e88f6e-c55b-4715-85d6-7c5323f3da34">
           Submit Action
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="1abbb2e0-7f55-4708-9824-e6fbe206f463">
-        <div class="mt-5" id="b16d2934-859e-4b69-ba98-d393d933b6f2">
-         <div class="d-flex justify-content-between" id="f657ccb3-98a1-4489-ac9e-fc3e0c05f7d8">
-          <h1 id="f84c5052-6d16-46d3-acdf-7ec4ad0b431e">
+       <div class="tab-pane fade active show" id="5f6ecf8b-4fc5-4c14-97c5-12cb9be32cc0">
+        <div class="mt-5" id="bc82b252-0910-4063-af03-72dfc1368903">
+         <div class="d-flex justify-content-between" id="c4ea7f99-a636-4fdb-b295-d48c8007d463">
+          <h1 id="20d1def8-1e57-48c1-b7c7-4c64aae793cf">
            Class
-           <span class="text-primary" id="817e93f5-e318-40f7-b7b6-d61d42833828">
+           <span class="text-primary" id="ed7ec0f6-e78e-430e-9f32-d0006d36b9bb">
             Button
            </span>
           </h1>
-          <div id="703558cf-0fd6-470a-b36f-de42564eaa68">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f297eee8-97ab-4b15-8501-c427e9ebcbee" data-bs-toggle="collapse" id="48017257-83be-4007-b7e5-ff5846bcfe49" onclick="return false;" type="button">
+          <div id="49dfa038-3b99-43c6-8ff9-7295142526b6">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c82a8e9e-dc50-4bc8-867a-96d79a5d0232" data-bs-toggle="collapse" id="b5277bb4-c6a9-49af-9e9c-aa64dcb732e4" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="663122f4-27b3-46ca-8124-47efe183d571">
+         <span class="text-muted" id="7b7a88c9-2e62-40c2-8ce5-a9990e2ce2ee">
           A web component for a button.
          </span>
-         <pre id="1db30fee-5cca-4642-b358-d432cbaeb1aa"><code class="python">Button(name)</code></pre>
-         <div class="ms-3 collapse" id="f297eee8-97ab-4b15-8501-c427e9ebcbee">
-          <h6 id="a29c6d34-caba-46c5-ae1c-bf5e808ec767">
+         <pre id="78a6e537-466d-4081-9266-f6ab285c403f"><code class="python">Button(name)</code></pre>
+         <div class="ms-3 collapse" id="c82a8e9e-dc50-4bc8-867a-96d79a5d0232">
+          <h6 id="765bfeab-2ab4-4b38-9c20-fdb32fff08f0">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="e552d7fb-6c8e-4b10-86f5-9446bbd64e37">
+          <table class="table table-sm bg-light" id="bfea3c71-0ec2-4a5a-bdcb-a527a2fc021a">
            <thead>
             <tr>
              <th scope="col">
@@ -994,7 +994,7 @@ panel</code></pre>
            </tbody>
           </table>
          </div>
-         <p id="4b1d9779-3c88-4046-817d-d369601084b7">
+         <p id="2591fb60-5391-45c4-9721-d286757ba4d3">
           Without applying a stylized method
           <code>
            Button
@@ -1006,46 +1006,46 @@ panel</code></pre>
           </code>
           .
          </p>
-         <div class="ms-3" id="2b672a25-2711-47a5-b2c7-f79f4d281be6">
-          <h6 id="38242824-6b39-4482-aa52-d4566c1ef5c0">
+         <div class="ms-3" id="0d10a508-0756-4124-922a-aeec32072ffd">
+          <h6 id="5a58b932-201f-48c3-b72a-41739321d7bd">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="cf52f068-da30-4c86-9884-0e42b9eabcf3"><code class="python">from bootwrap import Button
+          <pre id="6cc2e856-2cbb-4853-9944-f1ac2e3dc0ae"><code class="python">from bootwrap import Button
 Button('Google Search').link('https://www.google.com/')
 </code></pre>
          </div>
-         <div class="ms-3" id="3ee96452-ed50-439b-a609-26dbf873ff26">
-          <a class="btn" href="https://www.google.com/" id="41401293-8387-4102-a632-de3a946bbb4a" role="button">
+         <div class="ms-3" id="04559e17-1b06-4a9f-a2af-703a3e62d57a">
+          <a class="btn" href="https://www.google.com/" id="02ba4ac9-df3b-49bf-9c8e-b4355f95b11c" role="button">
            Google Search
           </a>
          </div>
-         <div class="mt-5" id="5ed9f549-a623-41e7-9519-4c5e27493bab">
-          <div class="d-flex justify-content-between" id="9b042ef4-b7c9-42fb-b929-763f3aed3691">
-           <h4 id="eac1389e-482d-47de-bd74-7d4367d0edfd">
+         <div class="mt-5" id="a4c7f796-f004-4ed4-8900-b52b6dae3e88">
+          <div class="d-flex justify-content-between" id="6ceae08a-2f9e-4015-96ad-5e3debd62e77">
+           <h4 id="7570ef42-df68-41f6-847f-e0e81d9d4279">
             Method
-            <span class="text-primary" id="0d169bb2-cec1-4a27-862e-bbe5b654fb2c">
+            <span class="text-primary" id="6e38028a-d79c-4c2c-ae3f-1534fe612672">
              with_icon
             </span>
            </h4>
-           <div id="023e0920-349e-499c-aec7-1f4568212a7e">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#995fe87f-a77a-46b7-916f-e65bc405a119" data-bs-toggle="collapse" id="38413f90-9b56-490b-9b63-5a8e8ff39d0e" onclick="return false;" type="button">
+           <div id="7b533c43-52a1-4bc5-a297-e991864d35f5">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4a3460e6-7de0-4188-882e-db333e44a758" data-bs-toggle="collapse" id="a7e7b848-4046-4333-8c8a-46c3fbd604a9" onclick="return false;" type="button">
              Argument
             </button>
            </div>
           </div>
-          <span class="text-muted" id="257a5d46-afdf-4872-89e9-34a6e94d6a88">
+          <span class="text-muted" id="a8a144ff-8c8b-47b0-aa58-7a0dedf20633">
            Makes button with icon.
           </span>
-          <pre id="eddb9d42-ab2b-411b-87b0-4df9b956fb43"><code class="python">with_icon(icon, right_side=False)</code></pre>
-          <div class="ms-3 collapse" id="995fe87f-a77a-46b7-916f-e65bc405a119">
-           <h6 id="4de433b7-48d6-4299-b761-bd5b8756efe2">
+          <pre id="5a5db981-dec5-4ac4-a842-98cd63e9f94f"><code class="python">with_icon(icon, right_side=False)</code></pre>
+          <div class="ms-3 collapse" id="4a3460e6-7de0-4188-882e-db333e44a758">
+           <h6 id="c2fed49a-de78-40e1-b168-26a58dee9e8a">
             <strong>
              Arguments
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="696e8229-a652-4056-93af-1752e91aaf2f">
+           <table class="table table-sm bg-light" id="6cf4b4fd-24b1-4b6c-b366-d1c78a685919">
             <thead>
              <tr>
               <th scope="col">
@@ -1102,13 +1102,13 @@ Button('Google Search').link('https://www.google.com/')
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="600ad1b7-afef-4b52-8d08-a40f99790c52">
-           <h6 id="8dd99c6e-1025-4ce4-b4ff-1224d2144eb3">
+          <div class="ms-3" id="ee61596d-a7a8-44c1-ad1f-f78ccbeee381">
+           <h6 id="d58eef0e-7cd2-492e-a29e-bb050e200e78">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="5487b5b9-7082-482e-9a1f-83036e4379ad"><code class="python">from bootwrap import Button, Icon, Panel
+           <pre id="e3c86f17-56c9-4d87-bdae-1f725a3770af"><code class="python">from bootwrap import Button, Icon, Panel
 ico_left = Icon("fa-solid fa-arrow-left")
 btn_left = Button("Left").with_icon(ico_left).as_primary()
 ico_right = Icon("fa-solid fa-arrow-right")
@@ -1116,16 +1116,16 @@ btn_right = Button("Right").with_icon(ico_right, True).as_primary()
 Panel(btn_left, btn_right)
 </code></pre>
           </div>
-          <div class="ms-3" id="9c023beb-97a5-4c74-bb37-4762f61e8c2d">
-           <div id="0bd3bb01-2c72-40d4-b771-ea357490d8fe">
-            <button class="btn btn-primary" id="180d7b62-4480-4151-9fa6-9be15c9102c9" onclick="return false;">
-             <i class="fa-solid fa-arrow-left" id="b697ea6e-ea3c-43e4-ad8a-2ad6e7748b46">
+          <div class="ms-3" id="b7044b27-de3c-47dc-a7bf-0143f00d7abb">
+           <div id="ba41609a-9fc7-4a2a-a28d-83a9e856ba02">
+            <button class="btn btn-primary" id="51ccb9f0-d9e1-40c3-9754-0d747cf257ab" onclick="return false;">
+             <i class="fa-solid fa-arrow-left" id="cae0bfdf-0314-4f12-ac17-73f5e3da4f51">
              </i>
              Left
             </button>
-            <button class="btn btn-primary" id="a4f23970-d9b9-44f3-872c-c0792df954b5" onclick="return false;">
+            <button class="btn btn-primary" id="7e55dcaa-a7d3-482e-bdfe-6b219ce33d41" onclick="return false;">
              Right
-             <i class="fa-solid fa-arrow-right" id="97d336a1-289f-4e24-9ef1-4af7c714c38e">
+             <i class="fa-solid fa-arrow-right" id="3b27fae0-8e7b-4b64-aecd-b17a8c67192f">
              </i>
             </button>
            </div>
@@ -1133,28 +1133,28 @@ Panel(btn_left, btn_right)
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9ce8c7c2-9bb6-4102-ac98-d2b67102c5c2">
-        <div class="mt-3" id="f4504062-b6f0-4de0-ab8a-b32de36cd866">
-         <div id="137e4501-c153-4a3b-95c7-bcc0a39dd2b0">
+       <div class="tab-pane fade" id="2451a6e8-99c7-47e0-b8cd-b13418a8d214">
+        <div class="mt-3" id="5b75423f-4420-4016-8115-cdd6b69f6905">
+         <div id="62f5f6e0-70f4-4e37-96a5-7a00fac9bd1d">
           <div class="row">
            <div class="col-md">
-            <div id="c0554a5c-251f-40e6-8260-bead40fa1895">
-             <h1 id="826c3ce5-bc1a-44b7-89e3-086e87fe36cb">
+            <div id="75291d07-70cb-4ef1-baa4-6bd896a0e31d">
+             <h1 id="02659c7d-ca03-4336-be99-537e9e72a6b0">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="9f8ca3e0-eb1f-4ba3-a5b3-bed952ff8cff">
+            <div id="468c318c-876b-4f05-a51a-7b96a87fc95a">
             </div>
            </div>
           </div>
          </div>
-         <div id="26e3630c-78a2-4255-ad02-0aeb3f30ae4e">
+         <div id="006be135-3d7a-4d0e-9fe0-2e6681decc16">
           <div class="row">
            <div class="col-md">
-            <div id="154f2076-e610-4a34-8f94-8692c83ff8fd">
-             <p id="6b7a2a4b-5025-4be4-b999-df92c6d2b682">
+            <div id="82fc8fe5-fe8a-404d-abf7-7d94250e25f2">
+             <p id="ff4da040-1134-44a5-be26-b1d885788672">
               Change
               <code>
                Button
@@ -1196,8 +1196,8 @@ Panel(btn_left, btn_right)
             </div>
            </div>
            <div class="col-md">
-            <div id="d2ab542d-280a-4931-94ff-c6f386b756a0">
-             <pre id="84703e80-ae19-46e0-bbdf-c956b597e1cd"><code class="python">from bootwrap import Panel, Button
+            <div id="ad512558-cf21-4230-b627-72bbe4bb2f9c">
+             <pre id="d3499730-789d-4366-bd04-22df5c5ab3ff"><code class="python">from bootwrap import Panel, Button
 panel = Panel(
   Button("Primary").link("#").as_primary(),
   Button("Secondary").link("#").as_secondary(),
@@ -1211,29 +1211,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="add4aec0-5a73-47a6-a360-a4d5ffa4a065">
-              <a class="mb-1 btn btn-primary" href="#" id="ff20297d-f407-4473-8035-8eb331a02894" role="button">
+             <div id="c5abc324-019c-4e0e-8c6b-7c1d236552d0">
+              <a class="mb-1 btn btn-primary" href="#" id="78013f07-8255-4751-94f1-840faf318d48" role="button">
                Primary
               </a>
-              <a class="mb-1 btn btn-secondary" href="#" id="bc81ba39-88f4-472c-ad30-bbd609242f02" role="button">
+              <a class="mb-1 btn btn-secondary" href="#" id="10fa08cd-18d0-403e-8752-bd333bedc30d" role="button">
                Secondary
               </a>
-              <a class="mb-1 btn btn-success" href="#" id="830c6536-4fed-4146-9607-1a5fbf79cefa" role="button">
+              <a class="mb-1 btn btn-success" href="#" id="18177390-3af4-4199-a2eb-1ca3190f630b" role="button">
                Success
               </a>
-              <a class="mb-1 btn btn-warning" href="#" id="cc5f2604-6e92-49ed-9cfe-c2c3dd0546a0" role="button">
+              <a class="mb-1 btn btn-warning" href="#" id="3678d0c0-2a44-4c46-8b28-8cc4e360b1d3" role="button">
                Warning
               </a>
-              <a class="mb-1 btn btn-danger" href="#" id="e10f4362-908d-49c1-bc50-4af3e74097ca" role="button">
+              <a class="mb-1 btn btn-danger" href="#" id="9ddb4171-75f1-4fb0-aa32-bdfc111b3330" role="button">
                Danger
               </a>
-              <a class="mb-1 btn btn-info" href="#" id="55d0fe93-18a9-47fb-aac7-5443029a7307" role="button">
+              <a class="mb-1 btn btn-info" href="#" id="1e19d5c3-40ef-4bf8-a10f-0a5dc09aed44" role="button">
                Info
               </a>
-              <a class="mb-1 btn btn-light" href="#" id="7f3e0351-3441-4e09-b7e0-83b7ff47c0c8" role="button">
+              <a class="mb-1 btn btn-light" href="#" id="8c086d34-e445-46a7-a75a-6268d80b0239" role="button">
                Light
               </a>
-              <a class="mb-1 btn btn-dark" href="#" id="f733dd2e-8d91-405a-8293-62237333d56b" role="button">
+              <a class="mb-1 btn btn-dark" href="#" id="5d18ab3c-a760-47a6-9349-8c460736a627" role="button">
                Dark
               </a>
              </div>
@@ -1243,28 +1243,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="0786f9fa-746f-4da8-b754-c2f57d88c51b">
-        <div class="mt-3" id="91b6212a-213d-40f9-ac1d-5172f905b2a0">
-         <div id="7f88b8e9-22d6-42b3-a0b1-27ced8a11378">
+       <div class="tab-pane fade" id="aa84bf71-a33f-4842-9071-71bf87360c88">
+        <div class="mt-3" id="c4ebfee7-b5f1-44f0-b6a4-be1d6dfc63bc">
+         <div id="f14ccc84-af20-477a-8c90-a9232a8b0a71">
           <div class="row">
            <div class="col-md">
-            <div id="4c6d92c8-a372-4b89-aba2-24d52dc732e3">
-             <h1 id="2141f813-8919-41c4-b766-abee30c24972">
+            <div id="2279c6aa-38f6-4a76-9682-affa8a6a5254">
+             <h1 id="e98a359d-868f-4b27-a010-952b24be4065">
               Outline
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="1a57cbd9-930e-42ff-bf83-79cbc74e8159">
+            <div id="4de6c27c-517a-43b6-9495-b86f8a10890c">
             </div>
            </div>
           </div>
          </div>
-         <div id="f985d971-5aae-401b-aade-f8b6ae4ad4d6">
+         <div id="8da511f9-f5e3-4b17-99ed-cdd4403fa553">
           <div class="row">
            <div class="col-md">
-            <div id="981f99c8-d48b-4738-a993-5b7dc90077f7">
-             <p id="30c474d6-12b6-476c-b525-083b5baabd71">
+            <div id="2b819368-d440-4cde-8b52-f4e4138590b3">
+             <p id="9d5feaa8-b9ae-4796-a582-8df53174e89e">
               Make
               <code>
                Button
@@ -1278,8 +1278,8 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="4560bffb-4967-4a51-952a-b7b077accb6e">
-             <pre id="de69fd7b-1641-4628-8752-2836d812d3d4"><code class="python">from bootwrap import Panel, Button
+            <div id="75cc50b7-e893-471a-8207-90e829e90243">
+             <pre id="b79c37d1-7da3-4aa1-9415-f4cd8e584130"><code class="python">from bootwrap import Panel, Button
 panel = Panel(
   Button("Primary").link("#").as_primary().as_outline(),
   Button("Secondary").link("#").as_secondary().as_outline(),
@@ -1293,29 +1293,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="639b47a5-4974-4255-af1b-e00c2fb22d58">
-              <a class="mb-1 btn btn-outline-primary" href="#" id="9a8f7b98-7d15-4bdb-8645-926033623dbe" role="button">
+             <div id="3f739d6b-5f56-4b13-9615-7ca12bddba38">
+              <a class="mb-1 btn btn-outline-primary" href="#" id="400e12ba-5d53-43cb-84bc-176793209042" role="button">
                Primary
               </a>
-              <a class="mb-1 btn btn-outline-secondary" href="#" id="4433a41c-8322-45dc-b308-275433b3f924" role="button">
+              <a class="mb-1 btn btn-outline-secondary" href="#" id="9845bf3c-3747-4ab2-abf0-3ba422b3f4b8" role="button">
                Secondary
               </a>
-              <a class="mb-1 btn btn-outline-success" href="#" id="4ef36bf4-5a94-4a00-84e9-9804d9c9223e" role="button">
+              <a class="mb-1 btn btn-outline-success" href="#" id="c4022aa8-99d1-46af-a508-295fc3fcb286" role="button">
                Success
               </a>
-              <a class="mb-1 btn btn-outline-warning" href="#" id="9c667032-89d8-4e7e-9b76-5d665eb7ac5f" role="button">
+              <a class="mb-1 btn btn-outline-warning" href="#" id="ed0ca0fe-5c0a-49b7-8bab-f5a2bdde896c" role="button">
                Warning
               </a>
-              <a class="mb-1 btn btn-outline-danger" href="#" id="28a3f208-170d-4d1f-8575-3a7b9562a73a" role="button">
+              <a class="mb-1 btn btn-outline-danger" href="#" id="8df77c13-c055-4429-bb6c-79c969fc7920" role="button">
                Danger
               </a>
-              <a class="mb-1 btn btn-outline-info" href="#" id="76ff58d9-91a1-4537-9672-3c277cecf819" role="button">
+              <a class="mb-1 btn btn-outline-info" href="#" id="7a8a3118-51b7-4485-8b76-58b26c6ad1f7" role="button">
                Info
               </a>
-              <a class="mb-1 btn btn-outline-light" href="#" id="711ffe21-2efc-478b-ad25-81ed5421b9db" role="button">
+              <a class="mb-1 btn btn-outline-light" href="#" id="6b383c88-7798-4bfe-9171-c956d6c1220d" role="button">
                Light
               </a>
-              <a class="mb-1 btn btn-outline-dark" href="#" id="197c3dbe-c9d2-4226-a13b-fd348ad46aa4" role="button">
+              <a class="mb-1 btn btn-outline-dark" href="#" id="993dc635-c1c4-48ba-bdc8-d3b25eb4110b" role="button">
                Dark
               </a>
              </div>
@@ -1325,28 +1325,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9bbf6f53-9b5c-4094-9c6f-17c01266a635">
-        <div class="mt-3" id="74f2ebf1-199e-43fa-85a4-bbd7e743c76e">
-         <div id="1ac9494b-e2cf-4b7b-8ac6-1d921cd320f1">
+       <div class="tab-pane fade" id="e48975c4-a46e-4a46-930f-5c993316494a">
+        <div class="mt-3" id="3772f826-c3be-46a7-959a-be7a082f5480">
+         <div id="877228b7-fccd-4a73-8b75-b6f27945cf34">
           <div class="row">
            <div class="col-md">
-            <div id="554399c1-088c-4227-8b70-c2fae740cba0">
-             <h1 id="77d8384a-f7c7-464d-8571-147e770ad43e">
+            <div id="d11ea2c2-132f-409e-b0cd-dc5987cb5c86">
+             <h1 id="262d7830-58d5-4701-b899-885d16a5cd87">
               Disable
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="ddf95496-e7a7-403d-a51a-4e513034537f">
+            <div id="ab111151-e0b6-4fb0-b1b7-a6cefe46f4d9">
             </div>
            </div>
           </div>
          </div>
-         <div id="0005f78b-3310-4d39-a841-f7f06b1f51aa">
+         <div id="97fcb69e-0896-4859-a4cf-731ffdca7e96">
           <div class="row">
            <div class="col-md">
-            <div id="513441be-69f5-406b-beac-5ee84ba545be">
-             <p id="ede2500c-7562-4ec5-bafe-287f7b8649a3">
+            <div id="b5df903e-f8ed-4edc-be71-ce012142fe47">
+             <p id="7835d40d-8618-4f13-922e-ba6ace536a41">
               But default the
               <code>
                Button
@@ -1368,17 +1368,17 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="26eb47ed-5052-45fe-92aa-7076603f6311">
-             <pre id="9511e8a7-fca5-4db3-9c9e-7f4b2d7e59b2"><code class="python">from bootwrap import Panel, Button
+            <div id="92bb68c7-3998-4fd9-b0b3-1f5464e7a1a5">
+             <pre id="dbebc215-2fb4-4969-b1f4-629ffc4c2857"><code class="python">from bootwrap import Panel, Button
 Panel(
   Button("Enabled").as_primary(),
   Button("Disabled").as_primary().as_disabled()
 )</code></pre>
-             <div id="c98e8456-f0de-4c76-8343-e13f60bc3946">
-              <button class="btn btn-primary" id="b5591779-89b4-41e4-ba8e-8eb2f15b2007" onclick="return false;">
+             <div id="9aaea4bc-f1da-4ea1-a8ef-22b19edb8cc7">
+              <button class="btn btn-primary" id="18712f4a-cfd1-4c1c-95b4-3a46c96dde9a" onclick="return false;">
                Enabled
               </button>
-              <button class="btn btn-primary" disabled="" id="a709efb8-935f-4aeb-9ceb-46a32fd6d434" onclick="return false;">
+              <button class="btn btn-primary" disabled="" id="d3beba25-878a-403c-9697-bf58899421a3" onclick="return false;">
                Disabled
               </button>
              </div>
@@ -1388,28 +1388,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="db8ad004-d967-4f6a-8897-e6c07549502a">
-        <div class="mt-3" id="2de0d1c2-ecc1-445b-9fcb-3b4761e17239">
-         <div id="88cd2905-60e8-48bb-9e9e-1729eab92f05">
+       <div class="tab-pane fade" id="37597ab4-8a5f-4d03-a442-245997630bd1">
+        <div class="mt-3" id="4e04620f-677a-48c1-8b67-d62675651d31">
+         <div id="f1605106-244c-4a89-95f1-b78101ddd447">
           <div class="row">
            <div class="col-md">
-            <div id="dd2a7b81-c7ec-440d-a772-16d422c275b8">
-             <h1 id="64adf7d2-fe87-42f9-bcd5-77835ed881b8">
+            <div id="8de8f30e-988f-4c97-9fb0-ea18816bae1e">
+             <h1 id="e6ac7269-8743-4188-ad7e-ed4b1d1b8222">
               Link Resource
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="532abe97-cb75-41dc-a7ab-c13e008a6a8e">
+            <div id="2a370e4b-51f8-4e1c-b6ee-79e6d04e9b56">
             </div>
            </div>
           </div>
          </div>
-         <div id="4eb8892f-ecb7-4643-85da-f2fded166422">
+         <div id="14dd2309-2e01-4bfd-9f17-a796a2b8df98">
           <div class="row">
            <div class="col-md">
-            <div id="ead9411b-668b-4aa2-8e41-9a0fef8327ac">
-             <p id="5d469372-3465-494d-813f-012e284a5e4d">
+            <div id="2ffc3cfb-1f92-47ba-b60f-79920aedc8c9">
+             <p id="3b0044af-9772-4fc1-9c15-f0d93a9b631c">
               Associate
               <code>
                Button
@@ -1423,13 +1423,13 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="3ff56eb9-c8c9-43f7-a222-16eaa3bd58eb">
-             <pre id="773a0c51-de58-40de-836f-d5a558b451cf"><code class="python">from bootwrap import Panel, Button
+            <div id="8292610d-d64d-4259-981d-296d413adc56">
+             <pre id="28e1ee62-4ed4-420a-abf8-109cc124a0a7"><code class="python">from bootwrap import Panel, Button
 Panel(
     Button("Google Search").as_primary().link("https://www.google.com/")
 )</code></pre>
-             <div id="3be12a5a-ad9b-4281-91fa-d74d56a530f1">
-              <a class="btn btn-primary" href="https://www.google.com/" id="96e669be-fddd-436f-ac58-28ea60ea78c6" role="button">
+             <div id="0e75bc3e-20b9-4d68-8ba9-a2475670752f">
+              <a class="btn btn-primary" href="https://www.google.com/" id="568b23d4-b042-480a-8f65-c3ac62aa53ef" role="button">
                Google Search
               </a>
              </div>
@@ -1439,28 +1439,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="a8f04df7-379c-4f91-9d3e-7a5f0b21006c">
-        <div class="mt-3" id="4f1a7667-a656-4539-8fe5-69a00025d491">
-         <div id="bb7eba37-c727-4326-8b93-e60cf4523b7b">
+       <div class="tab-pane fade" id="4b49fba0-552d-43a3-bcb6-6ec877743e51">
+        <div class="mt-3" id="1f8c4696-91de-4cf7-b9ce-07216edb5fc9">
+         <div id="0ec42b4c-c299-45b7-9bb2-c4fbe82b5b28">
           <div class="row">
            <div class="col-md">
-            <div id="9b2cd1e6-bd1f-4512-af8d-17b274e31077">
-             <h1 id="14cac21d-7d3a-4373-ab7a-138c51ae6e6d">
+            <div id="4c13d47f-9b85-41c9-abeb-4edff57217aa">
+             <h1 id="6383686b-f071-4ca4-b632-38e3ff0a2767">
               Open Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="7cfe6051-6951-45a3-aed9-c8b1167767c8">
+            <div id="cb6b0a44-8578-4f44-83bb-63858d9dc40b">
             </div>
            </div>
           </div>
          </div>
-         <div id="5da5836a-957a-48cc-842f-717e6193d2d6">
+         <div id="e9a844f2-f2a2-41a3-94f8-d49c79843c9e">
           <div class="row">
            <div class="col-md">
-            <div id="339bf21f-cbae-4b35-ba4c-cebf6c5c7046">
-             <p id="bab38130-6ed8-4c29-a8e2-3f943e9a8186">
+            <div id="27f739a6-278b-4fdb-9db5-52f3f3c992f1">
+             <p id="f8ec28ad-e2a2-4266-bfa4-1e025d689abf">
               Use
               <code>
                Button
@@ -1474,16 +1474,16 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="4916bd97-fdf2-4ee4-93f0-92e5062566b0">
-             <pre id="c96e6a0f-cb44-45b4-8f51-4b9e8ba53b15"><code class="python">from bootwrap import Panel, Dialog, Button
+            <div id="ff0aa9cd-7e62-41ef-aafc-843d57a16ae6">
+             <pre id="5282615f-29fb-4d93-bef1-dd3eac73a245"><code class="python">from bootwrap import Panel, Dialog, Button
 dialog = Dialog(
   "Greeting",
   "Hello World!"
 )
 button = Button("Say Hello").as_primary().toggle(dialog)
 Panel(dialog, button)</code></pre>
-             <div id="cc28fc0a-ec09-4a83-937b-6fdc18d4008c">
-              <div class="modal" id="cf6a9964-b600-4d30-ace8-704ec7176b82">
+             <div id="aa054f7a-7789-42ba-83d8-fffbf744bc2f">
+              <div class="modal" id="568863d6-b18d-4a59-8f5a-47bfeeed87fc">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -1499,7 +1499,7 @@ Panel(dialog, button)</code></pre>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#cf6a9964-b600-4d30-ace8-704ec7176b82" data-bs-toggle="modal" id="5c105477-d12d-4214-87dd-39a91c41098c" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#568863d6-b18d-4a59-8f5a-47bfeeed87fc" data-bs-toggle="modal" id="452c50eb-2375-4b9c-8170-14c9c291fe96" onclick="return false;" type="button">
                Say Hello
               </button>
              </div>
@@ -1509,28 +1509,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="506bc036-06d6-413b-a4af-d4612879e243">
-        <div class="mt-3" id="f9bbfbe4-ed07-4b26-8800-407b63dee3b2">
-         <div id="b451039f-10fd-4168-9031-f1e3ccc72761">
+       <div class="tab-pane fade" id="ba54c9aa-eb24-43c9-8e2f-55ac6e7bafb2">
+        <div class="mt-3" id="747f3b24-7595-433c-9619-05bd65c8541a">
+         <div id="a6da0221-2d23-4f8b-9501-17ff91b3f3be">
           <div class="row">
            <div class="col-md">
-            <div id="5f291be2-a4d7-4819-8b39-5b9637e60b82">
-             <h1 id="14ebc76d-4da5-402e-876d-4eff63916144">
+            <div id="b060cfe3-cdde-40d7-9d0a-36c799eccce5">
+             <h1 id="93a11f9c-d4c3-4cac-a05d-005187d75649">
               Close Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="88f7658c-289f-4f9b-96fb-b4e2b2ab0d01">
+            <div id="9fca6eab-40b9-45ad-9b69-dc831d04466e">
             </div>
            </div>
           </div>
          </div>
-         <div id="293cfedd-a145-4ea5-bd5c-9c9909e15f97">
+         <div id="49af1d2f-044f-4ebb-8cfc-178321257735">
           <div class="row">
            <div class="col-md">
-            <div id="5c1a18b9-656b-437a-80cd-a47f52ce78d8">
-             <p id="a62c8faf-527f-48c4-988e-25c09e329885">
+            <div id="a07fcccd-ffae-4dcd-b9a0-1987d933cbd3">
+             <p id="842d418b-35e9-41a6-ba4c-afa62bc40ca4">
               Use
               <code>
                Button
@@ -1544,8 +1544,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="4c0c41ec-38e9-43bc-bf36-8bdf1cfa417f">
-             <pre id="f15d5782-c426-46fe-a820-3f8d6e9e8f4a"><code class="python">from bootwrap import Panel, Dialog, Button
+            <div id="ff0b2712-921a-48a6-8f26-2052154c269a">
+             <pre id="56020af3-f7e5-42c6-9447-95b36e5f9a25"><code class="python">from bootwrap import Panel, Dialog, Button
 dialog = Dialog(
   "Greeting",
   "Hello World!",
@@ -1553,8 +1553,8 @@ dialog = Dialog(
 )
 button = Button("Say Hello").as_primary().toggle(dialog)  
 Panel(dialog, button)</code></pre>
-             <div id="8b0ece45-8c41-4878-be24-bcd81b731311">
-              <div class="modal" id="80be244c-9294-41a8-9ec9-e567f1e45901">
+             <div id="37406575-6185-4b35-bc06-36474310603e">
+              <div class="modal" id="96bdec6c-bdba-4580-92e8-64d4c71e9032">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -1568,14 +1568,14 @@ Panel(dialog, button)</code></pre>
                   Hello World!
                  </div>
                  <div class="modal-footer">
-                  <button class="btn btn-primary" data-bs-dismiss="modal" id="f77aeab8-4f63-4238-8819-187afd974381" onclick="return false;" type="button">
+                  <button class="btn btn-primary" data-bs-dismiss="modal" id="38184ccf-4f0b-4ffc-a933-712ca774b6cf" onclick="return false;" type="button">
                    Bye
                   </button>
                  </div>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#80be244c-9294-41a8-9ec9-e567f1e45901" data-bs-toggle="modal" id="0f9eec14-2c67-4e8c-b765-1311502d5265" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#96bdec6c-bdba-4580-92e8-64d4c71e9032" data-bs-toggle="modal" id="cce7c834-cc7e-45cd-becb-d0a639d30438" onclick="return false;" type="button">
                Say Hello
               </button>
              </div>
@@ -1585,28 +1585,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e210c373-dbd0-4433-871b-a465d292ddbb">
-        <div class="mt-3" id="312873d7-2f5a-4c6d-8781-fd5c91d7bf61">
-         <div id="0cae2ee4-96bd-4283-bfa1-c17fb1ac19fb">
+       <div class="tab-pane fade" id="1e2ea340-eeed-4f38-9cdb-40f37c91cdbd">
+        <div class="mt-3" id="f2654a4a-ac33-424e-8509-ff99d5fae9d7">
+         <div id="646861a9-558b-44d3-ac82-88c45f217e83">
           <div class="row">
            <div class="col-md">
-            <div id="b3f6372f-beee-44f1-b486-b49290884f62">
-             <h1 id="627cf66d-dcad-442c-97ec-033a684bb50c">
+            <div id="1348dc45-ffd4-4c04-a49b-abb4cfa5ac3a">
+             <h1 id="5dd548d6-d1c3-4cfc-839a-1bad03f2247b">
               Expand/Collapse Panel
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="385662df-d06c-4d15-a682-11ef2d526582">
+            <div id="a5c95960-4367-46df-ad96-29b40f24033e">
             </div>
            </div>
           </div>
          </div>
-         <div id="3e8b4917-fe0d-4d1b-958d-c1a52f3b4af6">
+         <div id="3ecbc0dd-0f0d-420e-a4fa-9b2f2e707b95">
           <div class="row">
            <div class="col-md">
-            <div id="76c19981-ddf1-4508-ad96-62d803c5cbe1">
-             <p id="aefc26ec-0303-4a36-a6c1-30ccef0e79c4">
+            <div id="33567aa4-1cd6-4a1a-8a29-bb88c721f660">
+             <p id="cfb20564-4295-444e-a1a8-ab61739b42e9">
               Use
               <code>
                Button
@@ -1620,8 +1620,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="0516d2e9-57a3-49b6-adbd-49b42772961d">
-             <pre id="dcc37b45-4164-483a-a4ce-d94eb8191d4e"><code class="python">from bootwrap import Panel, Button
+            <div id="d4068ddd-0e31-4d50-a6af-bf9016272837">
+             <pre id="338c0d9e-7c39-4f1f-aef4-504ab71ae735"><code class="python">from bootwrap import Panel, Button
 quote = Panel(
   "Sometimes life is going to hit you in " +
   "the head with a brick. Don’t lose faith."
@@ -1630,11 +1630,11 @@ Panel(
   Button("Steve Jobs Quote").as_primary().toggle(quote),
   quote
 )</code></pre>
-             <div id="b4450bb4-a59d-4673-a5b2-02071a81996b">
-              <button class="btn btn-primary" data-bs-target="#44affe5a-dcb9-423c-9bb7-52e90c2faeb2" data-bs-toggle="collapse" id="a7bd0133-19cc-447e-83e5-29a51f4ad8f3" onclick="return false;" type="button">
+             <div id="2fb12d71-8d3c-459c-a8b7-3077ba51d025">
+              <button class="btn btn-primary" data-bs-target="#dc75f911-3e82-4ea8-9ead-b45d553532a1" data-bs-toggle="collapse" id="974590b7-9299-408b-8208-88c6038f26c6" onclick="return false;" type="button">
                Steve Jobs Quote
               </button>
-              <div class="collapse" id="44affe5a-dcb9-423c-9bb7-52e90c2faeb2">
+              <div class="collapse" id="dc75f911-3e82-4ea8-9ead-b45d553532a1">
                Sometimes life is going to hit you in the head with a brick. Don’t lose faith.
               </div>
              </div>
@@ -1644,28 +1644,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="4c84c12c-1da0-4bdc-9f35-ce35c6df4206">
-        <div class="mt-3" id="137e1a45-a184-4336-b8a1-930b6ab61ca1">
-         <div id="5d949fcd-a043-4509-b385-fc2201158864">
+       <div class="tab-pane fade" id="27626a24-8a6a-4989-aedd-1080b06fe844">
+        <div class="mt-3" id="22901003-f4ae-4494-b2ea-e6a61d5941d7">
+         <div id="12673c9c-53f0-4c3d-9af3-375e4a9228f3">
           <div class="row">
            <div class="col-md">
-            <div id="db110424-d840-441d-8543-f562b1e96c7f">
-             <h1 id="48357ef7-a116-464f-a09e-c2ac2b78ffa7">
+            <div id="766f7ca1-6bf0-4d57-9700-5e8095432620">
+             <h1 id="8104609f-b8b3-49ea-b634-743ff815f6ca">
               Submit Action
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="23da5989-9480-412a-9a38-c7c949c2a2cb">
+            <div id="1eccce87-519c-4832-8169-ef803066e944">
             </div>
            </div>
           </div>
          </div>
-         <div id="1671640e-7ae3-4c33-a6b5-9f1a7a63ea62">
+         <div id="6b1c0e99-35e5-489f-96fc-d32b20b5ae2d">
           <div class="row">
            <div class="col-md">
-            <div id="d460bd58-0664-4bc5-9cdc-a9e492c997e2">
-             <p id="52801ca2-4b94-4001-a8ff-45334c1c7192">
+            <div id="b9c177e8-a559-4d2d-b70e-375c2c27237f">
+             <p id="e3cfce6d-2f7b-40d4-9645-02b510a1252e">
               Use
               <code>
                Button
@@ -1676,7 +1676,7 @@ Panel(
               </code>
               function.
              </p>
-             <p id="c1ff0843-e82e-4633-a0f6-7949cc6abdd8">
+             <p id="7ce25ce4-6040-4f24-bc55-d60eeb8a6f92">
               <strong>
                Note:
               </strong>
@@ -1697,22 +1697,22 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="fd5631e3-69c0-459a-9307-857ccdccd489">
-             <pre id="a0ab32ce-b157-4a83-ba25-74ac373cc3ea"><code class="python">from bootwrap import Form, TextInput, Button
+            <div id="87ce1550-1d45-4300-b4cc-25f4a0eeca2c">
+             <pre id="969f4b08-912e-467c-b8d2-a70d63820932"><code class="python">from bootwrap import Form, TextInput, Button
 Form(
   TextInput("Email", "email", "my@email.com").for_email(),
   Button("Send").as_primary().submit()
 )</code></pre>
-             <form enctype="multipart/form-data" id="1ee1e811-5912-4629-9393-e5ea1d639477" method="POST">
+             <form enctype="multipart/form-data" id="e7b843f0-9656-4b71-ac40-e1bafae3e897" method="POST">
               <div class="form-group row">
-               <label class="col-sm-4 col-form-label d-flex align-items-center" for="2e73b10b-1a3a-4a28-9287-7333b5c4931e">
+               <label class="col-sm-4 col-form-label d-flex align-items-center" for="45abf83f-5e2e-4991-904a-d25c4ce511ec">
                 Email
                </label>
                <div class="col-sm-8 d-flex align-items-center">
-                <input class="form-control" id="2e73b10b-1a3a-4a28-9287-7333b5c4931e" name="email" type="email" value="my@email.com"/>
+                <input class="form-control" id="45abf83f-5e2e-4991-904a-d25c4ce511ec" name="email" type="email" value="my@email.com"/>
                </div>
               </div>
-              <button class="btn btn-primary" id="dc89f51a-4ca7-49b5-b426-40f584246051" type="submit">
+              <button class="btn btn-primary" id="15d9bed4-327c-4b0f-b9a2-bd05eb6c0532" type="submit">
                Send
               </button>
              </form>
@@ -1725,59 +1725,59 @@ Form(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="726021a7-0776-4d9d-81b0-1174972425fb">
-     <div id="cb4c6784-6763-4cfb-84d5-afb4338c4dbd">
+    <div class="tab-pane fade" id="8e157bd6-d103-4329-9535-47662da84332">
+     <div id="c11854c1-6dc3-46d6-9b75-d5dcc2a12430">
       <hr/>
-      <ul class="nav" id="550053af-27b8-4ca8-8f10-8ef806f6c665" role="tablist">
+      <ul class="nav" id="33de85cf-abef-414a-acab-152994d6c637" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#378caac3-5832-455d-bf1d-99a0510dbc2a" data-bs-toggle="tab" href="#378caac3-5832-455d-bf1d-99a0510dbc2a" id="04d759ee-38d9-42fe-8f57-d2f18257505e" role="tab">
-         <span class="text-secondary" id="606a1da6-e3a2-4078-9dac-9dc5bcb2d553">
+        <a class="nav-link active" data-bs-target="#e1d1f380-1f48-45d5-bef2-54340a3622f5" data-bs-toggle="tab" href="#e1d1f380-1f48-45d5-bef2-54340a3622f5" id="07c1f6b4-3276-4f0a-b2a7-a462e0cba607" role="tab">
+         <span class="text-secondary" id="969b534f-ca5a-4045-bafd-b2f2ed12b3f0">
           ButtonGroup
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#2080c249-b958-4e29-8f31-ae5c7c3c16eb" data-bs-toggle="tab" href="#2080c249-b958-4e29-8f31-ae5c7c3c16eb" id="68e3b912-483e-4290-8488-063c72ef13db" role="tab">
-         <span class="text-secondary" id="ba78fbb9-1369-4085-986f-227c8bf6dcc1">
+        <a class="nav-link" data-bs-target="#392bc320-fd95-4ffe-b677-ce7b7ea21ff9" data-bs-toggle="tab" href="#392bc320-fd95-4ffe-b677-ce7b7ea21ff9" id="f2f40518-2561-4793-a699-354833c32b21" role="tab">
+         <span class="text-secondary" id="10083dc1-4134-4b94-8a8c-53d9cabcb515">
           As check boxes
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#772599ca-1968-4da8-b5c5-0f680bcc9c5f" data-bs-toggle="tab" href="#772599ca-1968-4da8-b5c5-0f680bcc9c5f" id="3503729a-46d9-46ab-9619-7d04a2845527" role="tab">
-         <span class="text-secondary" id="8b104917-7e5a-4458-8352-52cb1054a8d3">
+        <a class="nav-link" data-bs-target="#2565c47c-daa8-480a-aad6-616158585642" data-bs-toggle="tab" href="#2565c47c-daa8-480a-aad6-616158585642" id="1f8d1c60-2065-4605-96e5-42e959e5680c" role="tab">
+         <span class="text-secondary" id="ad5a28d0-8259-4d12-a47f-55e2ac679404">
           As radio buttons
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="378caac3-5832-455d-bf1d-99a0510dbc2a">
-        <div class="mt-5" id="e25f5d81-dc14-4cc1-9722-d0b038a844d6">
-         <div class="d-flex justify-content-between" id="153cac73-0250-4d1f-9bf8-1c6a315e0407">
-          <h1 id="d06cb64c-13f8-45f5-86d1-2dd78a88f70c">
+       <div class="tab-pane fade active show" id="e1d1f380-1f48-45d5-bef2-54340a3622f5">
+        <div class="mt-5" id="4208629d-ddbf-4dbd-bdd5-4f57fd0c3af7">
+         <div class="d-flex justify-content-between" id="9cc0a14c-3f19-4a76-8a64-4c1274f3c401">
+          <h1 id="b2388572-6298-495c-918b-a8402b4242e2">
            Class
-           <span class="text-primary" id="d2706894-3a7d-46ff-9b89-4a4afba2fae6">
+           <span class="text-primary" id="7cfe381f-cf0b-4f25-a225-85123702c388">
             ButtonGroup
            </span>
           </h1>
-          <div id="007f52c2-4213-431b-9647-9ce62859e79e">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#698733cc-60b8-4785-8604-af87d51f8dd1" data-bs-toggle="collapse" id="4a7b5255-34ef-438d-b47c-22667de30fcf" onclick="return false;" type="button">
+          <div id="174a37e0-64cb-4727-b6b1-cd2afa682f7e">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5aca9691-f403-4203-ba7c-c3d135382be6" data-bs-toggle="collapse" id="c096e452-7734-4dbf-9276-a31951cf516c" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="616e49d5-c4fb-4f11-8491-e17409d54c00">
+         <span class="text-muted" id="df2d8a14-ce02-4fee-bf20-c7e300dd6406">
           A web component for a button group.
          </span>
-         <pre id="1e4416d7-0e3c-446f-96a0-d65ae230fc44"><code class="python">ButtonGroup(*buttons)</code></pre>
-         <div class="ms-3 collapse" id="698733cc-60b8-4785-8604-af87d51f8dd1">
-          <h6 id="94f699b8-a4fc-44bc-aa9a-9a509a4bda03">
+         <pre id="d977de4d-1ac8-41df-bde1-ae7da9faf8a4"><code class="python">ButtonGroup(*buttons)</code></pre>
+         <div class="ms-3 collapse" id="5aca9691-f403-4203-ba7c-c3d135382be6">
+          <h6 id="b7a3d5c5-4001-4ebd-ad56-44f7da93949e">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="e8b8c5dc-4484-435d-908c-c98c25966c45">
+          <table class="table table-sm bg-light" id="276e7242-0957-45f8-a0f8-6b5b2264ba2c">
            <thead>
             <tr>
              <th scope="col">
@@ -1814,17 +1814,17 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="51124037-d9c0-44e2-9752-af5c0bbaf331">
+         <p id="34735b74-84f2-4c71-ac31-6eeb7e9c6bab">
           Group a series of buttons together on a single line or stack them in
     a vertical column.
          </p>
-         <div class="ms-3" id="f04b8ee8-d36a-42c5-a835-c0eafb7ae81f">
-          <h6 id="e566d723-5aab-4404-b81d-8bddaf14c422">
+         <div class="ms-3" id="28e82b70-9bdd-4173-b927-800d63bc0f99">
+          <h6 id="3eb29b0a-33ce-43e0-a16e-0330094ffd2d">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="8e451950-e277-446a-88d7-032a43f1795a"><code class="python">from bootwrap import Button, ButtonGroup
+          <pre id="960c1457-4043-4a2f-a55d-c12eca468368"><code class="python">from bootwrap import Button, ButtonGroup
 
 button1 = Button('One').as_success()
 button2 = Button('Two').as_warning()
@@ -1833,67 +1833,67 @@ button3 = Button('Three').as_danger()
 ButtonGroup(button1, button2, button3)
 </code></pre>
          </div>
-         <div class="ms-3" id="08d9ce04-f848-4819-a1f6-d776ef854d25">
-          <div class="btn-group" id="0b6b9262-50b1-4e34-80ba-866426e80921" role="group">
-           <button class="btn btn-success" id="3a44fb3e-a481-412e-aebe-68449a4eed39" onclick="return false;">
+         <div class="ms-3" id="f49978d7-2ae9-45f1-969b-39d442d1aa79">
+          <div class="btn-group" id="89be135b-b334-4556-bc67-c1c288d4c974" role="group">
+           <button class="btn btn-success" id="f71a9279-4df6-47b0-a942-a122bf7f618b" onclick="return false;">
             One
            </button>
-           <button class="btn btn-warning" id="b490a32b-8d92-4b13-a745-037be16371df" onclick="return false;">
+           <button class="btn btn-warning" id="61d628c9-bbff-40e6-b4d4-2861692d3294" onclick="return false;">
             Two
            </button>
-           <button class="btn btn-danger" id="26c715f8-86dd-4834-b8e0-e8a05fc3ada1" onclick="return false;">
+           <button class="btn btn-danger" id="36309aba-958a-4133-919f-3353974826b1" onclick="return false;">
             Three
            </button>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="2080c249-b958-4e29-8f31-ae5c7c3c16eb">
-        <div class="mt-3" id="78784d2b-f4c0-4d8c-8509-496236d9405b">
-         <div id="9b9b2e4a-4b47-46b9-b858-cd2a3ad79f8e">
+       <div class="tab-pane fade" id="392bc320-fd95-4ffe-b677-ce7b7ea21ff9">
+        <div class="mt-3" id="0f6a3de7-f6c7-49ec-a9d9-79c3c878fa30">
+         <div id="4e3afbf1-0f5e-4c1e-b70b-fe4b7354c8c5">
           <div class="row">
            <div class="col-md">
-            <div id="ea5b5c8d-d4fe-4b82-8d66-20ccf70fd2ea">
-             <h1 id="a3f58991-e8a9-4ad8-accb-a96a690ec3b3">
+            <div id="830efeec-4024-4def-8bc4-41a4a443af6a">
+             <h1 id="b9d6b65c-e239-4edd-8976-c5fa9b62d37c">
               As check boxes
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="60ea332a-435d-4980-8077-8cc37ebbc274">
+            <div id="706abd79-3d5f-4951-9fc6-cfb6e3ce2190">
             </div>
            </div>
           </div>
          </div>
-         <div id="dc541363-57bb-4a6d-a627-3d0812e945c1">
+         <div id="ce045d35-bf1a-4191-a3b6-01a750b8c839">
           <div class="row">
            <div class="col-md">
-            <div id="9545fa61-d362-460e-b612-c0d0ed411b38">
-             <p id="9e607714-0260-4b32-ab45-f177e1c34e1a">
+            <div id="0b87f8ab-8155-4a24-9f8d-2af9ed0908c6">
+             <p id="f176a739-05e0-45ba-a9a0-d30f6cdaf050">
               Group a series of buttons together, which act as check boxes.
              </p>
             </div>
            </div>
            <div class="col-md">
-            <div id="8ad6a49f-3054-4777-bc83-4c6e7e025fa7">
-             <pre id="4b4900bf-fa66-4819-bd57-12ac7c4bef46"><code class="python">from bootwrap import CheckboxInput, ButtonGroup
+            <div id="78501368-ccab-4683-8f7a-244d904032ed">
+             <pre id="bf0e7597-0ede-4ba6-a026-f0b1163fde6f"><code class="python">from bootwrap import CheckboxInput, ButtonGroup
 
 button1 = CheckboxInput('One', 'opt1').as_button().as_secondary()
 button2 = CheckboxInput('Two', 'opt2').as_button().as_secondary()
 button3 = CheckboxInput('Three', 'opt3').as_button().as_secondary()
 
 ButtonGroup(button1, button2, button3)</code></pre>
-             <div class="btn-group" id="51e442ea-0813-437f-8ec1-f4e3fd13a67e" role="group">
-              <input autocomplete="off" class="btn-check" id="78c45576-1a0d-48f4-a197-c803803225ec" name="opt1" type="checkbox"/>
-              <label class="btn btn-secondary" for="78c45576-1a0d-48f4-a197-c803803225ec">
+             <div class="btn-group" id="1a9f8618-9c06-4e0c-beba-6e5830c7ee89" role="group">
+              <input autocomplete="off" class="btn-check" id="56a27d56-4db3-44c9-ae69-b1a3da321661" name="opt1" type="checkbox"/>
+              <label class="btn btn-secondary" for="56a27d56-4db3-44c9-ae69-b1a3da321661">
                One
               </label>
-              <input autocomplete="off" class="btn-check" id="185ad417-0134-4534-8134-d871621e6421" name="opt2" type="checkbox"/>
-              <label class="btn btn-secondary" for="185ad417-0134-4534-8134-d871621e6421">
+              <input autocomplete="off" class="btn-check" id="4fe067e3-7786-4897-bf4f-ef60d542d730" name="opt2" type="checkbox"/>
+              <label class="btn btn-secondary" for="4fe067e3-7786-4897-bf4f-ef60d542d730">
                Two
               </label>
-              <input autocomplete="off" class="btn-check" id="ed647681-e093-4894-ba37-d23a379585dc" name="opt3" type="checkbox"/>
-              <label class="btn btn-secondary" for="ed647681-e093-4894-ba37-d23a379585dc">
+              <input autocomplete="off" class="btn-check" id="5c905e7c-58b5-4c47-8f51-a28089c13eb5" name="opt3" type="checkbox"/>
+              <label class="btn btn-secondary" for="5c905e7c-58b5-4c47-8f51-a28089c13eb5">
                Three
               </label>
              </div>
@@ -1903,52 +1903,52 @@ ButtonGroup(button1, button2, button3)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="772599ca-1968-4da8-b5c5-0f680bcc9c5f">
-        <div class="mt-3" id="15fba5ad-0756-4466-8900-78f29f1a6303">
-         <div id="3d3f2b34-9fc2-4ce0-bedc-361a972f1a83">
+       <div class="tab-pane fade" id="2565c47c-daa8-480a-aad6-616158585642">
+        <div class="mt-3" id="8afc91de-e626-4302-88d6-c51f60461f80">
+         <div id="7fcafa7e-1f96-4f87-8c2f-974177c7f1a8">
           <div class="row">
            <div class="col-md">
-            <div id="c4f5cdd8-ad66-4ef6-ab3a-1c02a1a08c23">
-             <h1 id="303c6e2e-b01a-49ae-bd36-9b1a52f27866">
+            <div id="204a7fe0-fc75-4ee9-982d-4317b2c543f9">
+             <h1 id="a3884a49-2fe0-4945-8cab-3d87c77f9eda">
               As radio buttons
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="8c75bb16-040f-4ae5-b511-e7af6451fd94">
+            <div id="14573534-e631-403d-b442-d6c1403f6935">
             </div>
            </div>
           </div>
          </div>
-         <div id="d166ec7b-46ee-4940-8a56-604d522222cb">
+         <div id="3589f3f2-fd70-4b07-9bfe-f3e15c31b1c8">
           <div class="row">
            <div class="col-md">
-            <div id="51b0b5ad-6f0d-4e3c-a0f8-9abb9d2f82e5">
-             <p id="5d5d73b6-ccb9-4539-a301-33530ba6465c">
+            <div id="e9506400-04f2-42b1-a787-a8bcdf2eabbd">
+             <p id="14bc5947-5514-4f65-94e3-771eac0389ea">
               Group a series of buttons together, which act as radio buttons.
              </p>
             </div>
            </div>
            <div class="col-md">
-            <div id="5274b419-3db1-4e52-8633-4a6c6aa5467e">
-             <pre id="0ea563b4-5cbb-404f-b0ea-c1b9a932d4a5"><code class="python">from bootwrap import CheckboxInput, ButtonGroup
+            <div id="98b093be-08ec-4e18-8a8f-96f8152aa8b2">
+             <pre id="431b1dfe-aa3f-478b-833f-52979f823ab9"><code class="python">from bootwrap import CheckboxInput, ButtonGroup
 
 button1 = CheckboxInput('One', 'opt').as_radio(1).as_button().as_secondary()
 button2 = CheckboxInput('Two', 'opt').as_radio(2).as_button().as_secondary()
 button3 = CheckboxInput('Three', 'opt').as_radio(3).as_button().as_secondary()
 
 ButtonGroup(button1, button2, button3)</code></pre>
-             <div class="btn-group" id="54a4c4a1-2d5e-433a-bc60-3ad4232fa322" role="group">
-              <input autocomplete="off" class="btn-check" id="5c92794d-9b36-424d-be4b-59ea2e55739c" name="opt" type="radio" value="1"/>
-              <label class="btn btn-secondary" for="5c92794d-9b36-424d-be4b-59ea2e55739c">
+             <div class="btn-group" id="e9d9e9ec-3950-415b-9a87-475864316b57" role="group">
+              <input autocomplete="off" class="btn-check" id="26edf89a-1a3a-4fe5-97b4-94f0b5a6b36b" name="opt" type="radio" value="1"/>
+              <label class="btn btn-secondary" for="26edf89a-1a3a-4fe5-97b4-94f0b5a6b36b">
                One
               </label>
-              <input autocomplete="off" class="btn-check" id="b5cd9e37-eb5a-44a6-a1ae-828cf4547f19" name="opt" type="radio" value="2"/>
-              <label class="btn btn-secondary" for="b5cd9e37-eb5a-44a6-a1ae-828cf4547f19">
+              <input autocomplete="off" class="btn-check" id="b0db000d-c3d9-460c-8349-6de20b61c8f7" name="opt" type="radio" value="2"/>
+              <label class="btn btn-secondary" for="b0db000d-c3d9-460c-8349-6de20b61c8f7">
                Two
               </label>
-              <input autocomplete="off" class="btn-check" id="4b831024-c191-438b-a5ff-d6f46b22073a" name="opt" type="radio" value="3"/>
-              <label class="btn btn-secondary" for="4b831024-c191-438b-a5ff-d6f46b22073a">
+              <input autocomplete="off" class="btn-check" id="31ffd787-d73f-4aaf-98fa-d0effe1393f7" name="opt" type="radio" value="3"/>
+              <label class="btn btn-secondary" for="31ffd787-d73f-4aaf-98fa-d0effe1393f7">
                Three
               </label>
              </div>
@@ -1961,52 +1961,52 @@ ButtonGroup(button1, button2, button3)</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="57d1342d-8df1-46eb-8cd1-1884a0d1605b">
-     <div id="9d969d61-6d0b-44ee-b8e4-87792f7684c8">
+    <div class="tab-pane fade" id="f6e84fc0-6c41-4e5f-b9a4-97538408ae7f">
+     <div id="9ef582c5-128b-4b22-85bc-be132f7ec18a">
       <hr/>
-      <ul class="nav" id="826cf56a-20ba-4e24-ba65-ff067e2b6a76" role="tablist">
+      <ul class="nav" id="6bec4459-9e42-46d3-8d2d-39e6d7819191" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#7051522d-3abc-4669-9a1a-696d075f0715" data-bs-toggle="tab" href="#7051522d-3abc-4669-9a1a-696d075f0715" id="3fd29b7c-45d2-4a52-9f2f-f988efc995ff" role="tab">
-         <span class="text-secondary" id="22e848bb-db42-44c8-8546-0da7de7910f5">
+        <a class="nav-link active" data-bs-target="#636571b2-b009-46e1-8def-6c6a1dbb59e9" data-bs-toggle="tab" href="#636571b2-b009-46e1-8def-6c6a1dbb59e9" id="3c1528e5-a89e-4f25-a188-6eb0f1a781f4" role="tab">
+         <span class="text-secondary" id="98bcc4cb-91a4-4709-ac05-9e9a6dc012b0">
           Deck
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#897bb628-bcf6-42ae-89a7-c3a84048c237" data-bs-toggle="tab" href="#897bb628-bcf6-42ae-89a7-c3a84048c237" id="7d111336-ae5e-4249-ae20-1c204b8429f1" role="tab">
-         <span class="text-secondary" id="e9c8c039-3ce9-4f00-94ae-a392b5cfe531">
+        <a class="nav-link" data-bs-target="#31e7a614-be46-41be-92ec-f8b9135bef87" data-bs-toggle="tab" href="#31e7a614-be46-41be-92ec-f8b9135bef87" id="792e2189-3383-4702-bc02-b46b0d619e3c" role="tab">
+         <span class="text-secondary" id="525123e2-01ac-4d03-bd33-efd0302a6017">
           Deck.Card
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="7051522d-3abc-4669-9a1a-696d075f0715">
-        <div class="mt-5" id="cec61536-b0ba-4e69-8749-af20dde21ca2">
-         <div class="d-flex justify-content-between" id="132cb1b8-c1af-4798-b787-42350253637e">
-          <h1 id="74fb669f-40a7-47d4-90d0-1752331187cf">
+       <div class="tab-pane fade active show" id="636571b2-b009-46e1-8def-6c6a1dbb59e9">
+        <div class="mt-5" id="7f5b4556-4f3b-4983-a610-0a4198355e34">
+         <div class="d-flex justify-content-between" id="24a1ca7e-2b93-4d08-a388-b073f6bed53d">
+          <h1 id="53463119-005b-48ae-bd88-3e641117eb14">
            Class
-           <span class="text-primary" id="73d9c20c-4a20-415d-a58a-b51d447e97bc">
+           <span class="text-primary" id="b38d13dc-0090-4b77-9ce6-164175c1a779">
             Deck
            </span>
           </h1>
-          <div id="56120157-7d7f-47f7-8795-a021f4460e64">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#fc81985c-4f17-4a95-b3fd-9d159492843a" data-bs-toggle="collapse" id="0643c61b-21b6-420e-9db7-76b6c9eeb620" onclick="return false;" type="button">
+          <div id="d38b877d-0b6e-4484-90ae-82464b325a0d">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#611352cc-78a0-4701-8083-dcc056f055f9" data-bs-toggle="collapse" id="15018d7d-93ec-4589-b51e-ff66e5e24362" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f803c6ba-1295-4b2a-9439-aea549fe0513">
+         <span class="text-muted" id="8ec8590f-00e1-4142-a5cf-a947d2be70bd">
           A web component for a deck of cards.
          </span>
-         <pre id="619a82ee-00a0-4812-804e-fdfe2787edfa"><code class="python">Deck(*cards)</code></pre>
-         <div class="ms-3 collapse" id="fc81985c-4f17-4a95-b3fd-9d159492843a">
-          <h6 id="03c5e117-a79d-4631-86d5-7c4455080de3">
+         <pre id="79966636-ff12-42c0-80ea-85c37724d175"><code class="python">Deck(*cards)</code></pre>
+         <div class="ms-3 collapse" id="611352cc-78a0-4701-8083-dcc056f055f9">
+          <h6 id="aad42a7f-ef91-44d2-ac42-16bc5e2c3bcd">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="abe90182-dc35-4b3e-a6e4-ca946a51c800">
+          <table class="table table-sm bg-light" id="e5861bdd-1eef-4b67-8731-8fedb1c3ecaa">
            <thead>
             <tr>
              <th scope="col">
@@ -2047,13 +2047,13 @@ ButtonGroup(button1, button2, button3)</code></pre>
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="ec84db5d-f2ec-4e82-bb10-ffb77f598fe0">
-          <h6 id="d077a727-bcef-4353-9fff-0401a605cbe2">
+         <div class="ms-3" id="73aa825e-beb6-4bae-b708-023dc4bafe85">
+          <h6 id="584bbfe5-d338-4de6-bb12-117aee9315c9">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="913baefd-7214-4c39-aeb4-fbc7512a75d8"><code class="python">from bootwrap import Button, Deck, Image
+          <pre id="b24586ab-0a37-454f-ad07-0aedb02aecc7"><code class="python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2086,107 +2086,107 @@ Deck(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="38086d5d-27f9-4803-9550-87610e906379">
-          <div class="card-deck grid-container" id="d6f79a2f-3e3e-4ee7-a68e-b2c9779f70bc">
-           <div class="card" id="6a993dcd-21ca-45dd-aaa4-07809ea659f5">
+         <div class="ms-3" id="ae914aaf-debe-463b-8a7e-72ad804dd43f">
+          <div class="card-deck grid-container" id="c26aace2-e6f3-4d4d-b33b-cbc51205c37c">
+           <div class="card" id="fdfeb68b-a8a1-40c1-b34a-37d2c90ccc0b">
             <a onclick="location.href='https://www.google.com';">
-             <img class="mt-3 card-img-top" id="3a966a7a-5071-4b0a-98fa-358245435e08" src="google-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="250b33ac-96e3-40a8-86ca-5240ff47154e" src="google-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.google.com';">
              <div class="text-right mb-2">
-              <span class="text-muted" id="655cc63b-c95b-420c-b097-8bb51383e3ad">
+              <span class="text-muted" id="19d99d82-fe86-4df8-bacf-cbcdc732e725">
                <small>
                 12:04:58 12/01/2021
                </small>
               </span>
              </div>
-             <h5 class="card-title" id="71a98b2c-1812-4446-834b-173a89f01eb6">
+             <h5 class="card-title" id="b8fd485f-a92b-4c98-a5ff-82a743611101">
               Google (NASDAQ: GOOGL)
              </h5>
              Price for a single Google share
             </div>
             <div class="card-footer text-right">
              <div class="btn-group">
-              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="55839edf-068f-4f6b-a7f8-8f0ae3276a99" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="2aef43fa-f43c-4068-95fc-8533ad569085" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="5f8f347c-0092-494e-9d1a-fc5d05ae079d" onclick="return false;">
+               <button class="dropdown-item btn" id="d9d1c337-c57a-4501-ad63-c2a7b81adcf8" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="2d6a30c7-8dad-4ab5-a4fc-6e14ca72e071" onclick="return false;">
+               <button class="dropdown-item btn" id="36518ed0-cdb2-4a34-bd03-d387cd7313d4" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="08404e7d-1edc-4f6f-93c2-f0ae1e25c0a2" onclick="return false;">
+               <button class="dropdown-item btn" id="639b44bf-720b-4080-bab9-40eb5ec9d6a5" onclick="return false;">
                 Transfer
                </button>
               </div>
              </div>
             </div>
            </div>
-           <div class="card" id="5dc4c352-446d-49f7-bda3-e843222969dd">
+           <div class="card" id="a700884c-04c5-4b4e-9f95-68c849c7563e">
             <a onclick="location.href='https://www.linkedin.com';">
-             <img class="mt-3 card-img-top" id="803cceb8-c6e7-469a-93db-d9fb5e4037e4" src="linkedin-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="9cf20242-deac-4d3b-a476-cec59aae97ac" src="linkedin-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.linkedin.com';">
              <div class="text-right mb-2">
-              <span class="text-muted" id="340ca466-1c30-4f38-94da-30af00408d6f">
+              <span class="text-muted" id="8cb1101b-18ee-42af-a8eb-b54c8bc70f8b">
                <small>
                 12:04:58 12/01/2021
                </small>
               </span>
              </div>
-             <h5 class="card-title" id="76416ea6-802e-43ae-80ae-c22e258ec9ce">
+             <h5 class="card-title" id="ea99f021-eb48-43e6-a2af-05b86eb1bb9d">
               LinkedIn (NASDAQ: LNKD)
              </h5>
              Price for a single LinkedIn share
             </div>
             <div class="card-footer text-right">
              <div class="btn-group">
-              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="54512cc1-1466-4e0c-9639-780409d3031c" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="7e99bb9a-7760-4181-a12c-6550e39c2124" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="5f8f347c-0092-494e-9d1a-fc5d05ae079d" onclick="return false;">
+               <button class="dropdown-item btn" id="d9d1c337-c57a-4501-ad63-c2a7b81adcf8" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="2d6a30c7-8dad-4ab5-a4fc-6e14ca72e071" onclick="return false;">
+               <button class="dropdown-item btn" id="36518ed0-cdb2-4a34-bd03-d387cd7313d4" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="08404e7d-1edc-4f6f-93c2-f0ae1e25c0a2" onclick="return false;">
+               <button class="dropdown-item btn" id="639b44bf-720b-4080-bab9-40eb5ec9d6a5" onclick="return false;">
                 Transfer
                </button>
               </div>
              </div>
             </div>
            </div>
-           <div class="card" id="6f9f2198-20bb-4148-b8c4-ed2b0905aa32">
+           <div class="card" id="892894f9-4ac3-45ed-aa37-e99f106bd36b">
             <a onclick="location.href='https://www.amazon.com';">
-             <img class="mt-3 card-img-top" id="bf0b583b-7f8e-4828-a6b7-fb3b134a96c9" src="amazon-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="86616672-e050-4924-9d37-e708b2ee1537" src="amazon-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.amazon.com';">
              <div class="text-right mb-2">
-              <span class="text-muted" id="0f63b1a4-981d-4a01-8f00-14229d9fcceb">
+              <span class="text-muted" id="3cfd5b10-69aa-4614-985b-08d4ce86ab6b">
                <small>
                 12:04:58 12/01/2021
                </small>
               </span>
              </div>
-             <h5 class="card-title" id="284b7dea-5d80-4dde-a4e5-76e9bbfe6cab">
+             <h5 class="card-title" id="6358abba-8213-4f61-ad7e-b6f91d1bfe0b">
               Amazon (NASDAQ: AMZN)
              </h5>
              Price for a single Amazon share
             </div>
             <div class="card-footer text-right">
              <div class="btn-group">
-              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="a2730dde-1a52-4034-834c-aed0a7a24c07" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="d1e64012-df5d-4dfe-8303-8e0377bc09a6" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="5f8f347c-0092-494e-9d1a-fc5d05ae079d" onclick="return false;">
+               <button class="dropdown-item btn" id="d9d1c337-c57a-4501-ad63-c2a7b81adcf8" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="2d6a30c7-8dad-4ab5-a4fc-6e14ca72e071" onclick="return false;">
+               <button class="dropdown-item btn" id="36518ed0-cdb2-4a34-bd03-d387cd7313d4" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="08404e7d-1edc-4f6f-93c2-f0ae1e25c0a2" onclick="return false;">
+               <button class="dropdown-item btn" id="639b44bf-720b-4080-bab9-40eb5ec9d6a5" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -2202,32 +2202,32 @@ Deck(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="897bb628-bcf6-42ae-89a7-c3a84048c237">
-        <div class="mt-5" id="34fde355-800b-429b-a6a5-00923ced624a">
-         <div class="d-flex justify-content-between" id="cb279581-ce69-4547-8928-ca06de48bcaf">
-          <h1 id="20c20c4d-a6dc-4fcf-8968-8aaa51dd65db">
+       <div class="tab-pane fade" id="31e7a614-be46-41be-92ec-f8b9135bef87">
+        <div class="mt-5" id="688de1eb-a477-49eb-845d-e234fe3c2d15">
+         <div class="d-flex justify-content-between" id="efbad014-6b3c-4b3a-b2bc-e91149ebc7ea">
+          <h1 id="3858f565-298b-4d7a-864e-13d68cbd0646">
            Class
-           <span class="text-primary" id="bc6e0e81-3bd9-42ab-beef-e8d65955e5cc">
+           <span class="text-primary" id="521555ea-6f70-4b2c-8dce-6a025e902c1e">
             Deck.Card
            </span>
           </h1>
-          <div id="def100e7-04a2-489e-becd-e1088aef9eec">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d20c225f-97db-4c88-9faa-4c196e26c2ac" data-bs-toggle="collapse" id="7b20b73b-544c-4b19-8cf6-ab6f4f792bf7" onclick="return false;" type="button">
+          <div id="3e5951f5-f763-4699-bf36-9941e18b0249">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#887c959a-531f-4046-bf59-c4ef8e7e0ac4" data-bs-toggle="collapse" id="b8eb4e85-c810-4019-a90d-2d7fe6b7dbff" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="49192ca7-b69f-4cef-b526-b6980bfa2e46">
+         <span class="text-muted" id="d8f61bd2-818e-4172-a384-4d14798d3d93">
           A deck card.
          </span>
-         <pre id="a0a17d2f-da52-4def-bfe0-c099c49d12b3"><code class="python">Deck.Card(title, description=None, marker=None, figure=None)</code></pre>
-         <div class="ms-3 collapse" id="d20c225f-97db-4c88-9faa-4c196e26c2ac">
-          <h6 id="c48a8b45-c298-42c2-95c1-54ba75c64c6d">
+         <pre id="80a75e7a-5fcd-4f3c-a627-40a5ef9bbf30"><code class="python">Deck.Card(title, description=None, marker=None, figure=None)</code></pre>
+         <div class="ms-3 collapse" id="887c959a-531f-4046-bf59-c4ef8e7e0ac4">
+          <h6 id="20096573-9f1a-46c8-8b21-dd373e621d97">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="43fa180c-e17a-4c69-ae69-633865e55b64">
+          <table class="table table-sm bg-light" id="44c354f9-dcb9-4720-9388-d76774b51057">
            <thead>
             <tr>
              <th scope="col">
@@ -2305,13 +2305,13 @@ Deck(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="61dd7be6-a2ae-42c9-97d3-8d5f43651a12">
-          <h6 id="de008d69-0487-4c0c-b98c-ed34bc85a516">
+         <div class="ms-3" id="15f6c590-d720-4618-952f-32d81a922e08">
+          <h6 id="bfebef42-1453-4abf-9219-e3153246ab0a">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="e99ddd88-d8a7-484e-b0f3-bd99ef2ded33"><code class="python">from bootwrap import Button, Deck, Image
+          <pre id="6a16dac6-dcac-4f46-9157-3ed235e0d87f"><code class="python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2328,59 +2328,59 @@ Deck.Card(
     "https://www.google.com")
 </code></pre>
          </div>
-         <div class="ms-3" id="3514caef-ae82-4c16-820d-095f634c282e">
-          <div class="card" id="7fb92c08-a143-4888-9967-abf9a3c44ef9">
+         <div class="ms-3" id="582cc7fd-5aee-470e-adcf-8add98966f6f">
+          <div class="card" id="0eeb427b-30df-44af-ad2c-b9e8527e2d9c">
            <a onclick="location.href='https://www.google.com';">
-            <img class="mt-3 card-img-top" id="78679d63-6344-46ef-b6b1-1d42df8880ae" src="google-logo.png" width="128"/>
+            <img class="mt-3 card-img-top" id="70a88f2e-c04f-41b9-9203-e8f5556fac7a" src="google-logo.png" width="128"/>
            </a>
            <div class="card-body" onclick="location.href='https://www.google.com';">
             <div class="text-right mb-2">
-             <span class="text-muted" id="6571d843-63f1-4bd2-bea5-db23524e0dff">
+             <span class="text-muted" id="f688e13c-11c7-4f11-ba5f-bec231a66277">
               <small>
                12:04:58 12/01/2021
               </small>
              </span>
             </div>
-            <h5 class="card-title" id="4dec6a6d-3cac-4477-aeb7-c2e6ef473860">
+            <h5 class="card-title" id="b3fa3cf2-dd31-49c9-8f9c-381b9769b44a">
              Google (NASDAQ: GOOGL)
             </h5>
             Price for a single Google share
            </div>
            <div class="card-footer text-right">
-            <button class="btn" id="ff187449-c4d6-4d53-9df1-6766c5d64a67" onclick="return false;">
+            <button class="btn" id="e3f7b132-db63-4953-9a4c-c296cb167a84" onclick="return false;">
              Buy
             </button>
-            <button class="btn" id="36b6257a-7136-41d0-a269-015ad725c8c7" onclick="return false;">
+            <button class="btn" id="f340f923-8906-4d58-9d05-93297db4b176" onclick="return false;">
              Sell
             </button>
-            <button class="btn" id="7fab20f6-fff3-488d-963f-419239aa6255" onclick="return false;">
+            <button class="btn" id="881df0a0-7756-4b98-a539-1a8080db3f13" onclick="return false;">
              Transfer
             </button>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="b43a7e4e-31bf-4f22-ac40-a62db9b4951b">
-          <div class="d-flex justify-content-between" id="63f6e338-24fe-4b95-9730-deae07f6ca04">
-           <h4 id="2b4981d4-ca67-489f-9b98-989397a2567d">
+         <div class="mt-5" id="6754c46c-394a-4824-b932-5451822a5153">
+          <div class="d-flex justify-content-between" id="51d1007c-fe02-43a3-bb81-b5d5d2874aa5">
+           <h4 id="7fd0939d-59cd-4d0b-9a77-144d025a86d1">
             Method
-            <span class="text-primary" id="18431645-2e64-4df4-96a7-ead83200bdf5">
+            <span class="text-primary" id="b614ce18-4871-47f8-8c1f-58402bd2c909">
              pack_actions
             </span>
            </h4>
-           <div id="5e838237-3c47-4070-a63d-e4d8190903b7">
+           <div id="b3cf756d-4415-4575-8775-738fb0719f2d">
            </div>
           </div>
-          <span class="text-muted" id="3fe32445-c761-4fb3-a641-63eea959910e">
+          <span class="text-muted" id="4fef026e-36b4-4752-8a06-135504e3d01e">
            Makes item actions packed under a drop-down menu.
           </span>
-          <pre id="7229eaed-e87a-48c1-8084-624806a4b1c9"><code class="python">pack_actions()</code></pre>
-          <div class="ms-3" id="80abacc7-0810-4446-bcd5-fbfe8a98bfff">
-           <h6 id="308989e2-c737-48e6-95e7-a2f276dc774a">
+          <pre id="a4eea9a0-048a-49cb-8704-871cc6425b39"><code class="python">pack_actions()</code></pre>
+          <div class="ms-3" id="18e9fea0-2ac8-4b4f-b802-b52f2236ed2e">
+           <h6 id="db613381-6ba6-404d-8fd7-805c5701353f">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="d1d87159-541a-434a-a59a-64cc6f480a50"><code class="python">from bootwrap import Button, Deck, Image
+           <pre id="e6466be6-4b53-46e5-9053-c743c70743d4"><code class="python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2397,36 +2397,36 @@ Deck.Card(
     "https://www.google.com")
 </code></pre>
           </div>
-          <div class="ms-3" id="b1e7e326-7675-49ed-9b5c-99424c54d397">
-           <div class="card" id="e4837bff-1315-4d04-9dec-722883fc12eb">
+          <div class="ms-3" id="c8d91c9c-8db8-437f-8cc5-c24925a26a0b">
+           <div class="card" id="5d2f4e35-bcb6-43d1-a2b7-2dd4ccd8ee4b">
             <a onclick="location.href='https://www.google.com';">
-             <img class="mt-3 card-img-top" id="bdc98390-5b53-4aa0-843c-242c785c0056" src="google-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="e65a6abc-36bf-42b1-8db9-481375ca6f0e" src="google-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.google.com';">
              <div class="text-right mb-2">
-              <span class="text-muted" id="f1de541f-6b08-417d-bb1b-79036aab916a">
+              <span class="text-muted" id="2b1dc6d2-7d7a-4fa1-a9c8-6dd8768e656e">
                <small>
                 12:04:58 12/01/2021
                </small>
               </span>
              </div>
-             <h5 class="card-title" id="1627eba4-4c50-4d93-a85f-6e390510705a">
+             <h5 class="card-title" id="0906819d-a1cd-4717-8307-537e3af1a400">
               Google (NASDAQ: GOOGL)
              </h5>
              Price for a single Google share
             </div>
             <div class="card-footer text-right">
              <div class="btn-group">
-              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="15f8da78-f7d8-433b-8d26-966ee4cdbcfb" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="339aebbf-3b97-413b-bc2c-e31671be932a" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="ee4427b0-73b4-4f9b-a05f-95116dabfce5" onclick="return false;">
+               <button class="dropdown-item btn" id="71a275e8-af91-4d98-a9f0-5a19b2dd7223" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="5f11e0a5-4840-42fe-a6c1-68694266a95c" onclick="return false;">
+               <button class="dropdown-item btn" id="df701593-d7e3-443a-aae6-65512f4b85f8" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="45b549eb-2f22-4847-9f5f-af1e70526c99" onclick="return false;">
+               <button class="dropdown-item btn" id="2c560d07-4f45-4102-bb0a-5c86a20b7547" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -2440,59 +2440,59 @@ Deck.Card(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="61eb48fb-5614-4a8e-b707-64029022ea20">
-     <div id="4ab1404f-3e56-4c1a-b0b9-7c69543d52b0">
+    <div class="tab-pane fade" id="87743293-9169-46e5-8042-9ff18cb6b930">
+     <div id="7f2d5af9-7810-4d3c-86d9-f57483ec8e50">
       <hr/>
-      <ul class="nav" id="45af3639-fe11-4f8e-bf9d-be1b9ca8c62d" role="tablist">
+      <ul class="nav" id="d519e912-1ec7-4136-88a3-090e98f6c82a" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#7cff130e-1c72-406c-a3e2-e52229d2960e" data-bs-toggle="tab" href="#7cff130e-1c72-406c-a3e2-e52229d2960e" id="8ee94e6a-6f14-4fe2-b026-25c088e2d87c" role="tab">
-         <span class="text-secondary" id="4d508e24-03ee-4c65-989a-c1a1eb65ee30">
+        <a class="nav-link active" data-bs-target="#9f99208d-68a4-4f68-bfaf-efe950df4f4e" data-bs-toggle="tab" href="#9f99208d-68a4-4f68-bfaf-efe950df4f4e" id="3247b12d-30ad-469c-ae92-f44ae7889660" role="tab">
+         <span class="text-secondary" id="6ba83c0b-5072-4e87-ae36-1ddb36699ba0">
           Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#de5b3b1b-cca2-4dc0-be35-f94ad45dd55f" data-bs-toggle="tab" href="#de5b3b1b-cca2-4dc0-be35-f94ad45dd55f" id="91b11af1-24ae-465a-a091-b84ebc7a0182" role="tab">
-         <span class="text-secondary" id="4471ec9f-20cf-42c7-b126-02be18774c53">
+        <a class="nav-link" data-bs-target="#ab6d06f3-5102-472a-bc70-de394c39235a" data-bs-toggle="tab" href="#ab6d06f3-5102-472a-bc70-de394c39235a" id="27149865-d595-477e-beaa-e59a272ce2d1" role="tab">
+         <span class="text-secondary" id="ec0b7bd3-6a29-494a-852f-5c3a2b16a4cb">
           Question Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#5f156de0-be97-4d23-9173-217fb7d96f76" data-bs-toggle="tab" href="#5f156de0-be97-4d23-9173-217fb7d96f76" id="404da92d-3766-4982-a506-21ab773a2595" role="tab">
-         <span class="text-secondary" id="6c5495bc-b968-4cfd-ab07-d6845f56c48f">
+        <a class="nav-link" data-bs-target="#f8fdd4ff-f67f-4086-b740-4d851ef2c8dd" data-bs-toggle="tab" href="#f8fdd4ff-f67f-4086-b740-4d851ef2c8dd" id="ef1b2726-1102-41b1-a391-ad0cdad470f3" role="tab">
+         <span class="text-secondary" id="c93d8c3a-c2be-4cca-9633-2f11bcda61f7">
           Complex Dialog
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="7cff130e-1c72-406c-a3e2-e52229d2960e">
-        <div class="mt-5" id="1f8d14b5-6ec8-4530-b598-c1a9feb2939c">
-         <div class="d-flex justify-content-between" id="78cc4eea-2a3b-49fa-a88b-dff1fce5394e">
-          <h1 id="d7cb6f50-5793-49e3-ab2e-e56e08d598fb">
+       <div class="tab-pane fade active show" id="9f99208d-68a4-4f68-bfaf-efe950df4f4e">
+        <div class="mt-5" id="86a29ada-ddb2-40d5-87fb-a84ebc9921b3">
+         <div class="d-flex justify-content-between" id="200b742c-d5ca-418d-8bc0-2bd6632248ee">
+          <h1 id="3ad943d3-c82a-4b4d-9d36-1014c0367d07">
            Class
-           <span class="text-primary" id="e1da58f2-dfc3-4998-a8b7-c1131c9bf737">
+           <span class="text-primary" id="4e29593f-284e-48e2-bc1d-3d4d358dc2c6">
             Dialog
            </span>
           </h1>
-          <div id="e0cd312d-6ac0-4e3c-bbbf-eef6baa51fe1">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f263ff2f-2470-4ca6-8d2d-ce30e9dfe9bd" data-bs-toggle="collapse" id="5deae7f0-a10f-4c49-a542-c7674f3647cc" onclick="return false;" type="button">
+          <div id="174bebb6-0da0-4846-8fc4-4704101693a1">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#57668256-52f9-469a-962e-46c82727a31c" data-bs-toggle="collapse" id="aba3fbc5-775b-4709-b549-adf0db742088" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="937d13cf-0760-4c5a-81ae-b32bf422308c">
+         <span class="text-muted" id="b06f9853-aced-4c57-bc7d-fc509e663a5e">
           A dialog.
          </span>
-         <pre id="090ca670-1d32-42ad-906c-536daa7b230e"><code class="python">Dialog(title, content, *actions)</code></pre>
-         <div class="ms-3 collapse" id="f263ff2f-2470-4ca6-8d2d-ce30e9dfe9bd">
-          <h6 id="eeb12a9d-6b8f-4db9-bcac-0273481f0446">
+         <pre id="056ba987-f07b-4fe1-a75c-6f16913638e4"><code class="python">Dialog(title, content, *actions)</code></pre>
+         <div class="ms-3 collapse" id="57668256-52f9-469a-962e-46c82727a31c">
+          <h6 id="17e00a44-e28d-432f-b73d-03c9efa44ab6">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="1dedf343-dc15-466f-a814-022260bfb3c9">
+          <table class="table table-sm bg-light" id="796f1f35-641c-4ea7-ad01-2d9fb2c4a982">
            <thead>
             <tr>
              <th scope="col">
@@ -2555,13 +2555,13 @@ Deck.Card(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="745d3e69-ad5b-42b2-89f4-b457f12749c2">
-          <h6 id="221c4afe-3a2b-43fd-b301-b4cbfb501249">
+         <div class="ms-3" id="0b2f8692-663d-4249-8e83-277c70e05019">
+          <h6 id="f84f2670-564e-4f9e-ad1e-4551b9070ea2">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="28299409-2495-48b2-9526-ecdbebb8794a"><code class="python">from bootwrap import Panel, Dialog, Button
+          <pre id="5bf2f410-790a-4d28-9974-b0fd4ad30ed7"><code class="python">from bootwrap import Panel, Dialog, Button
 
 dialog = Dialog(
     'Greeting',
@@ -2573,9 +2573,9 @@ button = Button('Say Hello').toggle(dialog)
 Panel(dialog, button)
 </code></pre>
          </div>
-         <div class="ms-3" id="af3786c8-ec29-45fe-bbb9-4b050fae598e">
-          <div id="09799a07-3c82-4c4b-8a84-5fc07dde4045">
-           <div class="modal" id="e4bdc0f6-1786-4afd-8892-3982f1edf90f">
+         <div class="ms-3" id="25a17609-9c1e-443b-b443-c1032cd0234b">
+          <div id="860325f0-2015-46b1-843b-2c65f4896ff6">
+           <div class="modal" id="49ba8a21-75ab-4990-b5c0-7ec6ace9f18f">
             <div class="modal-dialog" role="document">
              <div class="modal-content">
               <div class="modal-header">
@@ -2589,42 +2589,42 @@ Panel(dialog, button)
                Hello World!
               </div>
               <div class="modal-footer">
-               <button class="btn" data-bs-dismiss="modal" id="bfe8ff9c-ad8b-4310-9224-a753c8ce4bee" onclick="return false;" type="button">
+               <button class="btn" data-bs-dismiss="modal" id="74378322-b52a-41bd-8c08-b8366be09282" onclick="return false;" type="button">
                 Bye
                </button>
               </div>
              </div>
             </div>
            </div>
-           <button class="btn" data-bs-target="#e4bdc0f6-1786-4afd-8892-3982f1edf90f" data-bs-toggle="modal" id="750643cb-fa9d-413b-8073-a5885a17c6b7" onclick="return false;" type="button">
+           <button class="btn" data-bs-target="#49ba8a21-75ab-4990-b5c0-7ec6ace9f18f" data-bs-toggle="modal" id="52cd8cf1-bcea-46a8-a8b9-ba5d4f5b4f20" onclick="return false;" type="button">
             Say Hello
            </button>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="de5b3b1b-cca2-4dc0-be35-f94ad45dd55f">
-        <div class="mt-3" id="b43c8039-81cb-4b8b-b5e9-7d2eae3a8747">
-         <div id="2fe55935-6b12-435d-9eac-9b658c73d3d0">
+       <div class="tab-pane fade" id="ab6d06f3-5102-472a-bc70-de394c39235a">
+        <div class="mt-3" id="fd5df57c-7ba6-48e1-8a03-66aaf3fff229">
+         <div id="73bfdc87-52a9-466f-8cf1-542a4e00d738">
           <div class="row">
            <div class="col-md">
-            <div id="2ccd01d2-9372-4b51-a024-04f706ff40b4">
-             <h1 id="2823426c-3df2-458e-94c9-2185f713e61c">
+            <div id="3bd04cf2-1f0c-4d36-b4cd-9fd0f42cfb43">
+             <h1 id="5ae3582a-aa1a-4d27-92cc-1916461c0026">
               Question Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="94a68f48-40a5-41bc-b04c-45e27d6a7c64">
+            <div id="b7b68ae2-0308-4087-b0e3-54c52b5f3520">
             </div>
            </div>
           </div>
          </div>
-         <div id="370e6b78-4c5c-44a8-ac8f-c76d128acdbf">
+         <div id="b71cd2e9-9f51-499f-92eb-e0535150b01d">
           <div class="row">
            <div class="col-md">
-            <div id="910d3936-b79e-4f0f-9b7a-9cd5b9d85ba4">
-             <p id="136e4244-91ad-4e20-927a-ca018b3c5bff">
+            <div id="3e8a3fac-54ea-42ce-967a-f80ad6da9e7a">
+             <p id="f30b27bb-1653-4cb3-a939-c0fdd31bbaf0">
               An example of how
               <code>
                Dialog
@@ -2644,8 +2644,8 @@ Panel(dialog, button)
             </div>
            </div>
            <div class="col-md">
-            <div id="a21bee2c-4476-4073-b161-3c999cfd6721">
-             <pre id="7bdc10e2-1c4c-49b8-9f43-21133cfd407b"><code class="python">from bootwrap import Panel, Dialog, Button
+            <div id="71e49b30-813d-4324-b2da-d19b5e6e322d">
+             <pre id="df4f0d6a-d638-4654-8339-c31c0aab7c3c"><code class="python">from bootwrap import Panel, Dialog, Button
 
 dialog = Dialog(
   "Delete File",
@@ -2657,8 +2657,8 @@ dialog = Dialog(
 button = Button("Delete").as_danger().toggle(dialog)   
 
 Panel(dialog, button)</code></pre>
-             <div id="ee8d1d85-5b0d-4ae7-bd78-23649366141f">
-              <div class="modal" id="eae1b41b-e7b2-44d1-9c42-836edae133bf">
+             <div id="4ca212b6-248c-4162-9618-58d773636dd9">
+              <div class="modal" id="8b6f585a-1371-45fa-8201-3b687b5d80fe">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -2672,17 +2672,17 @@ Panel(dialog, button)</code></pre>
                   Are you sure that you want to delete this file?
                  </div>
                  <div class="modal-footer">
-                  <button class="btn btn-danger" data-bs-dismiss="modal" id="ffa9c75e-3905-4a13-b02f-92d40090d89c" onclick="return false;" type="button">
+                  <button class="btn btn-danger" data-bs-dismiss="modal" id="f94e4a18-d45d-4d95-9bf9-7740968a0158" onclick="return false;" type="button">
                    Confirm
                   </button>
-                  <button class="btn" data-bs-dismiss="modal" id="0cba6319-5233-42ca-a2e7-170f45884744" onclick="return false;" type="button">
+                  <button class="btn" data-bs-dismiss="modal" id="b39a7992-c71d-4d80-be2c-0de408692edf" onclick="return false;" type="button">
                    Cancel
                   </button>
                  </div>
                 </div>
                </div>
               </div>
-              <button class="btn btn-danger" data-bs-target="#eae1b41b-e7b2-44d1-9c42-836edae133bf" data-bs-toggle="modal" id="255c53e3-77ea-4be2-942a-b72d9f382dc9" onclick="return false;" type="button">
+              <button class="btn btn-danger" data-bs-target="#8b6f585a-1371-45fa-8201-3b687b5d80fe" data-bs-toggle="modal" id="f590a4e8-e259-49d3-9f51-c80dc4c99567" onclick="return false;" type="button">
                Delete
               </button>
              </div>
@@ -2692,28 +2692,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="5f156de0-be97-4d23-9173-217fb7d96f76">
-        <div class="mt-3" id="cebec9c4-e136-440d-912a-2ba2b94b4132">
-         <div id="05bb4fa1-e950-4d7c-823a-8dd2ab0d7f03">
+       <div class="tab-pane fade" id="f8fdd4ff-f67f-4086-b740-4d851ef2c8dd">
+        <div class="mt-3" id="2b122d73-64a8-448c-b9fc-c05f8da8b68f">
+         <div id="cae87904-183b-4df3-acd2-3b9146cae821">
           <div class="row">
            <div class="col-md">
-            <div id="fd178fa5-f3e4-4d7d-a175-70d0d16c7d01">
-             <h1 id="56fb612d-b184-4144-8bab-f38c839fb6a4">
+            <div id="5cdbb660-ddef-4c25-b3c1-34efb254a1e8">
+             <h1 id="19ccfdc6-77de-41d5-a212-45a3b135cdcd">
               Complex Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="25818312-4c2d-497b-a6b0-e545126bc366">
+            <div id="fb07003e-24db-48db-aa55-59f19c6e9ca4">
             </div>
            </div>
           </div>
          </div>
-         <div id="c5786f96-3f09-4bdf-8d90-99286b72e665">
+         <div id="cbddbb65-a8b8-4e9c-81f6-12297c2c03eb">
           <div class="row">
            <div class="col-md">
-            <div id="de0932d4-78a0-4920-beb8-31ffa1f89a10">
-             <p id="a210d799-bfc5-4734-bb8a-38d5235750d6">
+            <div id="711a3ee3-14cc-4904-8eb3-4b1c58cde6f2">
+             <p id="fc423891-600e-4e7a-9834-7667b96e926e">
               An example of how
               <code>
                Dialog
@@ -2742,8 +2742,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="d2328c3d-dea5-4d2b-9f8a-7215ca61b8df">
-             <pre id="26eb69ee-8af3-4ed9-9dd7-0f5db3a6a9e9"><code class="python">from bootwrap import Panel, Form, NumericInput, Dialog, Button
+            <div id="e10ff730-8254-4359-8230-e30e35dbcd6a">
+             <pre id="1fae6e0d-43c4-43a6-b35c-b07f1724a8f5"><code class="python">from bootwrap import Panel, Form, NumericInput, Dialog, Button
 
 dialog = Dialog(
     "Buy Company Shares",
@@ -2761,8 +2761,8 @@ dialog = Dialog(
 button = Button("Buy Shares").as_primary().toggle(dialog)   
 
 Panel(dialog, button)</code></pre>
-             <div id="8d6060e9-71df-4958-a4b1-0f3fffc6e05b">
-              <div class="modal" id="304953f8-85db-4cf6-80c2-ba34b2ad08cc">
+             <div id="74c6f3e1-0f00-4c58-9270-8d3cb51383b5">
+              <div class="modal" id="7a1bed4d-6bd6-40f1-b840-b02443e1540d">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -2773,19 +2773,19 @@ Panel(dialog, button)</code></pre>
                   </button>
                  </div>
                  <div class="modal-body">
-                  <form enctype="multipart/form-data" id="2757a236-940d-40ae-8c8e-2330cccd0535" method="POST">
+                  <form enctype="multipart/form-data" id="293dafce-2a5c-4895-b28e-5c276f2cb14e" method="POST">
                    <div class="form-group row">
-                    <label class="col-sm-4 col-form-label d-flex align-items-center" for="82f5c263-c5a5-4c78-b9ae-31ad34ca6ff5">
+                    <label class="col-sm-4 col-form-label d-flex align-items-center" for="8ff8fddd-f6bb-4025-bf00-40fc50e038b2">
                      Amount($)
                     </label>
                     <div class="col-sm-8 d-flex align-items-center">
-                     <input class="form-control" id="82f5c263-c5a5-4c78-b9ae-31ad34ca6ff5" name="amount" placeholder="enter an amount for buying shares" type="number"/>
+                     <input class="form-control" id="8ff8fddd-f6bb-4025-bf00-40fc50e038b2" name="amount" placeholder="enter an amount for buying shares" type="number"/>
                     </div>
                    </div>
-                   <button class="float-right btn" data-bs-dismiss="modal" id="cff2ab93-b1c1-48d4-8441-dd092e710bed" onclick="return false;" type="button">
+                   <button class="float-right btn" data-bs-dismiss="modal" id="27979882-4fc4-4cee-8c7c-28698500e1c9" onclick="return false;" type="button">
                     Cancel
                    </button>
-                   <button class="float-right me-2 btn btn-success" data-bs-dismiss="modal" id="f7d05ca4-2e72-4b8d-ad05-cc1e52057211" onclick="return false;" type="button">
+                   <button class="float-right me-2 btn btn-success" data-bs-dismiss="modal" id="b21ec074-3712-4af7-8635-582a55aee844" onclick="return false;" type="button">
                     Buy
                    </button>
                   </form>
@@ -2793,7 +2793,7 @@ Panel(dialog, button)</code></pre>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#304953f8-85db-4cf6-80c2-ba34b2ad08cc" data-bs-toggle="modal" id="45deed14-6053-4e72-bba0-206167d94988" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#7a1bed4d-6bd6-40f1-b840-b02443e1540d" data-bs-toggle="modal" id="f044563e-939f-4d83-81d5-631192bbe3a2" onclick="return false;" type="button">
                Buy Shares
               </button>
              </div>
@@ -2806,101 +2806,101 @@ Panel(dialog, button)</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="73cf1e04-ff2f-48b4-8c3b-2618673ff87d">
-     <div id="7ebc1ac1-5576-419e-8c41-58127caf603c">
+    <div class="tab-pane fade" id="b9bf6367-0d86-4009-986a-c38db014776c">
+     <div id="adc2169c-512e-46ff-be6c-3e4cda9edd90">
       <hr/>
-      <ul class="nav" id="bf2cb531-92a5-4d9e-bc85-b4e5715c8c3f" role="tablist">
+      <ul class="nav" id="324f9ba2-22f1-4383-8dbf-c6aa58c140a3" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#4733f7db-e9e3-46af-be20-b4f8622e7899" data-bs-toggle="tab" href="#4733f7db-e9e3-46af-be20-b4f8622e7899" id="e9b50a53-ed84-4016-8b33-c71a6524dab3" role="tab">
-         <span class="text-secondary" id="a407cb93-96e2-4960-847b-f252d5623138">
+        <a class="nav-link active" data-bs-target="#9debb9c6-6d88-433b-aae3-422786956de4" data-bs-toggle="tab" href="#9debb9c6-6d88-433b-aae3-422786956de4" id="7708bcbf-1b50-4d42-87fb-1fbd96d96b92" role="tab">
+         <span class="text-secondary" id="c19fb1da-7f98-45d2-a40d-3a6405ac40bf">
           Form
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e21f2a92-2f85-493d-b76d-be712a95a281" data-bs-toggle="tab" href="#e21f2a92-2f85-493d-b76d-be712a95a281" id="b9108373-ac2b-4ca9-8967-8b6c3e3638c1" role="tab">
-         <span class="text-secondary" id="d936b5be-30db-4b4c-9da9-8ba7cfa67b06">
+        <a class="nav-link" data-bs-target="#ab47f249-d8d6-41c4-a193-052c7880fb45" data-bs-toggle="tab" href="#ab47f249-d8d6-41c4-a193-052c7880fb45" id="436ff80b-15ed-457a-b436-4868d87c19d3" role="tab">
+         <span class="text-secondary" id="19790db2-5afa-411a-a13c-dbedd106556b">
           CheckboxInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#8c484ff1-c0c5-4a2b-806b-8868ea78e3dd" data-bs-toggle="tab" href="#8c484ff1-c0c5-4a2b-806b-8868ea78e3dd" id="1b71cb93-cd32-4087-b4db-95f6a2032697" role="tab">
-         <span class="text-secondary" id="6c754652-c7a9-4ea9-83f3-e458dfc8b923">
+        <a class="nav-link" data-bs-target="#123fcf2d-dd4c-438b-8dff-cd2dd580629d" data-bs-toggle="tab" href="#123fcf2d-dd4c-438b-8dff-cd2dd580629d" id="6169829a-fb1d-4024-847e-301cf2174558" role="tab">
+         <span class="text-secondary" id="922405c4-e32d-4582-8736-1626858f6d45">
           TextInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#87ed51a0-a0b9-47aa-86a6-c5ef440af54b" data-bs-toggle="tab" href="#87ed51a0-a0b9-47aa-86a6-c5ef440af54b" id="07996eda-adb0-46d1-8e52-c02b78ffa98b" role="tab">
-         <span class="text-secondary" id="43d6669e-6708-4db8-9b28-8521817b52d9">
+        <a class="nav-link" data-bs-target="#bfceab63-40f1-4ecd-8949-0ff127a398ca" data-bs-toggle="tab" href="#bfceab63-40f1-4ecd-8949-0ff127a398ca" id="3ae25a00-e0bb-415a-98e9-7eaeab90e301" role="tab">
+         <span class="text-secondary" id="372957cf-5a07-4020-bfb9-c7c4dd006eca">
           NumericInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#3b961bf4-909c-4d13-8384-c607a049c5bf" data-bs-toggle="tab" href="#3b961bf4-909c-4d13-8384-c607a049c5bf" id="00816aba-6f7b-4a94-84ae-9aa3634b4286" role="tab">
-         <span class="text-secondary" id="de97b252-d1eb-49ca-8780-cb85aecc38ea">
+        <a class="nav-link" data-bs-target="#5d869292-0bf0-463f-86a8-5264a5b4433f" data-bs-toggle="tab" href="#5d869292-0bf0-463f-86a8-5264a5b4433f" id="f1dcbc38-9929-4545-9848-5400cebfa183" role="tab">
+         <span class="text-secondary" id="828559b5-116c-46f2-97de-1e3a76f70215">
           SelectInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#49bce353-8e3c-478c-8540-a2a251c1f254" data-bs-toggle="tab" href="#49bce353-8e3c-478c-8540-a2a251c1f254" id="a8d5beb3-fcb7-4450-98e3-6860e72d3178" role="tab">
-         <span class="text-secondary" id="2dbaca0e-c7ac-423b-b314-70e132d71cb3">
+        <a class="nav-link" data-bs-target="#427f4877-f108-4f8f-9a2b-466f9037f2a0" data-bs-toggle="tab" href="#427f4877-f108-4f8f-9a2b-466f9037f2a0" id="e74f6047-74b9-4886-9c45-7b5e06710385" role="tab">
+         <span class="text-secondary" id="1ca184f7-a74c-43f1-a582-62fffd5219b7">
           SelectInput.Option
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#b037669d-73ca-46be-b6ca-a2abe2cb7e49" data-bs-toggle="tab" href="#b037669d-73ca-46be-b6ca-a2abe2cb7e49" id="8239353d-0e44-4b90-b7d4-635ac6be1049" role="tab">
-         <span class="text-secondary" id="d59d82ca-17da-4f66-a1cf-fc5a264ce38f">
+        <a class="nav-link" data-bs-target="#fb83c5e9-b366-4ae6-8f36-bd4b01a02d05" data-bs-toggle="tab" href="#fb83c5e9-b366-4ae6-8f36-bd4b01a02d05" id="659a2791-d3e0-4594-8391-1307b1ed03a0" role="tab">
+         <span class="text-secondary" id="aaae5c6f-bb04-4ca8-9883-9690abf3d378">
           HiddenInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#6a7fe7d0-8a41-4603-968a-12f9dd351c48" data-bs-toggle="tab" href="#6a7fe7d0-8a41-4603-968a-12f9dd351c48" id="1360eeb7-3c5f-40eb-8ad0-a08375239011" role="tab">
-         <span class="text-secondary" id="7b783049-c3ae-490b-b00f-cf41320e226b">
+        <a class="nav-link" data-bs-target="#300d1e09-eb1e-4b87-aa0b-c65c2942af56" data-bs-toggle="tab" href="#300d1e09-eb1e-4b87-aa0b-c65c2942af56" id="8d171ab4-7321-4f06-80fa-660d117e0ed9" role="tab">
+         <span class="text-secondary" id="de20f893-8f36-45f8-8a7b-a60f3ceb1d52">
           FileInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#7def207e-4591-4e72-83f6-469a055be8dc" data-bs-toggle="tab" href="#7def207e-4591-4e72-83f6-469a055be8dc" id="6680352c-4872-4764-ab80-266560939b6f" role="tab">
-         <span class="text-secondary" id="c5f9d472-cec7-4f77-9fac-d4e4f087e53b">
+        <a class="nav-link" data-bs-target="#23fee003-79da-4833-8c07-7a3e2e77cbf7" data-bs-toggle="tab" href="#23fee003-79da-4833-8c07-7a3e2e77cbf7" id="cc92d116-b152-49e4-bb6a-14d4a872cc60" role="tab">
+         <span class="text-secondary" id="68fcc96a-9b2d-465f-87f2-f4bfb06de0b9">
           InputGroup
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="4733f7db-e9e3-46af-be20-b4f8622e7899">
-        <div class="mt-5" id="6fbda096-40aa-448c-949a-3901dd4d824e">
-         <div class="d-flex justify-content-between" id="72e2642b-94c8-4735-9e3c-16c39f52a0bd">
-          <h1 id="15658143-4ff9-4443-9ccb-5ae2a1d9e5bd">
+       <div class="tab-pane fade active show" id="9debb9c6-6d88-433b-aae3-422786956de4">
+        <div class="mt-5" id="a299b9b4-c9b6-4a22-8ef0-bff28bcf2a6b">
+         <div class="d-flex justify-content-between" id="07fe704c-7caa-49d5-aad9-69efeeaac86a">
+          <h1 id="021b78fe-9af4-459e-841f-9127cb3a18c5">
            Class
-           <span class="text-primary" id="209dce02-246d-40c0-868a-7453e6cca0d4">
+           <span class="text-primary" id="e0253123-2970-4e9d-9509-7dd1010f98d3">
             Form
            </span>
           </h1>
-          <div id="b6dff04e-737f-460e-8c0e-925da35d9ed0">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#03cdb940-e2ec-476c-b58d-0c3fdc9ff1e6" data-bs-toggle="collapse" id="8357de89-16a8-48ae-ba1a-5609f9eae8cf" onclick="return false;" type="button">
+          <div id="ea9faa1e-8ce7-424a-a754-8d784d105d86">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#73c198ad-c0fb-4ba9-a77b-4eaff20b599c" data-bs-toggle="collapse" id="5e953b4c-7dd1-4ffa-93c2-e23731ed33ac" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="8d0a7568-cde7-4b40-9eb8-19fed553f869">
+         <span class="text-muted" id="ba712f6f-43ae-4ec3-a4e0-d8d84371d83e">
           A web component for a form.
          </span>
-         <pre id="02ecfc34-7658-49ed-853f-7a0bf420b57e"><code class="python">Form(*components)</code></pre>
-         <div class="ms-3 collapse" id="03cdb940-e2ec-476c-b58d-0c3fdc9ff1e6">
-          <h6 id="9eedf8e8-d9f6-4bda-94e9-63fcd8a42a23">
+         <pre id="c7f69c3d-ec09-477d-842a-5fcd754ed24d"><code class="python">Form(*components)</code></pre>
+         <div class="ms-3 collapse" id="73c198ad-c0fb-4ba9-a77b-4eaff20b599c">
+          <h6 id="c1c083c8-efe9-45a5-a3de-d4eedc0b3ea5">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="70090cb0-ee8f-488c-9468-f547fa0600ff">
+          <table class="table table-sm bg-light" id="506f0711-7faf-47c6-ba64-d434ec03ebfd">
            <thead>
             <tr>
              <th scope="col">
@@ -2938,7 +2938,7 @@ Panel(dialog, button)</code></pre>
            </tbody>
           </table>
          </div>
-         <p id="8f79d103-4e88-43be-aa63-cff9856e5fac">
+         <p id="3a171ae3-5061-4221-a458-09898d438abc">
           Use the
           <code>
            on_submit(href)
@@ -2946,13 +2946,13 @@ Panel(dialog, button)</code></pre>
           function to specify URL where entered
     information should to be sent for processing.
          </p>
-         <div class="ms-3" id="2c69133c-9f66-43f6-9148-545ed706c045">
-          <h6 id="710d78a5-7961-4aea-b307-a3ec939f743a">
+         <div class="ms-3" id="a9c2bcdd-f59d-4a71-82ed-d7e1a863466a">
+          <h6 id="e96e187f-fa25-4709-8c61-a5477517e15b">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="b05620c3-c202-4438-9f1e-176f4df00d3c"><code class="python">from bootwrap import Form
+          <pre id="8edcd3f5-a1dd-416b-84de-5a285ed9aad4"><code class="python">from bootwrap import Form
 
 Form(
     # here should be an enumeration  of
@@ -2961,34 +2961,34 @@ Form(
 ).on_submit('go/to/this/url')
 </code></pre>
          </div>
-         <div class="mt-5" id="c3b6fa90-7127-49eb-b571-a2e592dae57f">
-          <div class="d-flex justify-content-between" id="d35f134f-716e-4a97-9602-42567e1582dc">
-           <h4 id="4d14a04b-b1a5-4481-8a8f-cb92ccf60efd">
+         <div class="mt-5" id="b50920cc-87c3-4ca2-9f67-99bab645b11d">
+          <div class="d-flex justify-content-between" id="21e49741-154f-4b22-91ad-83714573c47e">
+           <h4 id="05f31064-018d-4303-a213-58467cbd95a7">
             Method
-            <span class="text-primary" id="21fca84d-6b73-4153-adb4-93e6f43d89a6">
+            <span class="text-primary" id="9ad16e42-7de0-4748-91b9-7558b686961d">
              on_submit
             </span>
            </h4>
-           <div id="58063871-f9eb-4049-ab11-64766d285b16">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4a1d8806-9c54-40e0-868e-5fa14ab4c6db" data-bs-toggle="collapse" id="93327760-107c-4b0c-b896-0c67eb091564" onclick="return false;" type="button">
+           <div id="0d291e61-37d5-4143-9a37-892cf9ee7c44">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#db1f76d4-dc86-48ce-b73e-dfaf911a66af" data-bs-toggle="collapse" id="6c945253-683c-4512-9478-160209c9d338" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d8705812-edfe-475f-a10c-85989c32fbde" data-bs-toggle="collapse" id="f936740d-2cb2-410b-9835-6e74f3a87ad0" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#e7599b95-35cb-4214-be69-600e9eb8be84" data-bs-toggle="collapse" id="e94a4a86-9fb1-4345-bdc5-63ec2135937f" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="bba80af6-01c9-4924-9662-608773211ad3">
+          <span class="text-muted" id="6035125d-244d-4cdd-85ac-1d7ff91c746b">
            Sets the submit URL, for the POST request.
           </span>
-          <pre id="7b684d83-94d6-400f-9360-ce94b8027ee6"><code class="python">on_submit(href)</code></pre>
-          <div class="ms-3 collapse" id="4a1d8806-9c54-40e0-868e-5fa14ab4c6db">
-           <h6 id="fd7d8243-c208-4d0a-ba15-4b4cf566b782">
+          <pre id="32dfd227-90d0-4c78-8e34-2c12bf024e7e"><code class="python">on_submit(href)</code></pre>
+          <div class="ms-3 collapse" id="db1f76d4-dc86-48ce-b73e-dfaf911a66af">
+           <h6 id="bde63c5b-7ad2-4f94-a778-6fa7f7d3ebfa">
             <strong>
              Arguments
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="28de4ca2-7702-4494-ad0a-62b9ed84b7eb">
+           <table class="table table-sm bg-light" id="7102a093-5dc5-427d-93e9-0cfca5492ddf">
             <thead>
              <tr>
               <th scope="col">
@@ -3021,13 +3021,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="d8705812-edfe-475f-a10c-85989c32fbde">
-           <h6 id="32eed1e1-4434-40a3-af80-4f4db6aa5f8a">
+          <div class="ms-3 collapse" id="e7599b95-35cb-4214-be69-600e9eb8be84">
+           <h6 id="7f55cd9b-7485-4cd1-b52c-be003249c8c5">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="ef60f68c-91d6-4c1c-b4fc-da085175fbd8">
+           <table class="table table-sm bg-light" id="e016a3a7-c90c-4d5c-b8ce-9914dd301df5">
             <thead>
              <tr>
               <th scope="col">
@@ -3060,13 +3060,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="a752a5e1-75d3-4274-aebb-ad0a1d2a883a">
-           <h6 id="2d9e7b02-8aad-42c9-888d-058ec1963af5">
+          <div class="ms-3" id="e842c859-4e7e-42e6-9f31-8577f66b593e">
+           <h6 id="ce81015b-eed4-4be1-b3a4-857077839a03">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="bde03bcc-55e9-4db8-a9bc-47aca509dbcf"><code class="python">from bootwrap import Form
+           <pre id="83ce11bf-4266-4c8a-9975-609106600b6c"><code class="python">from bootwrap import Form
 
 Form(...).on_submit('go/to/this/url')
 </code></pre>
@@ -3074,32 +3074,32 @@ Form(...).on_submit('go/to/this/url')
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e21f2a92-2f85-493d-b76d-be712a95a281">
-        <div class="mt-5" id="e19de24e-9652-4353-9e82-aa0da5ab91f1">
-         <div class="d-flex justify-content-between" id="9a673bf0-ebe4-4241-a09f-d803624aad54">
-          <h1 id="39dc1e48-a214-4da2-818e-898349b16668">
+       <div class="tab-pane fade" id="ab47f249-d8d6-41c4-a193-052c7880fb45">
+        <div class="mt-5" id="787cbb51-377b-4a90-b0d3-f0a6dfdbf82b">
+         <div class="d-flex justify-content-between" id="43ec8c18-0fec-4dd4-9d54-347fa8644ffb">
+          <h1 id="1fdf3539-9fc3-4ea0-b881-0ed4f42c8a16">
            Class
-           <span class="text-primary" id="aaeff75a-e952-4c3e-bf54-9fc65faa614d">
+           <span class="text-primary" id="82044062-7877-4b4e-ba89-705962ea72b2">
             CheckboxInput
            </span>
           </h1>
-          <div id="46a9be47-1899-4264-b4f8-a24cbc5bc098">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9c317c48-735d-4515-b41b-4a0fa4b28172" data-bs-toggle="collapse" id="bcf7b398-736f-4ba5-aee4-cc0f7d8c1b9b" onclick="return false;" type="button">
+          <div id="4d3ff567-3b59-4cf5-8463-5f2a6812b84a">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b0e642c7-c3b1-4cbf-bb3a-5d8ee2bb4213" data-bs-toggle="collapse" id="07e0c20c-fd1a-4514-8ee3-7e0e5ae405ac" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="e362dbc9-65eb-45a8-8684-61b0c948e656">
+         <span class="text-muted" id="171bd97e-71bc-40a8-9eec-f56fb3975184">
           A checkbox input.
          </span>
-         <pre id="4f69632d-6c93-433d-a126-d6109d7bfbdf"><code class="python">CheckboxInput(label, name, checked=False)</code></pre>
-         <div class="ms-3 collapse" id="9c317c48-735d-4515-b41b-4a0fa4b28172">
-          <h6 id="029af6d1-5d4d-4e00-97ce-756f41a85338">
+         <pre id="df6f164f-c2b9-4d90-aef7-f62e7fdad9da"><code class="python">CheckboxInput(label, name, checked=False)</code></pre>
+         <div class="ms-3 collapse" id="b0e642c7-c3b1-4cbf-bb3a-5d8ee2bb4213">
+          <h6 id="43e8623f-3733-487c-b0f0-8316e18fe938">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="d802e026-cd8a-41c1-ab5f-a7d8d2fb78cb">
+          <table class="table table-sm bg-light" id="4bbd89bd-3842-4486-9fd3-fe39b9d82def">
            <thead>
             <tr>
              <th scope="col">
@@ -3162,7 +3162,7 @@ Form(...).on_submit('go/to/this/url')
            </tbody>
           </table>
          </div>
-         <p id="7410ca20-84e4-4834-aebf-5271be997f42">
+         <p id="86a65cee-60cf-4c69-a6ff-55c9dc70f9d4">
           Use the
           <code>
            as_disabled()
@@ -3174,13 +3174,13 @@ Form(...).on_submit('go/to/this/url')
           </code>
           component.
          </p>
-         <div class="ms-3" id="1fbd4a92-8299-4b9f-81d5-9cf83fd834e7">
-          <h6 id="ab57d79b-3850-4e32-b6ba-11a7150d63e5">
+         <div class="ms-3" id="9d11757e-1444-41a6-8c82-173f696cbb81">
+          <h6 id="b05eae34-05e9-447d-8a83-14e2d15c6cc1">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="d79ef96d-0288-4289-9c6b-f2a806eeb117"><code class="python">from bootwrap import Form, CheckboxInput
+          <pre id="5a93f7b2-024f-4ab9-bb3c-fd5244c855a8"><code class="python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1'),
@@ -3190,59 +3190,59 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="e658cbf9-748c-4759-b37a-ffbf7353173d">
-          <form enctype="multipart/form-data" id="58d9466e-d85e-4563-9d9a-78f2c9ce2da5" method="POST">
+         <div class="ms-3" id="f389bcf6-a581-4549-9638-ab5a6596ea04">
+          <form enctype="multipart/form-data" id="c4d4f384-a415-4e9d-bb41-63d619356aa1" method="POST">
            <div class="form-check">
-            <input autocomplete="off" class="form-check-input" id="9c77024a-a911-4b79-908e-2fd07a9e159e" name="opt1" type="checkbox"/>
-            <label class="form-check-label" for="9c77024a-a911-4b79-908e-2fd07a9e159e">
+            <input autocomplete="off" class="form-check-input" id="b7766874-c049-4f62-8ac5-78ac6fc3fcc9" name="opt1" type="checkbox"/>
+            <label class="form-check-label" for="b7766874-c049-4f62-8ac5-78ac6fc3fcc9">
              One
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" checked="" class="form-check-input" id="70c69eee-e9df-4f2e-a431-8f6c3fa9d8f3" name="opt2" type="checkbox"/>
-            <label class="form-check-label" for="70c69eee-e9df-4f2e-a431-8f6c3fa9d8f3">
+            <input autocomplete="off" checked="" class="form-check-input" id="6d02d078-2f45-4567-ada0-c8ef37edc3c0" name="opt2" type="checkbox"/>
+            <label class="form-check-label" for="6d02d078-2f45-4567-ada0-c8ef37edc3c0">
              Two
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" class="form-check-input" disabled="" id="87fa2606-e65b-45ac-813c-4280d7af8695" name="opt3" type="checkbox"/>
-            <label class="form-check-label" for="87fa2606-e65b-45ac-813c-4280d7af8695">
+            <input autocomplete="off" class="form-check-input" disabled="" id="f5f96cd3-8eaf-4b4b-9924-df952c037195" name="opt3" type="checkbox"/>
+            <label class="form-check-label" for="f5f96cd3-8eaf-4b4b-9924-df952c037195">
              Three
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" checked="" class="form-check-input" disabled="" id="3ea1fb2d-87b4-40fc-9417-1b014ac22a6b" name="opt4" type="checkbox"/>
-            <label class="form-check-label" for="3ea1fb2d-87b4-40fc-9417-1b014ac22a6b">
+            <input autocomplete="off" checked="" class="form-check-input" disabled="" id="92c92422-3f51-45d0-b791-52bc9f155be1" name="opt4" type="checkbox"/>
+            <label class="form-check-label" for="92c92422-3f51-45d0-b791-52bc9f155be1">
              Four
             </label>
            </div>
           </form>
          </div>
-         <div class="mt-5" id="fecb9d6b-1fa4-47e7-b865-5d31f9ec1667">
-          <div class="d-flex justify-content-between" id="8c72dfa3-fbb7-4e53-86a0-dfb789e85567">
-           <h4 id="babef54d-dc99-419d-aded-8a528c8628b3">
+         <div class="mt-5" id="44fe283d-2936-4dbe-b216-0fa2cb384c6f">
+          <div class="d-flex justify-content-between" id="b57ac956-8c43-4d3d-aa99-6cc00e42ffbf">
+           <h4 id="40fc9479-67f3-4da5-af4b-f9fc33ac1f8a">
             Method
-            <span class="text-primary" id="c4742871-f029-4f0a-b046-17c16afb1b49">
+            <span class="text-primary" id="234d8c77-188e-4ece-b63a-b98c1defebbe">
              as_button
             </span>
            </h4>
-           <div id="2bdc159d-7d98-439e-b70f-678bef4b6d20">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a7b4515f-1f42-4f1b-bf12-bd2662feb50f" data-bs-toggle="collapse" id="7def91dc-c98d-4da6-9a68-154650f3b210" onclick="return false;" type="button">
+           <div id="13111b7b-60dd-45c9-b848-9c11c80e32cc">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#e05a7229-2cda-4d0f-8242-09bece1737e7" data-bs-toggle="collapse" id="ab32fab6-aec3-4954-9ef5-06988584d392" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="7804369e-13d5-4da6-a97c-dc67a893249f">
+          <span class="text-muted" id="bbb0f095-c85c-464f-a3a3-c66dfa096267">
            Sets the "button"-style to the check box.
           </span>
-          <pre id="2bef1fb0-d91a-4025-ba57-83524a6237b9"><code class="python">as_button()</code></pre>
-          <div class="ms-3 collapse" id="a7b4515f-1f42-4f1b-bf12-bd2662feb50f">
-           <h6 id="79710fac-10c8-42df-a755-5a62f12a7ce8">
+          <pre id="b1f1bee5-997e-4c6b-96e7-f4b9aa8816ac"><code class="python">as_button()</code></pre>
+          <div class="ms-3 collapse" id="e05a7229-2cda-4d0f-8242-09bece1737e7">
+           <h6 id="ba51143d-368a-4089-974b-40f01bb712c7">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="211973b6-e220-44d2-b792-ca705175d356">
+           <table class="table table-sm bg-light" id="2bbd52a5-dbe7-451a-a311-9deb2e2458ff">
             <thead>
              <tr>
               <th scope="col">
@@ -3275,13 +3275,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="758c562e-04e8-4f20-a7b4-f49a1960050b">
-           <h6 id="b4c6ff39-f8bb-4780-b3da-897bf7157f50">
+          <div class="ms-3" id="8178b9ba-e4d8-4a86-a4c3-7b08f19c6e57">
+           <h6 id="f01eb4d1-a0d4-402f-ac7b-766568e6c130">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="2874f2fa-2de9-485e-a68f-e59fc6deddd0"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="00cb20de-7342-4768-acc5-663f9568007f"><code class="python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').as_button().as_primary().as_outline(),
@@ -3291,52 +3291,52 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="f2b077d5-4cbc-47a6-8113-e208dc70aa22">
-           <form enctype="multipart/form-data" id="f1d80fff-2165-409e-a14c-4ffc1981832a" method="POST">
-            <input autocomplete="off" class="btn-check" id="2fa4e5af-2954-4748-81dd-3133339a2a9f" name="opt1" type="checkbox"/>
-            <label class="btn btn-outline-primary" for="2fa4e5af-2954-4748-81dd-3133339a2a9f">
+          <div class="ms-3" id="d2a942e5-8bcb-4318-a3a6-2410fecf0a94">
+           <form enctype="multipart/form-data" id="0e90bda7-47d8-4741-b345-37da833796e3" method="POST">
+            <input autocomplete="off" class="btn-check" id="8d9b3594-1f3f-4911-896f-33a984f5703b" name="opt1" type="checkbox"/>
+            <label class="btn btn-outline-primary" for="8d9b3594-1f3f-4911-896f-33a984f5703b">
              One
             </label>
-            <input autocomplete="off" checked="" class="btn-check" id="16028dfc-9a44-4e55-86ad-b7b1490d48de" name="opt2" type="checkbox"/>
-            <label class="btn" for="16028dfc-9a44-4e55-86ad-b7b1490d48de">
+            <input autocomplete="off" checked="" class="btn-check" id="1b95a79f-62d7-4fe4-8b45-48703a2c202f" name="opt2" type="checkbox"/>
+            <label class="btn" for="1b95a79f-62d7-4fe4-8b45-48703a2c202f">
              Two
             </label>
-            <input autocomplete="off" class="btn-check" disabled="" id="a5aabfba-8178-4360-b524-caadb3d0e553" name="opt3" type="checkbox"/>
-            <label class="btn" for="a5aabfba-8178-4360-b524-caadb3d0e553">
+            <input autocomplete="off" class="btn-check" disabled="" id="c1f3d3c2-a740-488e-a9a9-bee91f16b270" name="opt3" type="checkbox"/>
+            <label class="btn" for="c1f3d3c2-a740-488e-a9a9-bee91f16b270">
              Three
             </label>
-            <input autocomplete="off" checked="" class="btn-check" disabled="" id="b2268c32-354a-42a4-8591-e45cf3d08848" name="opt4" type="checkbox"/>
-            <label class="btn" for="b2268c32-354a-42a4-8591-e45cf3d08848">
+            <input autocomplete="off" checked="" class="btn-check" disabled="" id="75011f75-4a9b-4955-b394-d79f3e42b33d" name="opt4" type="checkbox"/>
+            <label class="btn" for="75011f75-4a9b-4955-b394-d79f3e42b33d">
              Four
             </label>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="7966e6dc-45f8-407e-ab14-ae4f86d64fe8">
-          <div class="d-flex justify-content-between" id="01ede579-27f5-4cc9-98bc-69a15b017880">
-           <h4 id="3ec5d9ec-63bd-40f1-b95e-a15d9e5b0e33">
+         <div class="mt-5" id="8206c09c-332e-4499-adc6-a000d644e634">
+          <div class="d-flex justify-content-between" id="676507cd-04d7-4714-bd15-0965e68ab8c8">
+           <h4 id="e6a2e5d7-1dc7-48b0-bd40-419211983d76">
             Method
-            <span class="text-primary" id="0200705d-e61a-4d2e-ad7c-8ca6f9d0b104">
+            <span class="text-primary" id="bfeb1882-9c14-412f-86bd-d7c2e47790ab">
              as_radio
             </span>
            </h4>
-           <div id="a7f6d04d-39a3-441a-afeb-0f070b657946">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#ad7e112a-36d0-4f0a-be31-8078779754bb" data-bs-toggle="collapse" id="735b068a-3daf-4187-bfae-04e4008b4932" onclick="return false;" type="button">
+           <div id="d0f775d6-78ee-4943-8890-a324321131a6">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#7bae33fa-389f-4e24-be30-e626c17ce859" data-bs-toggle="collapse" id="276d5c1e-5f21-4b2a-8ab8-e80d58f12a58" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="c3a50263-1743-4f43-b8b5-051397e7a43c">
+          <span class="text-muted" id="2c5fec96-57ea-44e1-9fff-3cb174e6b3ff">
            Makes a chack box as radio button.
           </span>
-          <pre id="fc10b2e4-787f-4799-bbef-1cbaf78691af"><code class="python">as_radio(value)</code></pre>
-          <div class="ms-3 collapse" id="ad7e112a-36d0-4f0a-be31-8078779754bb">
-           <h6 id="50c75ef4-f97d-4cc1-97f7-1d51de44f181">
+          <pre id="aa08fdf4-9039-47ca-8570-b0dc21cb346d"><code class="python">as_radio(value)</code></pre>
+          <div class="ms-3 collapse" id="7bae33fa-389f-4e24-be30-e626c17ce859">
+           <h6 id="071eeb7d-1be6-4327-bc59-4ca6579ebc78">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="33059c62-8b7b-49b6-9d3b-a9bd5c1ed0de">
+           <table class="table table-sm bg-light" id="f181692e-3cc7-4c61-817d-6d3b5eee767f">
             <thead>
              <tr>
               <th scope="col">
@@ -3369,13 +3369,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="8403cd17-3ea4-49a0-863c-e352423a785d">
-           <h6 id="77634bfd-32d0-46d9-a1e6-78b5f9ba1c01">
+          <div class="ms-3" id="e6dd4ad1-3499-4d63-912c-b56b033cd196">
+           <h6 id="b5330595-3279-4f3d-9134-63e419f24e9d">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="908f9c21-6d5a-4786-ad11-5965073174b5"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="d93680ce-8905-44d2-809a-541caddd8615"><code class="python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt').as_radio(1),
@@ -3385,60 +3385,60 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="69b425cf-5a48-4399-86f7-94055cf41c18">
-           <form enctype="multipart/form-data" id="ef3a9b35-2219-4359-b392-79e18a648e1d" method="POST">
+          <div class="ms-3" id="b5636a28-b2b7-4888-b582-e3a482ac58af">
+           <form enctype="multipart/form-data" id="8b0fadeb-fbc8-4cb3-837b-333b1d8f6ec4" method="POST">
             <div class="form-check">
-             <input autocomplete="off" class="form-check-input" id="8ba04645-5f63-42b8-98aa-6d57a3a1c097" name="opt" type="radio" value="1"/>
-             <label class="form-check-label" for="8ba04645-5f63-42b8-98aa-6d57a3a1c097">
+             <input autocomplete="off" class="form-check-input" id="657dc962-4684-4ff4-84e6-6c352d83bc2b" name="opt" type="radio" value="1"/>
+             <label class="form-check-label" for="657dc962-4684-4ff4-84e6-6c352d83bc2b">
               One
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" checked="" class="form-check-input" id="c97b40ed-f2da-4b36-baf2-ab46efed81d8" name="opt" type="radio" value="2"/>
-             <label class="form-check-label" for="c97b40ed-f2da-4b36-baf2-ab46efed81d8">
+             <input autocomplete="off" checked="" class="form-check-input" id="823c0300-9e7f-45cd-8545-b450310e91ff" name="opt" type="radio" value="2"/>
+             <label class="form-check-label" for="823c0300-9e7f-45cd-8545-b450310e91ff">
               Two
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" class="form-check-input" disabled="" id="f31ce9ec-b237-41d0-9771-5b8143f6a81b" name="opt" type="radio" value="3"/>
-             <label class="form-check-label" for="f31ce9ec-b237-41d0-9771-5b8143f6a81b">
+             <input autocomplete="off" class="form-check-input" disabled="" id="42a9dedf-fc77-4a23-ad69-777d04d02fcc" name="opt" type="radio" value="3"/>
+             <label class="form-check-label" for="42a9dedf-fc77-4a23-ad69-777d04d02fcc">
               Three
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="2c428fe6-a934-4399-b4cb-c785843b2825" name="opt" type="radio" value="4"/>
-             <label class="form-check-label" for="2c428fe6-a934-4399-b4cb-c785843b2825">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="477f1816-f5c9-4ab2-af0b-bdd9aabfe041" name="opt" type="radio" value="4"/>
+             <label class="form-check-label" for="477f1816-f5c9-4ab2-af0b-bdd9aabfe041">
               Four
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="1ad0cbdc-58d7-4d26-a38d-cbec827f2ffb">
-          <div class="d-flex justify-content-between" id="6a6fec92-6779-4b24-9d4d-f02845ba3cf1">
-           <h4 id="4e0e471b-aeb9-415b-9005-9a7dfd93761e">
+         <div class="mt-5" id="9d4d1651-a72e-4be1-9b76-c2e787186172">
+          <div class="d-flex justify-content-between" id="d7667569-7fcf-465a-8004-89bcea119838">
+           <h4 id="aeabace0-8a02-45ab-8567-9d39cfbf5f32">
             Method
-            <span class="text-primary" id="a6cdb73b-025e-44d3-ab24-71030d035883">
+            <span class="text-primary" id="db36040f-940f-4b79-8fe5-e99ac8915cca">
              as_switch
             </span>
            </h4>
-           <div id="fbd0af78-fbf7-40d6-8d7b-e8a6f3bfce68">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#1fe05fc0-eb6a-4e74-9be7-248f10954696" data-bs-toggle="collapse" id="ade4f64b-f321-4501-8d5f-79e7ffb8f437" onclick="return false;" type="button">
+           <div id="7b8c80fc-fea6-429b-b05c-5ffda9d3889d">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#65564869-9925-4e86-9747-a05f1bcc9f49" data-bs-toggle="collapse" id="82a1c03b-e6bf-46b5-b691-c173ba3ffd51" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="cd8ab455-0ac9-4b05-89d2-f19f11a8bd4a">
+          <span class="text-muted" id="0cd56f34-62ab-4af2-8876-f2dacceffaaf">
            Sets the "switch"-style to the check box.
           </span>
-          <pre id="305d5403-5798-4a62-8da4-8654d4cc0dbf"><code class="python">as_switch()</code></pre>
-          <div class="ms-3 collapse" id="1fe05fc0-eb6a-4e74-9be7-248f10954696">
-           <h6 id="0108d3b3-326e-4122-b7d2-f90f46e155bc">
+          <pre id="3da0b38a-2c74-49e3-96f1-9be962bd40c2"><code class="python">as_switch()</code></pre>
+          <div class="ms-3 collapse" id="65564869-9925-4e86-9747-a05f1bcc9f49">
+           <h6 id="80b61f05-bdda-4623-ab62-3073f80c905a">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="674b7cd4-555b-4b7f-b2a6-db9d8a29dbba">
+           <table class="table table-sm bg-light" id="4d88a451-e163-4264-9528-37b35611e20f">
             <thead>
              <tr>
               <th scope="col">
@@ -3471,13 +3471,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="da1667d2-6cb4-4ace-845a-9b326d79e72d">
-           <h6 id="4ec0295e-9a3d-4eeb-bad2-894127735b1f">
+          <div class="ms-3" id="1b0fc4c6-31ab-41c5-83c1-54acd92094db">
+           <h6 id="ac52b908-b27e-493a-9644-4469374db14e">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="f64c73ac-68fd-47a3-9816-ca97c79c4944"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="d923ad5d-0419-427d-84af-02e324848c24"><code class="python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').as_switch(),
@@ -3487,60 +3487,60 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="c8698353-315d-48ad-8896-34b2d9f9ea3c">
-           <form enctype="multipart/form-data" id="a92033c1-b535-4a13-bc9c-e90c3ce92137" method="POST">
+          <div class="ms-3" id="2650c456-55a3-4d0c-8555-ebe4c2a16037">
+           <form enctype="multipart/form-data" id="2b51ee9b-7d2f-49db-a31a-52209a540481" method="POST">
             <div class="form-check form-switch">
-             <input autocomplete="off" class="form-check-input" id="ffda4ebb-2354-4759-a66c-2678f9c4862f" name="opt1" type="checkbox"/>
-             <label class="form-check-label" for="ffda4ebb-2354-4759-a66c-2678f9c4862f">
+             <input autocomplete="off" class="form-check-input" id="7bcd1960-8f54-435a-87e4-ffa608276a61" name="opt1" type="checkbox"/>
+             <label class="form-check-label" for="7bcd1960-8f54-435a-87e4-ffa608276a61">
               One
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" checked="" class="form-check-input" id="1ff659bf-998c-486e-b1b8-394626a4bc9d" name="opt2" type="checkbox"/>
-             <label class="form-check-label" for="1ff659bf-998c-486e-b1b8-394626a4bc9d">
+             <input autocomplete="off" checked="" class="form-check-input" id="1d20e08c-992b-4934-9af1-e99746f3e876" name="opt2" type="checkbox"/>
+             <label class="form-check-label" for="1d20e08c-992b-4934-9af1-e99746f3e876">
               Two
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" class="form-check-input" disabled="" id="3b286e54-f605-4269-80f2-26e0f7a3e9db" name="opt3" type="checkbox"/>
-             <label class="form-check-label" for="3b286e54-f605-4269-80f2-26e0f7a3e9db">
+             <input autocomplete="off" class="form-check-input" disabled="" id="db16c31c-a9ad-4a91-95e1-54162e9dc861" name="opt3" type="checkbox"/>
+             <label class="form-check-label" for="db16c31c-a9ad-4a91-95e1-54162e9dc861">
               Three
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="37a4fd23-8242-4c70-a2de-4b393ee92d0a" name="opt4" type="checkbox"/>
-             <label class="form-check-label" for="37a4fd23-8242-4c70-a2de-4b393ee92d0a">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="38222ec9-bb85-42c4-a2a1-d5394fa985fd" name="opt4" type="checkbox"/>
+             <label class="form-check-label" for="38222ec9-bb85-42c4-a2a1-d5394fa985fd">
               Four
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="d82a15d5-f5e9-4d6b-84dc-09a804de253b">
-          <div class="d-flex justify-content-between" id="a07caa3b-6424-4f6c-b57a-6cc156c391c3">
-           <h4 id="5838f44f-a3a3-46af-966e-c5674387705f">
+         <div class="mt-5" id="6e605dd7-e504-40b1-af23-4c7d3a974b24">
+          <div class="d-flex justify-content-between" id="e2e9ff7d-48c9-4705-9c9b-ebc11fcd071e">
+           <h4 id="8bff6ee3-7109-49f7-9aa0-2c8af3a59854">
             Method
-            <span class="text-primary" id="ebe49505-6bb9-4b2c-be16-6b1175fe4c78">
+            <span class="text-primary" id="78780c77-595d-4939-984d-414c80b31740">
              inline
             </span>
            </h4>
-           <div id="99638683-7769-4b38-bee6-8f06b4a27f4b">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#633a9c4f-4ac7-4eef-aede-8311b0ed24be" data-bs-toggle="collapse" id="ff4365bc-0dc5-46eb-bdcf-ebfaf72b38a6" onclick="return false;" type="button">
+           <div id="bcec5a8d-813d-47a5-ab67-74e6f2c0e98a">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#966167b3-bcd0-4d27-94bb-c702c4d7f73d" data-bs-toggle="collapse" id="cd9d3f52-504f-400e-9769-1e32ad98734c" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="58b68d8f-bea3-434e-b306-be753fbade01">
+          <span class="text-muted" id="730ac61f-f7e8-4a2e-859b-bb4dc0cad8e0">
            Sets the check box in line.
           </span>
-          <pre id="754a2ec5-f177-4df1-8063-869ce5c69d78"><code class="python">inline()</code></pre>
-          <div class="ms-3 collapse" id="633a9c4f-4ac7-4eef-aede-8311b0ed24be">
-           <h6 id="585659ff-1de6-4b56-bf25-3e0fbe8b44ea">
+          <pre id="02e9ad9c-ddba-480d-a6b9-702968927510"><code class="python">inline()</code></pre>
+          <div class="ms-3 collapse" id="966167b3-bcd0-4d27-94bb-c702c4d7f73d">
+           <h6 id="8254fe61-7acf-42a4-98b1-4ff5e83da6d1">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="9e5e5d89-3980-4fce-a1f0-6e8ca22a49f6">
+           <table class="table table-sm bg-light" id="9be7da33-0006-4d3c-b293-d72fa201ded1">
             <thead>
              <tr>
               <th scope="col">
@@ -3573,13 +3573,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="dda8e676-0db8-4f63-a6ef-e4a94a0e9ad7">
-           <h6 id="cd56e0ea-251c-404f-a323-880c5b7ce7d3">
+          <div class="ms-3" id="1dbaa8b4-27d3-420e-8ea1-63488ef6451c">
+           <h6 id="bc2d01eb-0737-4756-b0db-067d7f379747">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="e7049097-4936-4b13-afff-ac04570e7dc1"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="7338d2ac-e110-4bba-b7c2-47d54f38cd5f"><code class="python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').inline(),
@@ -3589,29 +3589,29 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="982ad5fa-d4b7-4e55-b970-397b4336443a">
-           <form enctype="multipart/form-data" id="829dc587-2105-49b9-8c52-f469e7277ede" method="POST">
+          <div class="ms-3" id="5d267d98-361c-4616-9a26-0ec45c1fcee9">
+           <form enctype="multipart/form-data" id="b5f97a94-c4a2-4ec9-bd82-84a44e32a043" method="POST">
             <div class="form-check form-check-inline">
-             <input autocomplete="off" class="form-check-input" id="f4e359cf-3d0c-4896-ab84-85d5f74c054c" name="opt1" type="checkbox"/>
-             <label class="form-check-label" for="f4e359cf-3d0c-4896-ab84-85d5f74c054c">
+             <input autocomplete="off" class="form-check-input" id="469c2797-0753-4f39-88f6-b3bde5b35bdd" name="opt1" type="checkbox"/>
+             <label class="form-check-label" for="469c2797-0753-4f39-88f6-b3bde5b35bdd">
               One
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" checked="" class="form-check-input" id="83ac4ddc-3802-46b9-926c-3e0254b09d9d" name="opt2" type="checkbox"/>
-             <label class="form-check-label" for="83ac4ddc-3802-46b9-926c-3e0254b09d9d">
+             <input autocomplete="off" checked="" class="form-check-input" id="19f06394-c359-4734-8b1e-fb15edbddabd" name="opt2" type="checkbox"/>
+             <label class="form-check-label" for="19f06394-c359-4734-8b1e-fb15edbddabd">
               Two
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" class="form-check-input" disabled="" id="4dbc1ee7-95d5-442e-aa54-1c89c1cb04cd" name="opt3" type="checkbox"/>
-             <label class="form-check-label" for="4dbc1ee7-95d5-442e-aa54-1c89c1cb04cd">
+             <input autocomplete="off" class="form-check-input" disabled="" id="af496a67-2f1e-4e4a-9b59-f51c0d519ec9" name="opt3" type="checkbox"/>
+             <label class="form-check-label" for="af496a67-2f1e-4e4a-9b59-f51c0d519ec9">
               Three
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="bf6e9053-f8a2-43d6-bfde-c755049b574e" name="opt4" type="checkbox"/>
-             <label class="form-check-label" for="bf6e9053-f8a2-43d6-bfde-c755049b574e">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="bd847ca3-0367-48fa-9401-191b03fba7b1" name="opt4" type="checkbox"/>
+             <label class="form-check-label" for="bd847ca3-0367-48fa-9401-191b03fba7b1">
               Four
              </label>
             </div>
@@ -3620,32 +3620,32 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="8c484ff1-c0c5-4a2b-806b-8868ea78e3dd">
-        <div class="mt-5" id="92d03d50-7f75-4b41-b233-5eba2027a86a">
-         <div class="d-flex justify-content-between" id="7e5a99b3-0132-43c2-b687-0fdb85bbff22">
-          <h1 id="86dc753a-65da-42f7-8a8c-13078b148eeb">
+       <div class="tab-pane fade" id="123fcf2d-dd4c-438b-8dff-cd2dd580629d">
+        <div class="mt-5" id="3f688bfc-0704-4c53-84e5-e66c3ca6ac60">
+         <div class="d-flex justify-content-between" id="6c6b5720-d7ba-4af0-8c24-1dd2e5092b2c">
+          <h1 id="423592d1-5e55-434b-8111-deef6edc96e4">
            Class
-           <span class="text-primary" id="f8a704e3-0d83-4faf-bbcb-c658bf9dae43">
+           <span class="text-primary" id="1c34cfee-6198-40d3-bcd3-b4f5327603da">
             TextInput
            </span>
           </h1>
-          <div id="434f4fe0-ffd2-4b10-b197-ad3b8e46498c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#97c62a53-34d7-47cd-9a74-8c20c737723e" data-bs-toggle="collapse" id="f54e91dd-3561-4a76-9fcc-e4a3f7e5ca47" onclick="return false;" type="button">
+          <div id="3da7679d-ccc3-4101-bf37-55a14b78f8f0">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#44de511c-6b2f-4059-b297-e0cd0c3951a5" data-bs-toggle="collapse" id="59eede88-d42f-4659-8c26-5c22bb5c87c7" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="68695d5d-7550-4d3d-8dba-b8c15447fd5f">
+         <span class="text-muted" id="d3b46915-2776-4c96-b241-bb83d1c816f0">
           A text input.
          </span>
-         <pre id="3f769e03-5bbb-4eac-895a-28bc15a4692e"><code class="python">TextInput(label, name, value=None, placeholder=None)</code></pre>
-         <div class="ms-3 collapse" id="97c62a53-34d7-47cd-9a74-8c20c737723e">
-          <h6 id="3fec54a4-098a-402e-898e-11093bdb8274">
+         <pre id="04aba055-d89c-44e9-8c0e-818deec09587"><code class="python">TextInput(label, name, value=None, placeholder=None)</code></pre>
+         <div class="ms-3 collapse" id="44de511c-6b2f-4059-b297-e0cd0c3951a5">
+          <h6 id="157f23b8-4b0a-4777-b8ae-766da6fc6b5d">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="f4921d39-8ef2-46ec-a659-ef4aaf638f94">
+          <table class="table table-sm bg-light" id="d143f6cc-ba18-430b-8f29-29ee9e58b0c5">
            <thead>
             <tr>
              <th scope="col">
@@ -3723,7 +3723,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="6de7d828-73cd-4137-9a85-bb3f2f1e7b89">
+         <p id="5717afc5-887d-41dd-af71-ff4cbc18a0da">
           Use the
           <code>
            as_disabled()
@@ -3735,13 +3735,13 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="b9fed6fd-d2d4-45e2-a9cc-49b34cce5914">
-          <h6 id="e4106276-f962-464f-8ae4-2af5add21ad7">
+         <div class="ms-3" id="443567dc-87d8-40f6-977a-c2442379615d">
+          <h6 id="cd7dab82-cef0-440d-9ec1-70be9e09e02f">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="574111c2-d995-4faf-9f37-7b4e435185cc"><code class="python">from bootwrap import Form, TextInput
+          <pre id="c8b16722-fd28-4335-a2c9-29c15af9ed86"><code class="python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Text1', 'text'),
@@ -3751,67 +3751,67 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="ccc1a128-6e4f-4ac2-90f4-81911ecf3b9a">
-          <form enctype="multipart/form-data" id="016657d9-5401-42f3-ad43-777dc93037a1" method="POST">
+         <div class="ms-3" id="bd630ef6-d74c-42e9-a145-5c2bb9acbbbf">
+          <form enctype="multipart/form-data" id="2c44c00f-089c-47d7-9b12-7d7b7031708b" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="5d8257da-a565-4d44-8c8a-e594c0ad274d">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="3b867c82-2e21-41d6-886b-d2541a4406ac">
              Text1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="5d8257da-a565-4d44-8c8a-e594c0ad274d" name="text" type="text"/>
+             <input class="form-control" id="3b867c82-2e21-41d6-886b-d2541a4406ac" name="text" type="text"/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="545d330c-eedd-4fcf-ada2-7d9ed3d62cd1">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="25237249-7c68-4024-aa7b-7fc2d4efe7c4">
              Text2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="545d330c-eedd-4fcf-ada2-7d9ed3d62cd1" name="text" placeholder="type here" type="text"/>
+             <input class="form-control" id="25237249-7c68-4024-aa7b-7fc2d4efe7c4" name="text" placeholder="type here" type="text"/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="dcc85f15-7432-47fd-818c-30cceae6d756">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="e41de2b0-922f-4aed-8cb5-da8727f1b6b1">
              Text3
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="dcc85f15-7432-47fd-818c-30cceae6d756" name="text" type="text" value="Hello World!"/>
+             <input class="form-control" id="e41de2b0-922f-4aed-8cb5-da8727f1b6b1" name="text" type="text" value="Hello World!"/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="9f662064-30d8-4d2f-90df-582ed151be94">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="8787c299-556b-4809-939d-dbe7aafe7536">
              Text4
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" disabled="" id="9f662064-30d8-4d2f-90df-582ed151be94" name="text" type="text"/>
+             <input class="form-control" disabled="" id="8787c299-556b-4809-939d-dbe7aafe7536" name="text" type="text"/>
             </div>
            </div>
           </form>
          </div>
-         <div class="mt-5" id="0dc855ee-9540-4bc2-a008-0a631060f84a">
-          <div class="d-flex justify-content-between" id="d235381f-cf0d-4201-9424-f3c0653711f3">
-           <h4 id="a488c046-ce3b-45eb-9824-e8c028112000">
+         <div class="mt-5" id="fcaeb9ff-4614-4b17-8e00-6b719e3dbd5e">
+          <div class="d-flex justify-content-between" id="2b1723a6-76d3-4a80-b7d1-87aa0b154c2f">
+           <h4 id="ba16c7e5-5e27-4500-9a7a-971b5b439af4">
             Method
-            <span class="text-primary" id="1312180e-10d3-49a1-b8be-eeac9069b4ef">
+            <span class="text-primary" id="c5195465-5dd5-44ba-ad9d-27d57b30cde5">
              for_email
             </span>
            </h4>
-           <div id="e277752a-8c63-471e-bb79-64cb9a41381b">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d2fbaa3b-8285-41a3-8822-de5fbd4361e2" data-bs-toggle="collapse" id="d72bda98-1cbc-4d92-ae09-d8b3f5a866cf" onclick="return false;" type="button">
+           <div id="79f6c2e3-4156-4221-a93e-20d7c9eaec0c">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#5703edab-ba83-4368-bbc3-1c0594b2e415" data-bs-toggle="collapse" id="48b8f64f-644d-4db5-ac1e-a752195f7dd4" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="a35244f1-bde9-4a2d-94b4-1e8d304a0615">
+          <span class="text-muted" id="ccd87925-2b60-4772-aa11-7817deca1254">
            Configuring input for entering email.
           </span>
-          <pre id="3666333b-287d-4a24-86d8-535ccd311d71"><code class="python">for_email()</code></pre>
-          <div class="ms-3 collapse" id="d2fbaa3b-8285-41a3-8822-de5fbd4361e2">
-           <h6 id="4a794376-1a13-4e78-80e3-7539d57ea0d4">
+          <pre id="5eb41a5b-1098-463b-a00d-1b282144491d"><code class="python">for_email()</code></pre>
+          <div class="ms-3 collapse" id="5703edab-ba83-4368-bbc3-1c0594b2e415">
+           <h6 id="50d511ba-cc15-4da3-bfd4-34ec1b4af27f">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="ab803db2-057f-4c1f-a3ef-839481a4d8b8">
+           <table class="table table-sm bg-light" id="5a348d08-b9ab-40ad-a41d-ba70c96a4087">
             <thead>
              <tr>
               <th scope="col">
@@ -3844,57 +3844,57 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="f197b9b4-6724-4b0e-911a-c45f0a008961">
-           <h6 id="ca373a30-ea50-449d-8d15-8fc8e489111d">
+          <div class="ms-3" id="1c0732d2-c09a-4d99-a47e-9218ab02e05b">
+           <h6 id="c563f4f9-2bc8-425d-aa60-a0dd481df44e">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="a99991bc-f013-420e-bcc8-2c8883849d61"><code class="python">from bootwrap import Form, TextInput
+           <pre id="c8bdcd5e-0e61-42ff-bd4a-1e8eef817877"><code class="python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Email', 'email', 'my@email.com').for_email()
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="5390e97e-e0ba-4f09-9648-2df4ced66294">
-           <form enctype="multipart/form-data" id="57386587-ed7d-421e-813b-b69f61550051" method="POST">
+          <div class="ms-3" id="e4656b62-62dc-4b54-9e4a-c4188f36916c">
+           <form enctype="multipart/form-data" id="af0975e6-6d70-4015-b73e-314457b561a1" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="3fe13b8f-d365-4604-97d4-93d40e780034">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="d1c083e8-4da8-4b65-a35b-8c3296f1e1ee">
               Email
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input class="form-control" id="3fe13b8f-d365-4604-97d4-93d40e780034" name="email" type="email" value="my@email.com"/>
+              <input class="form-control" id="d1c083e8-4da8-4b65-a35b-8c3296f1e1ee" name="email" type="email" value="my@email.com"/>
              </div>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="3a03f091-42c4-42a7-8cf5-8ff6a3796a91">
-          <div class="d-flex justify-content-between" id="adb64de7-e78b-471e-9c56-051793bdb5b7">
-           <h4 id="0eb379a7-b272-4156-a5e5-8be3fcb77344">
+         <div class="mt-5" id="d7503287-5bdb-4ca6-8067-79cbf8a0798b">
+          <div class="d-flex justify-content-between" id="cda70480-8a04-4280-8043-a52dce2850fd">
+           <h4 id="fecf1eb5-e62d-4279-b27d-702833b75742">
             Method
-            <span class="text-primary" id="4fe3c993-c590-4d66-92e8-cf76a8dde5f5">
+            <span class="text-primary" id="0df901b8-a284-4e65-96d8-c6b072fb87df">
              for_password
             </span>
            </h4>
-           <div id="60763b16-a9c0-4090-98f9-0982d59e33ed">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#6b230ae2-af11-4e45-af11-c69cfa228303" data-bs-toggle="collapse" id="fc56971e-8fc2-425d-9e09-055b401716e1" onclick="return false;" type="button">
+           <div id="44613c46-93c2-4ff9-96c6-45948a18e04e">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#bb2d1d4b-d849-4b17-b6a9-d00c54afc40f" data-bs-toggle="collapse" id="dcce8865-f375-45c2-867f-e354ffce0134" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="ed82fe6d-7457-4335-a1f7-849086a4fc1b">
+          <span class="text-muted" id="8b996e64-b38e-499d-8ff2-6f0c327b2e56">
            Configuring input for entering password.
           </span>
-          <pre id="491752e8-e1f8-4698-b3a1-8d1187aa43f5"><code class="python">for_password()</code></pre>
-          <div class="ms-3 collapse" id="6b230ae2-af11-4e45-af11-c69cfa228303">
-           <h6 id="ee0e77f5-e114-44d5-903a-40013d0db116">
+          <pre id="b013a6bd-f8a9-4aa0-8d6f-7b9115cc64d8"><code class="python">for_password()</code></pre>
+          <div class="ms-3 collapse" id="bb2d1d4b-d849-4b17-b6a9-d00c54afc40f">
+           <h6 id="28166f3c-d087-4bb2-bb5e-061d2dcdf1ba">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="20c1ac29-4cfc-44a9-910d-cbda0a403eb1">
+           <table class="table table-sm bg-light" id="cf5035a2-00bc-4650-b879-c4376895e1f2">
             <thead>
              <tr>
               <th scope="col">
@@ -3927,60 +3927,60 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="2e91373d-8402-472d-b563-0a3b034084cc">
-           <h6 id="56790651-a596-4b23-947c-081560d1c194">
+          <div class="ms-3" id="59b0cf2d-cb5a-4408-b325-f7c2585a08cc">
+           <h6 id="5a5a8363-6444-4a69-86c0-b82bb358dc33">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="7f9726f7-99cd-4bd3-8a2d-052a9922929f"><code class="python">from bootwrap import Form, TextInput
+           <pre id="384d01c1-d1a4-45b9-b505-f327568dc4d1"><code class="python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Password', 'password', '********').for_password()
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="13e25dde-b9ee-4a75-93cc-d8ab6c6ba10b">
-           <form enctype="multipart/form-data" id="3c7afa58-d63f-40f5-9124-a33960283321" method="POST">
+          <div class="ms-3" id="27cb2867-a99a-439f-98f2-8bb5839b9cf6">
+           <form enctype="multipart/form-data" id="fa061bb1-8807-4a51-bb0d-1b4ede8cad3f" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="5b947909-4268-47de-b8cd-f1d6197457cd">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="e3de5e43-8ba0-4764-8968-202175762022">
               Password
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input class="form-control" id="5b947909-4268-47de-b8cd-f1d6197457cd" name="password" type="password" value="********"/>
+              <input class="form-control" id="e3de5e43-8ba0-4764-8968-202175762022" name="password" type="password" value="********"/>
              </div>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="074974e7-da82-454e-acfe-32c34aab595d">
-          <div class="d-flex justify-content-between" id="56746464-6257-4c28-b7b2-beb500fa77d9">
-           <h4 id="5ae34a8d-4fc1-4f85-bf61-327cf6c7cd43">
+         <div class="mt-5" id="8a8068b1-2caa-4a0a-b9f2-241a28a8a894">
+          <div class="d-flex justify-content-between" id="d4e80f8a-1c54-4fd0-9090-c44c828d7c3b">
+           <h4 id="6eec6619-c83e-4bf8-956f-9c0812078759">
             Method
-            <span class="text-primary" id="9f6d2863-426e-4919-822b-d5948b857e4e">
+            <span class="text-primary" id="3db0e445-0c3e-4c89-b1ce-c2679ffaa9ae">
              with_multirows
             </span>
            </h4>
-           <div id="085f562e-1368-482d-abfe-15116f0bc56e">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3cbeaf8b-f60e-46bf-bd93-5b172397c5d4" data-bs-toggle="collapse" id="61c3216c-9aed-4fef-8e9c-af9d907c2fe3" onclick="return false;" type="button">
+           <div id="10305328-7608-40ac-ae99-00a1a2f97210">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c97ef713-0dd6-43f8-8ec0-2fd46e0871a3" data-bs-toggle="collapse" id="052564c8-d259-4d6d-94d9-8c1d9002fb37" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#01673187-497d-4dcc-954a-020c6a1e9245" data-bs-toggle="collapse" id="1f1e5b11-5087-4334-8305-10e82e4c6400" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#7d2ec9f2-5762-46ca-b290-35149390374f" data-bs-toggle="collapse" id="c42adaa1-1d79-4be3-bf14-c042210a5e4d" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="176e39b4-61f1-420e-8ad4-01981fc8c0f1">
+          <span class="text-muted" id="88cccda8-672e-40e6-9c03-a1cdb0dfa052">
            Sets the number of rows.
           </span>
-          <pre id="89f1d3e8-df3c-48e6-84d7-8ef4a301fc2a"><code class="python">with_multirows(n)</code></pre>
-          <div class="ms-3 collapse" id="3cbeaf8b-f60e-46bf-bd93-5b172397c5d4">
-           <h6 id="29512b5e-3dda-4d99-8595-61d17c06be8c">
+          <pre id="1669f772-80bf-4138-ad6a-0f5484a6e147"><code class="python">with_multirows(n)</code></pre>
+          <div class="ms-3 collapse" id="c97ef713-0dd6-43f8-8ec0-2fd46e0871a3">
+           <h6 id="7b9fd4af-ab62-4674-81c7-8604d9bbf4fa">
             <strong>
              Arguments
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="aa8775e5-1d24-459b-bb19-3ec2264a0d21">
+           <table class="table table-sm bg-light" id="5c4f2f07-a81d-4a15-be9a-45b70d327813">
             <thead>
              <tr>
               <th scope="col">
@@ -4013,13 +4013,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="01673187-497d-4dcc-954a-020c6a1e9245">
-           <h6 id="f3cf0102-d6e2-4efe-bace-0309e680642c">
+          <div class="ms-3 collapse" id="7d2ec9f2-5762-46ca-b290-35149390374f">
+           <h6 id="0f4459e3-bc0e-42b9-854f-bbfb26faf801">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="68c574b1-1f0b-45ca-b8c8-85dfb797b873">
+           <table class="table table-sm bg-light" id="53c4906e-fe93-47ce-8b29-f6f38fc8c562">
             <thead>
              <tr>
               <th scope="col">
@@ -4052,27 +4052,27 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="f55b9bdf-cb30-443f-9660-df847ff0dd86">
-           <h6 id="9a37cec2-bb4e-4407-bf48-a1ad4c217e95">
+          <div class="ms-3" id="618f4cbb-0360-4048-aded-68ea997f2951">
+           <h6 id="0cb2cc0e-60d7-426e-ac59-92704c3f33d9">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="724653b0-d21f-464c-b225-543b0a8f25a2"><code class="python">from bootwrap import Form, TextInput
+           <pre id="8ecbdc66-8e5d-438e-a18b-a1f423ebab62"><code class="python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Text', 'text').with_multirows(3)
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="62fa2fb1-425c-4c6d-b7b2-86509a057bf7">
-           <form enctype="multipart/form-data" id="eb4c7832-95c7-49f6-a084-bd309c14838c" method="POST">
+          <div class="ms-3" id="55e1b4b8-1076-4392-926f-3957e454e5d3">
+           <form enctype="multipart/form-data" id="d3525aa1-89f5-4a57-9121-7f78244df901" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="c77f689a-5d89-4cfe-8cda-5a26b35af673">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="4ca7de61-e834-47c6-9cd7-ed699c671038">
               Text
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <textarea class="form-control" id="c77f689a-5d89-4cfe-8cda-5a26b35af673" name="text" rows="3">
+              <textarea class="form-control" id="4ca7de61-e834-47c6-9cd7-ed699c671038" name="text" rows="3">
                     
                 </textarea>
              </div>
@@ -4082,32 +4082,32 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="87ed51a0-a0b9-47aa-86a6-c5ef440af54b">
-        <div class="mt-5" id="52ba663a-8393-471c-b48b-8b0e5711d773">
-         <div class="d-flex justify-content-between" id="81d16981-fa7c-4f49-aba6-80c6239fec2c">
-          <h1 id="da3b116a-9da0-47a9-a03c-a70cde963950">
+       <div class="tab-pane fade" id="bfceab63-40f1-4ecd-8949-0ff127a398ca">
+        <div class="mt-5" id="5c38cc4d-2814-46ea-9081-d914bd0d3761">
+         <div class="d-flex justify-content-between" id="191324e9-bb92-4b4e-a061-08daf8f730c8">
+          <h1 id="92da11ab-ff75-49b7-a5ed-b2c7980fbbc1">
            Class
-           <span class="text-primary" id="e6abaaad-7c66-47c6-a16e-ae28360ae118">
+           <span class="text-primary" id="0fe258fa-7297-4b1f-9cf0-727632fc72a1">
             NumericInput
            </span>
           </h1>
-          <div id="48c05f78-0c03-44e8-b1b0-945731d21d4c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4ca3aaca-78c9-4450-ba7b-73cf275a3553" data-bs-toggle="collapse" id="1fb241c6-0c7c-4098-a83f-b0da12f5392c" onclick="return false;" type="button">
+          <div id="595803ff-be50-4b9d-b34e-7f6ca12d8712">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5febf730-f568-471a-bca4-38c821c15be2" data-bs-toggle="collapse" id="9edc7a8c-10df-4ef1-99a1-cca9df5eb083" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="0e566700-c3ac-4b35-8cee-cd55c72af1f0">
+         <span class="text-muted" id="a035bc45-ce97-4b2d-bcaf-baedb78c5d9e">
           A numeric input.
          </span>
-         <pre id="d2748615-2c49-47ec-9985-fefeb5b1227d"><code class="python">NumericInput(label, name, value=None, placeholder=None)</code></pre>
-         <div class="ms-3 collapse" id="4ca3aaca-78c9-4450-ba7b-73cf275a3553">
-          <h6 id="1aa2341a-0a52-4450-b218-562bb3b8797b">
+         <pre id="0a8f93d2-d2b2-4739-9416-86cf9815318c"><code class="python">NumericInput(label, name, value=None, placeholder=None)</code></pre>
+         <div class="ms-3 collapse" id="5febf730-f568-471a-bca4-38c821c15be2">
+          <h6 id="e5c05823-500d-4ef7-96bb-b743da07582e">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="d49b1c64-be64-47b5-99bc-23a1773ba9ac">
+          <table class="table table-sm bg-light" id="45c2c8c4-3e61-4fa2-8b96-9e3b89fedaca">
            <thead>
             <tr>
              <th scope="col">
@@ -4185,7 +4185,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="fb135273-5a8a-42ef-8bee-f258f8758119">
+         <p id="b7f89702-e417-431f-8eae-b13ca41f6035">
           Use the
           <code>
            as_disabled()
@@ -4197,13 +4197,13 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="e85979fc-6e43-4486-8b4e-a1d12855abcc">
-          <h6 id="b5f482fc-4504-47a9-b8f3-8edacdf625a4">
+         <div class="ms-3" id="6d5cd739-be0d-4c92-980c-f40eb34da784">
+          <h6 id="57f6f3b1-adf7-40e3-97d7-45839dc53cec">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="cde16efd-aa30-4b35-9585-58e1a9ff9239"><code class="python">from bootwrap import Form, NumericInput
+          <pre id="6d404919-aa49-4305-8258-1199674f8d60"><code class="python">from bootwrap import Form, NumericInput
 
 Form(
     NumericInput('Number1', 'number'),
@@ -4213,70 +4213,70 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="297efc8e-0db7-4b0c-a8d3-d07c6d0663b0">
-          <form enctype="multipart/form-data" id="c9ffe55a-7508-427e-a0d4-35afbcef919b" method="POST">
+         <div class="ms-3" id="0d899bb7-37f7-4d13-ac05-06bc60996864">
+          <form enctype="multipart/form-data" id="68861014-3f53-4dc3-9a63-11de0cf522e3" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="2cfe7070-16f3-4847-b23d-0180f2856049">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="326f0d69-5f20-4071-9a2a-1d278a696579">
              Number1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="2cfe7070-16f3-4847-b23d-0180f2856049" name="number" type="number"/>
+             <input class="form-control" id="326f0d69-5f20-4071-9a2a-1d278a696579" name="number" type="number"/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="7a40873a-0833-4124-a555-6df0038939a1">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="2793468b-e016-416d-be36-a5e1fa5318a0">
              Number2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="7a40873a-0833-4124-a555-6df0038939a1" name="number" placeholder="type here" type="number"/>
+             <input class="form-control" id="2793468b-e016-416d-be36-a5e1fa5318a0" name="number" placeholder="type here" type="number"/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="612520f4-7aa7-4563-b2e5-3569ccb1a3b5">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="663da1bd-5e52-4c94-bc45-23bfa1208af0">
              Number3
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="612520f4-7aa7-4563-b2e5-3569ccb1a3b5" name="number" type="number" value="123"/>
+             <input class="form-control" id="663da1bd-5e52-4c94-bc45-23bfa1208af0" name="number" type="number" value="123"/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="1059daa0-dc27-4343-bc8b-b815b8f799d4">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="03412ab5-58ea-4f98-a5dc-955599f0861f">
              Number4
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" disabled="" id="1059daa0-dc27-4343-bc8b-b815b8f799d4" name="number" type="number"/>
+             <input class="form-control" disabled="" id="03412ab5-58ea-4f98-a5dc-955599f0861f" name="number" type="number"/>
             </div>
            </div>
           </form>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="3b961bf4-909c-4d13-8384-c607a049c5bf">
-        <div class="mt-5" id="6ca91137-d4ed-4502-b796-a1921185cc27">
-         <div class="d-flex justify-content-between" id="d2496359-f4d6-4eaf-b0cf-d921491246fa">
-          <h1 id="f107b94c-c1e5-4bb9-b4da-98aa9ef9eba0">
+       <div class="tab-pane fade" id="5d869292-0bf0-463f-86a8-5264a5b4433f">
+        <div class="mt-5" id="6e01f052-d3de-4365-b2a5-6037ae831969">
+         <div class="d-flex justify-content-between" id="5b0b0e2a-7401-46ef-a858-cfa5fdf9d4ec">
+          <h1 id="dd1914a6-45cf-4f7e-b0b3-c2804cc77864">
            Class
-           <span class="text-primary" id="7e7dec55-357b-415a-9994-4be13fe9f16a">
+           <span class="text-primary" id="c009e135-f460-4da8-9e59-945cd03ad015">
             SelectInput
            </span>
           </h1>
-          <div id="8cc380a2-6bc8-4153-80ab-7f8961fe9697">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ec932314-112d-4cee-90ad-aec912727245" data-bs-toggle="collapse" id="c91a8ba8-a640-4838-9d0f-1bb4e18475aa" onclick="return false;" type="button">
+          <div id="99db26e2-de09-4974-a12e-3d812c61f137">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#16404660-9770-4239-a3eb-aba468948a93" data-bs-toggle="collapse" id="e580b09d-a341-430e-b766-32b3450103e4" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="c3cec1ea-888c-489f-badb-d9cdfef16a03">
+         <span class="text-muted" id="442107b3-ebc7-408f-b48e-0e18f3a01a05">
           A select input.
          </span>
-         <pre id="8fbd5956-77db-4652-833c-97dbad0d7c17"><code class="python">SelectInput(label, name, value=None, options=None)</code></pre>
-         <div class="ms-3 collapse" id="ec932314-112d-4cee-90ad-aec912727245">
-          <h6 id="a61e5df3-1ee8-4330-bf83-e19a61628fb2">
+         <pre id="2e420336-2039-4c9e-848f-dc1ab350f939"><code class="python">SelectInput(label, name, value=None, options=None)</code></pre>
+         <div class="ms-3 collapse" id="16404660-9770-4239-a3eb-aba468948a93">
+          <h6 id="d127834e-d3bc-4efe-8012-296c781c142d">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="3ad23f3a-53a3-4830-9442-21417b1e761d">
+          <table class="table table-sm bg-light" id="8fd9d59f-6e63-4100-a742-fdb24b3f6976">
            <thead>
             <tr>
              <th scope="col">
@@ -4354,7 +4354,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="099e0772-1493-4e89-8ac8-25129a56e397">
+         <p id="82a25f27-9922-49fa-896e-b33e70223262">
           Use the
           <code>
            as_disabled()
@@ -4366,13 +4366,13 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="c2395611-ab51-44c4-8dcf-1527eef5332a">
-          <h6 id="6d0ed791-ad85-406c-9905-55f68f1925c5">
+         <div class="ms-3" id="725695d9-ff49-4b10-8ef3-47e39aeeb70a">
+          <h6 id="b76f1689-4fcd-419c-b8d8-769e675cedae">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="75b1dc82-6565-4759-9d21-74a25dbc55be"><code class="python">from bootwrap import Form, SelectInput
+          <pre id="4d2c5c8b-9942-4624-bb56-f12d9bca0598"><code class="python">from bootwrap import Form, SelectInput
 
 options = [
     SelectInput.Option('One', 1),
@@ -4386,39 +4386,39 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="3ee425c8-e06f-4de9-a488-8997a19408ab">
-          <form enctype="multipart/form-data" id="3c7b8464-69b9-4174-ae69-821318fad963" method="POST">
+         <div class="ms-3" id="d34a8b7b-79c1-49f0-882f-376ace0c8c0d">
+          <form enctype="multipart/form-data" id="9488ac40-3bc9-408a-9a28-7a9e0138fa05" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="99c88655-5254-493b-aaa8-22a0c4fd99f0">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="979082b8-bc55-4210-8f3c-7caa2aa852fc">
              Selector1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <select autocomplete="off" class="form-control" id="99c88655-5254-493b-aaa8-22a0c4fd99f0" name="choice">
-              <option id="3b547b18-08eb-41f9-a4c6-213d92088d29" value="1">
+             <select autocomplete="off" class="form-control" id="979082b8-bc55-4210-8f3c-7caa2aa852fc" name="choice">
+              <option id="988b1a07-7fdd-43e6-8440-873fd3b5ecd0" value="1">
                One
               </option>
-              <option id="5b8e78f3-4d48-4e36-b302-ac8b3fc40d55" selected="" value="2">
+              <option id="db0f306c-65df-4908-8520-0b58086e9f82" selected="" value="2">
                Two
               </option>
-              <option disabled="" id="8876dcfe-dc61-4251-8cb9-5274cc320f73" value="3">
+              <option disabled="" id="57f4e622-5a9d-4e25-bd14-8b130595527a" value="3">
                Three
               </option>
              </select>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="5ffc692d-1e8a-4669-928b-b19ac8bb44d4">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="e1ad6b45-7441-4733-8d7f-47404218b6fa">
              Selector2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <select autocomplete="off" class="form-control" disabled="" id="5ffc692d-1e8a-4669-928b-b19ac8bb44d4" name="choice">
-              <option id="3b547b18-08eb-41f9-a4c6-213d92088d29" value="1">
+             <select autocomplete="off" class="form-control" disabled="" id="e1ad6b45-7441-4733-8d7f-47404218b6fa" name="choice">
+              <option id="988b1a07-7fdd-43e6-8440-873fd3b5ecd0" value="1">
                One
               </option>
-              <option id="5b8e78f3-4d48-4e36-b302-ac8b3fc40d55" selected="" value="2">
+              <option id="db0f306c-65df-4908-8520-0b58086e9f82" selected="" value="2">
                Two
               </option>
-              <option disabled="" id="8876dcfe-dc61-4251-8cb9-5274cc320f73" value="3">
+              <option disabled="" id="57f4e622-5a9d-4e25-bd14-8b130595527a" value="3">
                Three
               </option>
              </select>
@@ -4426,31 +4426,31 @@ Form(
            </div>
           </form>
          </div>
-         <div class="mt-5" id="4a6c6a63-3ea7-45da-9e03-1b80f6c9be28">
-          <div class="d-flex justify-content-between" id="baf12cfd-7e19-469d-b7ce-17deb4e12881">
-           <h4 id="64e50d00-a2ff-4c61-96be-538d89fd223f">
+         <div class="mt-5" id="5e5f0dbf-97e0-4497-af81-a09fbc0785a5">
+          <div class="d-flex justify-content-between" id="db73ca8f-277a-426c-9a0b-995531a1609e">
+           <h4 id="d4d2a857-4596-430a-9895-639e66c1bbaa">
             Method
-            <span class="text-primary" id="353866b7-6396-40fe-bf6c-decb4ee234a3">
+            <span class="text-primary" id="fa8f5ee9-4637-4585-8ff4-2396963018e9">
              as_radio
             </span>
            </h4>
-           <div id="7352dfb7-497f-47c5-82b6-332c0a3108fe">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a205c445-6b26-4250-9e5a-77e8c962a9c5" data-bs-toggle="collapse" id="e23acb51-b281-4afb-880f-a27011867617" onclick="return false;" type="button">
+           <div id="da203bd6-8206-4f3c-8c92-2b29819ef38c">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#100312bf-0016-410d-a9c2-e98eb1b29af0" data-bs-toggle="collapse" id="3fcf44de-cd96-4fe9-a83d-a7fbc6672f56" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="ca8c4cdd-78bc-4c53-bd02-631c8f5ceb55">
+          <span class="text-muted" id="2c71277a-e3a8-427f-a0b4-5a1af75896d6">
            Makes selection in a form of radio buttons.
           </span>
-          <pre id="b6428590-ee3d-4f7c-9063-e83ec55be67c"><code class="python">as_radio()</code></pre>
-          <div class="ms-3 collapse" id="a205c445-6b26-4250-9e5a-77e8c962a9c5">
-           <h6 id="4e40f3ff-bd8f-4b19-9023-85499c02222d">
+          <pre id="1f9790ff-48ad-4b9d-bc9c-064ae51f3c78"><code class="python">as_radio()</code></pre>
+          <div class="ms-3 collapse" id="100312bf-0016-410d-a9c2-e98eb1b29af0">
+           <h6 id="ba34d1a9-4bad-4dad-a3f5-1f04885254b1">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="99b7b653-1779-41ec-b002-4d9bb8374030">
+           <table class="table table-sm bg-light" id="c8306736-c1b8-4a31-af68-4f163a7931f5">
             <thead>
              <tr>
               <th scope="col">
@@ -4483,13 +4483,13 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="2276de33-b2d0-4708-9267-4375a54c38af">
-           <h6 id="642d4c76-23d7-48f5-acc2-beeed54dab46">
+          <div class="ms-3" id="7a0fd4b3-c3cb-4b51-a0ac-f78cdd56b577">
+           <h6 id="a020c723-a0cc-4dc9-9576-489237e2f4da">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="a25ca73f-3453-459c-9749-db44f86d3114"><code class="python">from bootwrap import Form, SelectInput
+           <pre id="c055d50d-2518-428f-a100-6afd7453b8c6"><code class="python">from bootwrap import Form, SelectInput
 
 options = [
     SelectInput.Option('One', 1),
@@ -4502,28 +4502,28 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="e52f8c07-4503-451b-a400-7ae797d317f4">
-           <form enctype="multipart/form-data" id="9d5faa49-1935-4ce5-8401-11fc8563fd64" method="POST">
+          <div class="ms-3" id="c4dffc07-bc45-41ee-b3f0-9ccbaa531102">
+           <form enctype="multipart/form-data" id="a139eb62-81a0-4f3f-a928-94b41086dbdc" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="f1e0e166-ae84-4c8e-9c79-12c4171dbad4">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="4c617f6d-7081-4b39-9a68-60f55ed50eb7">
               Selector
              </label>
              <div class="col-sm-8 d-flex align-items-center">
               <div class="form-check me-3">
-               <input autocomplete="off" class="form-check-input" id="2bfa184c-8326-42be-97c1-38942ca52581" name="choice" type="radio" value="1"/>
-               <label class="form-check-label me-1" for="2bfa184c-8326-42be-97c1-38942ca52581">
+               <input autocomplete="off" class="form-check-input" id="ed761975-28ec-48f1-b063-ffb23fe085f9" name="choice" type="radio" value="1"/>
+               <label class="form-check-label me-1" for="ed761975-28ec-48f1-b063-ffb23fe085f9">
                 One
                </label>
               </div>
               <div class="form-check me-3">
-               <input autocomplete="off" checked="" class="form-check-input" id="36b7a51e-371f-4e11-8238-8455fcc7c576" name="choice" type="radio" value="2"/>
-               <label class="form-check-label me-1" for="36b7a51e-371f-4e11-8238-8455fcc7c576">
+               <input autocomplete="off" checked="" class="form-check-input" id="ad0f2f04-a123-492a-b657-cbb1c778dcda" name="choice" type="radio" value="2"/>
+               <label class="form-check-label me-1" for="ad0f2f04-a123-492a-b657-cbb1c778dcda">
                 Two
                </label>
               </div>
               <div class="form-check me-3">
-               <input autocomplete="off" class="form-check-input" disabled="" id="485be6a9-a06a-41f4-8efb-8783e25453cc" name="choice" type="radio" value="3"/>
-               <label class="form-check-label me-1" for="485be6a9-a06a-41f4-8efb-8783e25453cc">
+               <input autocomplete="off" class="form-check-input" disabled="" id="1492d611-ca0d-42aa-a1b0-d63d938a0f45" name="choice" type="radio" value="3"/>
+               <label class="form-check-label me-1" for="1492d611-ca0d-42aa-a1b0-d63d938a0f45">
                 Three
                </label>
               </div>
@@ -4534,36 +4534,36 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="49bce353-8e3c-478c-8540-a2a251c1f254">
-        <div class="mt-5" id="cc54ed7f-4135-4c6b-ad9e-d76a5be4fd11">
-         <div class="d-flex justify-content-between" id="9c8d3602-67f2-4c03-9f3b-710f69a87586">
-          <h1 id="2fddb751-2b54-4ed3-be2d-63303c0d72ea">
+       <div class="tab-pane fade" id="427f4877-f108-4f8f-9a2b-466f9037f2a0">
+        <div class="mt-5" id="114a995d-0f58-49d4-b4b8-0561d8f59e10">
+         <div class="d-flex justify-content-between" id="073b453c-eca5-4e4b-b99d-f87de735df73">
+          <h1 id="c8a1bee4-c8f4-45e8-9541-0f4a745ea097">
            Class
-           <span class="text-primary" id="6d7754be-2983-4937-a454-bbbe3b5eb12e">
+           <span class="text-primary" id="9416c5f1-f727-4e49-8541-1bb69c7bea23">
             SelectInput.Option
            </span>
           </h1>
-          <div id="0d33bf97-fab0-4ea1-bded-029a00d19618">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#494fd650-db00-40dc-88bc-8d5e874b8de0" data-bs-toggle="collapse" id="00152743-682c-4967-bff2-c6097f481ce8" onclick="return false;" type="button">
+          <div id="4667995a-5f35-47a4-bedb-7c7363df1234">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2b0b189b-0afe-46a1-a00a-790ccd4cf2e6" data-bs-toggle="collapse" id="efc9b1ae-5eed-44e5-a002-eb17213a61fe" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="365147bd-6fcc-4e9b-b17c-298db67939ab">
+         <span class="text-muted" id="428609cc-2684-425a-989d-d49fcf9bfdf0">
           An option used by
           <code>
            SelectInput
           </code>
           .
          </span>
-         <pre id="0906a721-a60a-42e4-a59f-ed91b485a52b"><code class="python">SelectInput.Option(name, value, disabled=False)</code></pre>
-         <div class="ms-3 collapse" id="494fd650-db00-40dc-88bc-8d5e874b8de0">
-          <h6 id="426cf054-5f6c-4fa2-8064-04b12c562d3a">
+         <pre id="74b7f734-92e5-4975-8ea9-71934b569ef3"><code class="python">SelectInput.Option(name, value, disabled=False)</code></pre>
+         <div class="ms-3 collapse" id="2b0b189b-0afe-46a1-a00a-790ccd4cf2e6">
+          <h6 id="833a986f-a631-44fd-9967-ec7e8dabac81">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="439768b5-d02a-45c2-802b-7abacb81264b">
+          <table class="table table-sm bg-light" id="a0f4083e-d63a-40fe-8b9c-0f6e5144301b">
            <thead>
             <tr>
              <th scope="col">
@@ -4630,67 +4630,67 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="mt-5" id="2802a035-239b-4df3-982b-415f285de338">
-          <h4 id="71d0d7d6-14e4-48a4-b079-1d725aa49847">
+         <div class="mt-5" id="a2ff268f-f16a-4d64-b43a-66d6913ffecd">
+          <h4 id="7776b569-96c5-46f9-ab22-90c501e075ca">
            Property
-           <span class="text-primary" id="501ab26f-5112-447d-9c3a-5d6e9dd7c488">
+           <span class="text-primary" id="97a88dea-c603-494e-a2a5-0206364857da">
             disabled
            </span>
           </h4>
-          <span class="text-muted" id="9ede0486-9e5d-4887-9bbd-4519a323bb99">
+          <span class="text-muted" id="f3dc779c-a6a1-4e28-bfd1-c1fd301400be">
            None
           </span>
          </div>
-         <div class="mt-5" id="b2287e1c-8c87-4966-95a0-1f26ad5f0d1e">
-          <h4 id="79986f26-33c2-4988-a218-de2af97ee4d4">
+         <div class="mt-5" id="09ca6ed5-bd05-4976-8aec-fe202048b39a">
+          <h4 id="aa56d1f5-6819-4a99-b70e-28d1125b727b">
            Property
-           <span class="text-primary" id="e5e7c982-0b8e-43ab-82dc-6d667bbb3f44">
+           <span class="text-primary" id="c09efb21-21bb-40ba-b9c6-3171caa8ffe8">
             name
            </span>
           </h4>
-          <span class="text-muted" id="9c44f687-d914-43d1-a5e9-8153da512ba7">
+          <span class="text-muted" id="2060ea16-5f6e-42e1-80e0-6fee325ce8b1">
            None
           </span>
          </div>
-         <div class="mt-5" id="6dc76911-bc89-47e7-9fba-5481b0135aed">
-          <h4 id="f6ddb127-3005-46b9-a828-969ef97d647a">
+         <div class="mt-5" id="ea689c51-f3fb-4431-9f95-9e359bd268ca">
+          <h4 id="a154c7b0-fbcc-46f6-b42e-08829fae4c90">
            Property
-           <span class="text-primary" id="1854cea7-9ae5-45ed-91b8-fa5cc8755605">
+           <span class="text-primary" id="54a15b76-379c-4475-ab21-a377a12621e4">
             value
            </span>
           </h4>
-          <span class="text-muted" id="65989661-7b8c-4a74-836f-b17039270c44">
+          <span class="text-muted" id="6d264bc6-99c4-4a57-a2e5-5ba36548359c">
            None
           </span>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="b037669d-73ca-46be-b6ca-a2abe2cb7e49">
-        <div class="mt-5" id="c20963c4-4543-4bc6-a8b9-230bd5c83bf3">
-         <div class="d-flex justify-content-between" id="ed424856-2b8a-4910-ad62-58c7063ec2a7">
-          <h1 id="0112736d-ff55-4196-8ca1-178eb16eda20">
+       <div class="tab-pane fade" id="fb83c5e9-b366-4ae6-8f36-bd4b01a02d05">
+        <div class="mt-5" id="f83d1c39-6f7a-47b1-9897-45e47241a0d8">
+         <div class="d-flex justify-content-between" id="36e6f2c4-42de-46ca-97f2-45fd314bb5a3">
+          <h1 id="4b4b8aef-4522-46ba-838e-8cc8170789f5">
            Class
-           <span class="text-primary" id="039ef586-9743-4624-bc07-dbd2cd281678">
+           <span class="text-primary" id="f113f118-9e53-4618-a7b0-70af17a6d3ea">
             HiddenInput
            </span>
           </h1>
-          <div id="1ff43311-b50d-40ce-9089-3ecf8c4a214f">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7e21feab-a663-483a-9c92-6feb0663c701" data-bs-toggle="collapse" id="88567c67-53ec-477b-9805-c91028fcf218" onclick="return false;" type="button">
+          <div id="44506015-a974-48b0-8c98-7fffee5b6fd0">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b04e874f-2d04-49f0-85bb-89fb7d101cee" data-bs-toggle="collapse" id="49d855da-5494-4a5f-9b56-cfc1a63601d0" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="29ab77c8-7ebb-4168-9dcc-556b8cff2d6f">
+         <span class="text-muted" id="477452f8-1e10-449a-891f-eba243fd53ea">
           A hidden input.
          </span>
-         <pre id="0f7b3d2b-fdea-4339-b8f3-a951c0b85ccc"><code class="python">HiddenInput(name, value=None)</code></pre>
-         <div class="ms-3 collapse" id="7e21feab-a663-483a-9c92-6feb0663c701">
-          <h6 id="4d0b4ab5-a6fa-4d52-9bc0-89cb36560b9d">
+         <pre id="c362c554-d3ad-4867-a3f2-25f43c689d83"><code class="python">HiddenInput(name, value=None)</code></pre>
+         <div class="ms-3 collapse" id="b04e874f-2d04-49f0-85bb-89fb7d101cee">
+          <h6 id="0a47e087-93c2-4bf4-9b2d-209eebf5bdd4">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="738dcea7-9095-4fe1-80b9-f861e4b89039">
+          <table class="table table-sm bg-light" id="e6f045c5-be56-4212-820b-3e7e70f646f1">
            <thead>
             <tr>
              <th scope="col">
@@ -4738,13 +4738,13 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="d4013d0f-81b1-453d-aad7-d28171c7833d">
-          <h6 id="86f398ff-3abf-48c9-9e71-9a1d4be70c87">
+         <div class="ms-3" id="c93fdfcc-34d6-46f2-ad97-3ac97758aba8">
+          <h6 id="b90c83bf-e3ae-410d-a404-792aea9cd3ea">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="07d9f3df-6f0b-426d-93a1-c5ac69616c14"><code class="python">from bootwrap import Form, SelectInput
+          <pre id="58a54b83-624c-4a4e-a364-1ab3bd567d1e"><code class="python">from bootwrap import Form, SelectInput
 
 Form(
     HiddenInput('token', '123')
@@ -4753,32 +4753,32 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="6a7fe7d0-8a41-4603-968a-12f9dd351c48">
-        <div class="mt-5" id="44d26321-5b21-48f8-beeb-0311c43ac33d">
-         <div class="d-flex justify-content-between" id="6cd3fc63-301f-4f80-aa6b-8d4f3f754411">
-          <h1 id="eb7bcd8f-eaa5-49c2-9c3d-3a516f124cd1">
+       <div class="tab-pane fade" id="300d1e09-eb1e-4b87-aa0b-c65c2942af56">
+        <div class="mt-5" id="e546aa10-0f56-4769-bc4c-392c4c801bd7">
+         <div class="d-flex justify-content-between" id="d8a180d8-37fe-4b0e-bb67-cb2d187bbaea">
+          <h1 id="cfe8b730-3a41-4457-b111-2ebe53bc3f56">
            Class
-           <span class="text-primary" id="3a91ad13-88e8-4176-8d4d-3a4bf103d120">
+           <span class="text-primary" id="9a7b7712-5347-4b94-b39b-810cdc38f22f">
             FileInput
            </span>
           </h1>
-          <div id="baa9f3db-5b89-4735-bb0e-4504c8bb607d">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#de26538f-95a0-439b-85c4-e3823dc5e18f" data-bs-toggle="collapse" id="bc1d6ea6-d9f7-45a5-b9df-3d17bba3a710" onclick="return false;" type="button">
+          <div id="254b915d-128b-463b-af89-e596abcb6901">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c0da2dde-470d-42a7-b0fb-979d5c433b55" data-bs-toggle="collapse" id="5e906832-59d3-4e4c-bb8c-52dfe368a47f" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f8ec4b81-4c5b-4ab7-867c-3f7fda8b9a4c">
+         <span class="text-muted" id="233c9b84-eba2-4d81-b50f-5abecdf3c187">
           A file input.
          </span>
-         <pre id="3c131ffb-28c8-4a5b-8cef-a10ae3f5d170"><code class="python">FileInput(label, name)</code></pre>
-         <div class="ms-3 collapse" id="de26538f-95a0-439b-85c4-e3823dc5e18f">
-          <h6 id="0fc10066-da2e-48e8-8472-87caffb6e88d">
+         <pre id="38899280-7a77-4424-9971-17330d64d062"><code class="python">FileInput(label, name)</code></pre>
+         <div class="ms-3 collapse" id="c0da2dde-470d-42a7-b0fb-979d5c433b55">
+          <h6 id="2ddaebc6-69c1-4cac-a7da-f876499b7554">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="28381e51-1001-4893-947a-2e8b73837596">
+          <table class="table table-sm bg-light" id="ce4c511e-f781-4ff8-a471-24dc869f2a70">
            <thead>
             <tr>
              <th scope="col">
@@ -4826,7 +4826,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="f3833e8b-f257-4907-afa1-8c5595f12bb6">
+         <p id="486ae513-2eb6-4b71-bfa9-ac0c85a5231e">
           Use the
           <code>
            as_disabled()
@@ -4838,13 +4838,13 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="0828f550-b04e-4a57-ad77-7a6865229bdd">
-          <h6 id="cf7daa88-db14-4cf3-8c08-ee23639cd08d">
+         <div class="ms-3" id="5f9e589b-8657-400c-9973-e41ccb17ab9c">
+          <h6 id="24ddd418-3ad8-43c0-a054-c3376ed2a799">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="214b85e1-82cb-4e6a-accc-16550c56c360"><code class="python">from bootwrap import Form, FileInput
+          <pre id="7e26f257-a1bd-41a2-ae8e-50ce089a9cfe"><code class="python">from bootwrap import Form, FileInput
 
 Form(
     FileInput('File', 'file'),
@@ -4852,10 +4852,10 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="fa662e27-972a-4f14-9db2-b194f4762b1d">
-          <form enctype="multipart/form-data" id="4ba59bb4-927f-4842-bd6a-7f6c25372859" method="POST">
+         <div class="ms-3" id="6a94d681-d359-439d-b40f-235a02e775b3">
+          <form enctype="multipart/form-data" id="57aca15f-fd9e-4703-9ce1-37091b29ab45" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="f8cc441d-f58b-4efb-9dc3-ae946dcea6e1">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="830425d6-ec65-4c9d-afa0-45f1992a2902">
              File
             </label>
             <div class="col-sm-8 d-flex align-items-center">
@@ -4866,13 +4866,13 @@ Form(
                <span class="btn btn-secondary" onclick="$(this).parent().find('input[type=file]').click();">
                 Browse
                </span>
-               <input id="f8cc441d-f58b-4efb-9dc3-ae946dcea6e1" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
+               <input id="830425d6-ec65-4c9d-afa0-45f1992a2902" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
               </div>
              </div>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="df7d5049-f185-40dd-ae5d-56fa7fe9ec39">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="0bd71b3c-09e2-4a7b-9308-f610e55be280">
              File
             </label>
             <div class="col-sm-8 d-flex align-items-center">
@@ -4883,7 +4883,7 @@ Form(
                <span class="btn btn-secondary disabled" onclick="$(this).parent().find('input[type=file]').click();">
                 Browse
                </span>
-               <input disabled="" id="df7d5049-f185-40dd-ae5d-56fa7fe9ec39" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
+               <input disabled="" id="0bd71b3c-09e2-4a7b-9308-f610e55be280" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
               </div>
              </div>
             </div>
@@ -4892,32 +4892,32 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="7def207e-4591-4e72-83f6-469a055be8dc">
-        <div class="mt-5" id="ba45e4c5-0110-4a79-ba9b-9cbd948f36ba">
-         <div class="d-flex justify-content-between" id="b8323f0d-c98d-4434-8faa-edec7cf1930f">
-          <h1 id="009b10f9-242e-44f9-8d57-f29d2994f93c">
+       <div class="tab-pane fade" id="23fee003-79da-4833-8c07-7a3e2e77cbf7">
+        <div class="mt-5" id="27c544eb-7873-4e81-b69a-6cb7feec52b3">
+         <div class="d-flex justify-content-between" id="cbd24f81-8f14-4ae8-91f0-8073ea1bb5f6">
+          <h1 id="c33680f7-bc1d-436f-86e8-1dc585640b06">
            Class
-           <span class="text-primary" id="20793048-cc17-4e1e-9439-1ca26c5337fe">
+           <span class="text-primary" id="7e111a08-bfdf-42e1-8e6d-bc2168efe6ba">
             InputGroup
            </span>
           </h1>
-          <div id="2af4a11a-5a12-4f8c-9e31-d15335e06bbf">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#40165422-7f6e-4b53-953c-929400a1e13b" data-bs-toggle="collapse" id="8ac97108-ae6c-4731-8a08-257bd4dcd4c9" onclick="return false;" type="button">
+          <div id="00d4664f-67da-494c-bcc7-9ae8b169e491">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e3d6d0ab-1e2a-4d36-af01-fb1c30b5ce20" data-bs-toggle="collapse" id="8ef2697e-70fc-4d70-9da3-94b89b9c58fc" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="0cce2b7a-5c78-46a9-8bb5-14cfb08bdaa1">
+         <span class="text-muted" id="75d53f52-5a0d-48d3-b636-62f659a3afbe">
           A web component for an input group.
          </span>
-         <pre id="2d6e6454-b156-4e6b-a590-d9edd3ee7b30"><code class="python">InputGroup(*inputs)</code></pre>
-         <div class="ms-3 collapse" id="40165422-7f6e-4b53-953c-929400a1e13b">
-          <h6 id="9f498b5f-2de8-42bc-b714-47d7da7ecab7">
+         <pre id="0fbde827-9f34-46cf-bdca-6bdb74678d59"><code class="python">InputGroup(*inputs)</code></pre>
+         <div class="ms-3 collapse" id="e3d6d0ab-1e2a-4d36-af01-fb1c30b5ce20">
+          <h6 id="4f87a50e-4c2d-4eab-a0d1-03e773944fc4">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="0c56b917-446e-4c0b-8feb-7a78fb081801">
+          <table class="table table-sm bg-light" id="95ea2b47-68c7-4e43-a5c8-759a7bf84db4">
            <thead>
             <tr>
              <th scope="col">
@@ -4954,16 +4954,16 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="d55e94a2-6144-4a51-a5a3-f16150bb50af">
+         <p id="dfb13756-bad9-4427-abe0-f892c525f1e7">
           Grous together a series of input components
          </p>
-         <div class="ms-3" id="c8a71b32-2545-4c39-9c38-2cdd4159b6d6">
-          <h6 id="1ecf2020-8895-46e4-a1d9-159e49072159">
+         <div class="ms-3" id="73914071-fa6a-479e-afc5-da825c6125c9">
+          <h6 id="f3a225c4-7f3d-4fe9-95f5-cd8054e42e5c">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="04c97d59-81d4-433b-954e-0a09d1618918"><code class="python">from bootwrap import Text, TextInput, NumericInput, InputGroup, Form
+          <pre id="815a46b8-114f-4ec4-93e7-23041100b3ea"><code class="python">from bootwrap import Text, TextInput, NumericInput, InputGroup, Form
 
 at = Text("@")
 username = TextInput(None, 'username', placeholder='type username')
@@ -4990,35 +4990,35 @@ ig4 = InputGroup(login, at, password).mb(2)
 Form(ig1,ig2,ig3,ig4)
 </code></pre>
          </div>
-         <div class="ms-3" id="e831c568-21b4-44ed-80cd-4dc1c92adb6d">
-          <form enctype="multipart/form-data" id="16ec5e1c-28b8-49c4-a232-263c5b8c1a54" method="POST">
-           <div class="mb-2 input-group" id="2b9b3436-7ef8-408a-b5b5-8be09252054c" role="group">
-            <span class="input-group-text" id="9ec17e5e-1539-4088-92a0-b583c2640f42">
+         <div class="ms-3" id="8344fe4e-7840-48a0-8741-fa0ed60156d5">
+          <form enctype="multipart/form-data" id="39864269-72ad-4f4e-a360-ae279c973c35" method="POST">
+           <div class="mb-2 input-group" id="c0be2a6a-6c30-4cf6-bfa5-d8e64a4c26c9" role="group">
+            <span class="input-group-text" id="21ac3948-8616-453d-ad6c-3085320e974c">
              @
             </span>
-            <input class="form-control" id="db716e73-7ace-467a-85a9-50653023c053" name="username" placeholder="type username" type="text"/>
+            <input class="form-control" id="14175884-534a-4b1a-a4d6-e1a836e2c30d" name="username" placeholder="type username" type="text"/>
            </div>
-           <div class="mb-2 input-group" id="ce2c1bd1-0a55-4052-a00f-6f7fec567798" role="group">
-            <input class="form-control" id="162e30c2-13c4-41c6-bb09-ed0705b3f8c9" name="recipient" placeholder="Recipient username" type="text"/>
-            <span class="input-group-text" id="0c828fa9-65c7-427d-bafe-996368cd3e79">
+           <div class="mb-2 input-group" id="2fdd2da1-7974-4515-8f28-f9293caea045" role="group">
+            <input class="form-control" id="4f146d64-29d5-4f63-a850-dbde28e0193f" name="recipient" placeholder="Recipient username" type="text"/>
+            <span class="input-group-text" id="1145a8de-aca4-4f27-9326-9dae21155555">
              @example.com
             </span>
            </div>
-           <div class="mb-2 input-group" id="9518ef77-4e74-47ed-bca9-00c2fe000c8d" role="group">
-            <span class="input-group-text" id="2335430a-fa0f-4d4e-b194-908b34567551">
+           <div class="mb-2 input-group" id="9ecab3ad-6b5d-4e45-af1d-afc5aaacd77a" role="group">
+            <span class="input-group-text" id="a8369a42-f833-4d1d-a259-f1b36afbed28">
              $
             </span>
-            <input class="form-control" id="8cdb7cd6-0470-4e0f-8574-9e17f2db15de" name="amount" placeholder="Amount (to the nearest dollar)" type="number"/>
-            <span class="input-group-text" id="49def3aa-40f1-440d-b572-067aa2bde8de">
+            <input class="form-control" id="27165df5-cb67-4ca0-8f64-1877256fa742" name="amount" placeholder="Amount (to the nearest dollar)" type="number"/>
+            <span class="input-group-text" id="7271e675-7248-4039-ba45-9d0f0b6f366d">
              .00
             </span>
            </div>
-           <div class="mb-2 input-group" id="872dea52-a1f9-4174-a500-c904e4995da6" role="group">
-            <input class="form-control" id="89bf02b2-2b98-4b59-a0d1-c37add04d393" name="login" placeholder="Login" type="text"/>
-            <span class="input-group-text" id="7315e602-ac38-443e-9f9c-f157c66a3463">
+           <div class="mb-2 input-group" id="5a4cc5ea-8c59-4700-b6e1-7d30f7788d67" role="group">
+            <input class="form-control" id="8c607d18-e27e-406f-b57b-34a8350cc2cb" name="login" placeholder="Login" type="text"/>
+            <span class="input-group-text" id="22114109-fe6d-4f37-8e5b-5d5a1f4d0480">
              @
             </span>
-            <input class="form-control" id="cd706152-6685-435b-8509-1f24aa8dc361" name="password" placeholder="Password" type="password"/>
+            <input class="form-control" id="a3a1c971-ce37-4459-9395-bb7b324e7670" name="password" placeholder="Password" type="password"/>
            </div>
           </form>
          </div>
@@ -5027,52 +5027,52 @@ Form(ig1,ig2,ig3,ig4)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="61abebd5-343c-4bfc-98c3-850aef1b2771">
-     <div id="d06ca4c7-bf9c-459c-837a-96c7b18889e3">
+    <div class="tab-pane fade" id="136f2f06-df0c-4f0d-a2fb-1870e8432585">
+     <div id="c049477a-fe57-44a4-81b0-eff50a7f488f">
       <hr/>
-      <ul class="nav" id="e91e3874-90a1-4c24-ac57-4f4543eb6359" role="tablist">
+      <ul class="nav" id="69dbada8-a3b1-4262-8376-5ad358111d7d" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#12f43309-3567-4880-9f33-22c8bb159c71" data-bs-toggle="tab" href="#12f43309-3567-4880-9f33-22c8bb159c71" id="2549e10b-e6f0-41c2-9b97-474778914289" role="tab">
-         <span class="text-secondary" id="90a26bf9-16d5-4d94-ba61-dec85dd8eebe">
+        <a class="nav-link active" data-bs-target="#82f4a605-9745-40ca-99fb-dea2f4ae10da" data-bs-toggle="tab" href="#82f4a605-9745-40ca-99fb-dea2f4ae10da" id="16517622-eba9-4ef0-9936-c57d5a99577e" role="tab">
+         <span class="text-secondary" id="2630cdeb-eb80-474c-abf1-db3fa15877d9">
           Icon
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#227e0167-b288-4bdb-aa75-6dcac36366ea" data-bs-toggle="tab" href="#227e0167-b288-4bdb-aa75-6dcac36366ea" id="f9fa6ff3-5661-43db-a7ce-d71e3c3c5a4d" role="tab">
-         <span class="text-secondary" id="ae3ab18b-0d35-45f3-943a-082e106b1e1f">
+        <a class="nav-link" data-bs-target="#8328c67b-7f57-4cb4-a305-89724af93460" data-bs-toggle="tab" href="#8328c67b-7f57-4cb4-a305-89724af93460" id="e3563829-e351-46e3-ad5e-88dc97fefc17" role="tab">
+         <span class="text-secondary" id="028dbc94-130e-4abe-af5d-5c0e1bacef18">
           Spinner
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="12f43309-3567-4880-9f33-22c8bb159c71">
-        <div class="mt-5" id="4f9e6a8a-2578-4248-9224-269242cfc450">
-         <div class="d-flex justify-content-between" id="94c786b5-2ebb-4f77-957c-080b325cd95c">
-          <h1 id="2f8df1e2-0ed5-4711-b5bb-368cf56e16a8">
+       <div class="tab-pane fade active show" id="82f4a605-9745-40ca-99fb-dea2f4ae10da">
+        <div class="mt-5" id="1e3a500f-fef1-4f0e-8ae0-5a80a60374ea">
+         <div class="d-flex justify-content-between" id="a65cfad7-a893-4543-80ab-07c7b2194164">
+          <h1 id="e0593536-e536-44e8-9447-4351f763d7b3">
            Class
-           <span class="text-primary" id="4eff825f-9b3b-4740-ac7d-829c34d5e1bf">
+           <span class="text-primary" id="c4b0af12-7221-421d-9752-f19e0799bf38">
             Icon
            </span>
           </h1>
-          <div id="2241a333-1af8-4c22-a690-71eab5c9b17a">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2a9ef462-4cb7-4c08-bbf7-805735075918" data-bs-toggle="collapse" id="5d1193da-2fcc-41f8-8e97-cde9fc65330a" onclick="return false;" type="button">
+          <div id="13718148-25e5-41ed-89e0-0b213a16a06a">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d6ddc42f-efe5-4ed1-b882-ed17d3c53d20" data-bs-toggle="collapse" id="f5726d92-8915-4f06-9c46-e0ba82beb624" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="7f5a64be-844e-4a92-9031-5e3f466b6894">
+         <span class="text-muted" id="4833bba4-fb31-4f6c-8f34-2ceb946fb1d1">
           An icon.
          </span>
-         <pre id="a93516c6-98c8-421b-bd04-cb918faef3dd"><code class="python">Icon(name)</code></pre>
-         <div class="ms-3 collapse" id="2a9ef462-4cb7-4c08-bbf7-805735075918">
-          <h6 id="4a40322e-e6f9-449a-8269-78bd59794610">
+         <pre id="f216699b-a917-450d-a24d-973e9e5b37e9"><code class="python">Icon(name)</code></pre>
+         <div class="ms-3 collapse" id="d6ddc42f-efe5-4ed1-b882-ed17d3c53d20">
+          <h6 id="08fe5b5b-e5f3-4175-9012-ec4259f689ed">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="1689f26c-0589-423c-8b2d-c8030d1abbb1">
+          <table class="table table-sm bg-light" id="49f98f90-8e3d-4998-89a3-5f704e51abe8">
            <thead>
             <tr>
              <th scope="col">
@@ -5105,13 +5105,13 @@ Form(ig1,ig2,ig3,ig4)
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="055149f1-bfc0-4700-8be0-a8d8f3da7c25">
-          <h6 id="1aacb269-5ad5-4ec6-b7b6-1c6e4066d443">
+         <div class="ms-3" id="8e2ed5b5-daec-46ca-89d2-8bd84c633527">
+          <h6 id="9598902c-cc40-4617-8b06-1f462beae4bb">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="ba5c3f5c-487e-4bd6-879f-c8501cc48572"><code class="python">from bootwrap import Icon, Panel
+          <pre id="720e5cfe-2411-417c-b26d-36f58d01dbca"><code class="python">from bootwrap import Icon, Panel
 
 Panel(
     Icon("fas fa-folder"),
@@ -5126,53 +5126,53 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="f4872572-35c5-4a05-817b-750aca8c8446">
-          <div id="58e2dd04-adf2-420b-9434-3d5230e939fa">
-           <i class="fas fa-folder" id="088931a8-7fe9-4a92-86dd-2bfbf567a56c">
+         <div class="ms-3" id="34c9e781-7185-451d-a33b-d619a919e09e">
+          <div id="186aad0c-67b4-4336-8003-eef975af972a">
+           <i class="fas fa-folder" id="a9732dfc-ab03-4382-8bc4-a7fb6f7dccec">
            </i>
-           <i class="fas fa-folder text-primary" id="3e777eab-d340-4e09-89d1-0c834da0f774">
+           <i class="fas fa-folder text-primary" id="548166e9-a4a2-4606-bfc3-6c3a233d189c">
            </i>
-           <i class="fas fa-folder text-secondary" id="f7ece14d-37d6-4ff8-8972-5afe01884f4e">
+           <i class="fas fa-folder text-secondary" id="5e130b56-c14d-4d42-a8c1-79da89a30ccc">
            </i>
-           <i class="fas fa-folder text-success" id="713efce1-4377-4c77-9387-d564ba879981">
+           <i class="fas fa-folder text-success" id="3943c33c-40a4-4b3e-8f64-e1028cdfb146">
            </i>
-           <i class="fas fa-folder text-warning" id="de7b478e-a25c-4c71-bc3e-2fd6ac0ef4b5">
+           <i class="fas fa-folder text-warning" id="89b2a70d-2a45-4f0b-abcc-bd3b2272ae96">
            </i>
-           <i class="fas fa-folder text-danger" id="2fb47744-7fad-41dd-9080-f458ce1f7d2d">
+           <i class="fas fa-folder text-danger" id="e7e8cd31-aec0-435a-96eb-535762cb2d77">
            </i>
-           <i class="fas fa-folder text-info" id="2a69df9c-4f38-4e99-b6f3-3fda753b3393">
+           <i class="fas fa-folder text-info" id="1777efdb-bb04-43a1-99a0-b6f9d5fb6981">
            </i>
-           <i class="fas fa-folder text-light" id="23bd271e-0dde-4237-a2f3-ced1479fcad1">
+           <i class="fas fa-folder text-light" id="a731d06a-4d6b-4930-96fe-95f27a4561a1">
            </i>
-           <i class="fas fa-folder text-dark" id="7646d680-753a-4492-b3b6-711ef63706b3">
+           <i class="fas fa-folder text-dark" id="92c36c00-2fa0-4d8a-9a4f-d50a40fc1b9a">
            </i>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="227e0167-b288-4bdb-aa75-6dcac36366ea">
-        <div class="mt-5" id="fd480445-305b-417f-bfe7-b6611b192d1a">
-         <div class="d-flex justify-content-between" id="39efa031-4828-433b-bd22-beb0f0e17552">
-          <h1 id="1bc68c93-438e-44a9-8015-adccc23dcfc0">
+       <div class="tab-pane fade" id="8328c67b-7f57-4cb4-a305-89724af93460">
+        <div class="mt-5" id="a6d9e810-7c98-4296-a10b-c8992fa24c79">
+         <div class="d-flex justify-content-between" id="19bc06aa-9d09-4937-9dc9-c10204017806">
+          <h1 id="33b1e666-16a5-4ad3-b683-3710f17ebfa9">
            Class
-           <span class="text-primary" id="a0fac7db-b19d-41ce-ae80-2093c5848627">
+           <span class="text-primary" id="22190da5-0c46-47ed-ab6f-d6459b94ca30">
             Spinner
            </span>
           </h1>
-          <div id="4f26619b-d996-4376-8211-8c6dd8f9efe0">
+          <div id="77fd3864-c1c6-4999-8e35-cc81e87ce555">
           </div>
          </div>
-         <span class="text-muted" id="b8fc06d5-1b44-4b85-a442-2e6b2e6dd96b">
+         <span class="text-muted" id="782c0d2e-6f3f-46da-bfc5-e939062b63c4">
           A spinner icon.
          </span>
-         <pre id="d992a0a1-fe2d-4429-922f-b06a9f4c0915"><code class="python">Spinner()</code></pre>
-         <div class="ms-3" id="fc28ebae-cee0-4e10-a65c-4aff5e5c2f04">
-          <h6 id="7ebd6130-41f2-4d9a-b04e-1c4d4a524067">
+         <pre id="c2ec2bcc-3c63-458d-a065-bda75c32471e"><code class="python">Spinner()</code></pre>
+         <div class="ms-3" id="b04b4676-ae24-4a05-9b4e-602593db3c0d">
+          <h6 id="ebf157b1-8db3-48fc-9623-e51a351b109f">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="ec8878a5-cd91-4657-873e-fd2caaf90c16"><code class="python">from bootwrap import Spinner, Panel
+          <pre id="2399e0dc-0b51-46ea-a97c-1ade6030bf0a"><code class="python">from bootwrap import Spinner, Panel
 
 Panel(
     Spinner(),
@@ -5187,9 +5187,9 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="7ff30dd1-cea4-43ab-9406-81865434eb76">
-          <div id="ae8fc066-61b9-40c6-81a4-2e3344e59063">
-           <span class="spinner" id="1b2c8f23-7618-489b-b738-c6d02e75eef5">
+         <div class="ms-3" id="3e168a7e-20dc-42e6-9b38-0b088c5e0a5d">
+          <div id="9b8e41d4-264b-4b7c-978b-2b284a44b247">
+           <span class="spinner" id="3a0982d9-cda0-4a99-a749-c86ba2bac336">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5208,7 +5208,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-primary" id="08ece17d-9345-4915-a93e-e978a20f1512">
+           <span class="spinner text-primary" id="1a4b28ad-a686-45e9-a8cf-103b5e16c8f6">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5227,7 +5227,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-secondary" id="d5749ae4-b521-4e4b-a126-ca6c71d4851f">
+           <span class="spinner text-secondary" id="04ca9957-4470-41dc-b82a-2a8b2a46476f">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5246,7 +5246,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-success" id="a07991a1-3e40-4359-9c28-7a705cc1a75a">
+           <span class="spinner text-success" id="e0c61167-5ba6-4bd5-9a8c-d19fa36fd426">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5265,7 +5265,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-warning" id="a6293d4b-bcf1-4729-af18-24863e4df062">
+           <span class="spinner text-warning" id="039caba7-8e0e-4105-b5aa-8c02d69849d8">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5284,7 +5284,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-danger" id="3150a01b-5a24-4b41-bc10-9d5b92e6aed4">
+           <span class="spinner text-danger" id="5094b2f3-427e-47d1-ba71-34b9ee01ad5c">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5303,7 +5303,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-info" id="32d80648-ed17-41c8-9408-4ae64ca35274">
+           <span class="spinner text-info" id="13eea0d0-52ad-478c-8863-6f0542572d55">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5322,7 +5322,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-light" id="3b33e2c2-f49e-451f-8227-76de46be41d7">
+           <span class="spinner text-light" id="80d763de-2b33-47c8-a860-b3bdd3637cc3">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5341,7 +5341,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-dark" id="89f5c8d0-53df-40f0-b91d-483cdc0ad165">
+           <span class="spinner text-dark" id="ce0a8685-4fde-4a9d-abd6-ac75eecf3a96">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5367,32 +5367,32 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="c49e156a-f65f-48e9-af49-6380bf9136c8">
-     <div class="mt-5" id="a336667e-c721-41a3-b9db-1350005c2074">
-      <div class="d-flex justify-content-between" id="e4e3f072-6e69-4d40-896c-81398843bdf3">
-       <h1 id="eed97157-0067-469a-9d12-211dc31b6fa1">
+    <div class="tab-pane fade" id="6ff1b5b1-54e0-451e-b285-485f21e18c32">
+     <div class="mt-5" id="dcc736e8-5fa7-4015-9da3-9696dab79469">
+      <div class="d-flex justify-content-between" id="1153bef8-46de-497a-9a09-65949bfc8636">
+       <h1 id="bedd23e1-0736-44ea-8d12-be577cd866d3">
         Class
-        <span class="text-primary" id="36edc31e-c1a5-4228-8ccc-70fa07b0e0a5">
+        <span class="text-primary" id="71e60ec9-61e7-4f47-8555-e5b2d2ed7d6f">
          Image
         </span>
        </h1>
-       <div id="ef0c3676-f700-4f40-b433-2cfadd4f793e">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2da5d662-06d8-4582-9ddd-1b7348d71004" data-bs-toggle="collapse" id="947c481e-9b6c-4136-bf9a-40d21fb0850c" onclick="return false;" type="button">
+       <div id="ca46287a-453b-45e0-8b98-e8aa967f6541">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#edc7fabe-3030-4c04-b595-f97b17f35203" data-bs-toggle="collapse" id="23f38a1c-d03d-4717-a1e4-83641b6dfd05" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="66b85b7a-afa4-4253-8ffe-1247f0b26e52">
+      <span class="text-muted" id="ac1c2d36-cd7a-418c-8d9e-614fd10dd5e4">
        A web component for an image.
       </span>
-      <pre id="1a540d7c-2087-430d-be22-0d053e1b8a2f"><code class="python">Image(src, width=None, height=None, alt=None)</code></pre>
-      <div class="ms-3 collapse" id="2da5d662-06d8-4582-9ddd-1b7348d71004">
-       <h6 id="d02913e0-9f8e-4245-929a-7d3dfb6430b2">
+      <pre id="2b194272-f12a-4a1d-85fb-c194ef803108"><code class="python">Image(src, width=None, height=None, alt=None)</code></pre>
+      <div class="ms-3 collapse" id="edc7fabe-3030-4c04-b595-f97b17f35203">
+       <h6 id="17bf4ed4-7565-46e2-a087-62fe1d69f760">
         <strong>
          Arguments
         </strong>
        </h6>
-       <table class="table table-sm bg-light" id="3d31a7da-6cde-4127-9021-2d46e5d70282">
+       <table class="table table-sm bg-light" id="f21e9736-6c16-437e-93f4-2aacf5829a6d">
         <thead>
          <tr>
           <th scope="col">
@@ -5470,68 +5470,68 @@ Panel(
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="ad97d039-1b59-4f75-99e8-2302e11eb4a4">
-       <h6 id="15a152bd-b2e9-4fd5-bd7f-6c24cf5f899e">
+      <div class="ms-3" id="f9409025-c184-430d-98f7-0b91c55ae1f9">
+       <h6 id="d7852a96-6738-4e38-8580-2e79096c247d">
         <strong>
          Example
         </strong>
        </h6>
-       <pre id="6c5110f6-1a81-48d4-aa13-2d96e1467c26"><code class="python">from bootwrap import Image
+       <pre id="130c7f18-5c8c-4cc5-85f9-b11cc9f816c3"><code class="python">from bootwrap import Image
 
 Image("logo.png")
 </code></pre>
       </div>
-      <div class="ms-3" id="f1be24a5-8c6c-46b0-9c0c-faa92eae0b33">
-       <img id="4e7908e8-2078-4655-b276-d441ee51c769" src="logo.png"/>
+      <div class="ms-3" id="7788eb34-48f2-4c0c-88cc-0732d0c57f7f">
+       <img id="f18cb93b-f00d-46dc-bdd2-a6302f286542" src="logo.png"/>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="6edbc7fb-fac3-404a-aadd-866ea99cfe1a">
-     <div id="0520b31a-0d33-4a7a-beb8-6183ce59f4b4">
+    <div class="tab-pane fade" id="817f368e-8a6d-45b1-86c2-c41073535413">
+     <div id="abab6aa9-0972-4fd3-8b3a-0bff44bc7858">
       <hr/>
-      <ul class="nav" id="ca2e9d49-9d55-4774-be06-e5dad1aeac8c" role="tablist">
+      <ul class="nav" id="5f500d9c-ba0e-40f7-9b75-f2d2ce76aa0f" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#85b4146c-c0df-47da-9802-72f15e0aff84" data-bs-toggle="tab" href="#85b4146c-c0df-47da-9802-72f15e0aff84" id="0e08bd13-280c-40a3-88b2-26d55759f895" role="tab">
-         <span class="text-secondary" id="db052cd8-2b2f-4067-83b0-8352f9bb4ce2">
+        <a class="nav-link active" data-bs-target="#d64130bf-2432-4496-a5ca-f1604576c8ce" data-bs-toggle="tab" href="#d64130bf-2432-4496-a5ca-f1604576c8ce" id="ac23a4d3-6431-4dac-81e0-48f91f1a1e64" role="tab">
+         <span class="text-secondary" id="adc9a25e-5c97-4f9c-aa5b-c34a15301b28">
           Javascript
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#621bb15c-1e22-4b1d-81a2-9dfcdc3c0a1b" data-bs-toggle="tab" href="#621bb15c-1e22-4b1d-81a2-9dfcdc3c0a1b" id="f1715f21-8478-4e23-8672-959b455060a4" role="tab">
-         <span class="text-secondary" id="ca86331e-576c-471f-ac84-f78789a7bd21">
+        <a class="nav-link" data-bs-target="#edb7ef5b-c804-4179-940f-59f96f7cd2d4" data-bs-toggle="tab" href="#edb7ef5b-c804-4179-940f-59f96f7cd2d4" id="eeb446a0-a686-42e8-95c0-9129adee2b77" role="tab">
+         <span class="text-secondary" id="3cdd239f-f002-44f3-b99d-00096d1de667">
           jQuery
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="85b4146c-c0df-47da-9802-72f15e0aff84">
-        <div class="mt-5" id="a25132a4-6f67-4343-a2b5-b59b2d1e1fda">
-         <div class="d-flex justify-content-between" id="6d9965f7-74cd-47ff-abce-35d9a5a1d1d1">
-          <h1 id="d84c936f-1d5d-425b-9152-6f678743a93c">
+       <div class="tab-pane fade active show" id="d64130bf-2432-4496-a5ca-f1604576c8ce">
+        <div class="mt-5" id="f0f1c42c-532b-4eda-8300-9537138cb1e3">
+         <div class="d-flex justify-content-between" id="709ab54c-f183-449e-9ed3-d572e18923ff">
+          <h1 id="172343e9-4bdb-4d1f-b53e-5073fd510f0f">
            Class
-           <span class="text-primary" id="956f5896-a50c-48b1-8482-75e05974fd67">
+           <span class="text-primary" id="e68e3cb9-1da6-4b18-b714-7a441fdc3172">
             Javascript
            </span>
           </h1>
-          <div id="41842a92-80d8-46d2-81b2-8848f923e708">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5a8eaa62-468a-41e3-8892-4d6547d15b1f" data-bs-toggle="collapse" id="5929fba7-6a9d-4ade-b0dd-ccb3e6d6b6c8" onclick="return false;" type="button">
+          <div id="1cc7a50a-1948-411d-933a-e71f19cb765d">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e8eb1b3f-0863-4de5-ac0a-3072e60052ca" data-bs-toggle="collapse" id="b48df2ec-54e4-462b-a0d6-f72e52e6b7a6" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="9da2e71a-dd9c-410f-9e4b-4712d582891b">
+         <span class="text-muted" id="20cc664e-3f30-4b23-aaa0-622621cb4e0d">
           A web component for a javascript.
          </span>
-         <pre id="1436d885-c1f1-4298-94c9-35b7d07641e9"><code class="python">Javascript(src=None, script=None, submap=None)</code></pre>
-         <div class="ms-3 collapse" id="5a8eaa62-468a-41e3-8892-4d6547d15b1f">
-          <h6 id="ea52db8d-c015-48f7-b69f-a35bb25ac16d">
+         <pre id="a14e9b87-c0bf-4b62-946e-813536200fb7"><code class="python">Javascript(src=None, script=None, submap=None)</code></pre>
+         <div class="ms-3 collapse" id="e8eb1b3f-0863-4de5-ac0a-3072e60052ca">
+          <h6 id="abe6dd47-9422-46d3-bb48-495c817cd73d">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="112325df-7fff-4f2b-8635-ed656e110e66">
+          <table class="table table-sm bg-light" id="6ca24d50-d81a-4610-a35e-d356a8578f37">
            <thead>
             <tr>
              <th scope="col">
@@ -5596,13 +5596,13 @@ Image("logo.png")
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="663b84b0-f916-49bd-ad3b-8829c0ee17ad">
-          <h6 id="42faf7f8-2279-48b4-93ee-6ef4dde4258f">
+         <div class="ms-3" id="181bd5b2-a90a-4856-be2d-9bfab41ac2fc">
+          <h6 id="2388711c-a677-476a-abd5-b6f2a77037d5">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="4fd3286f-2ebe-461e-a6a3-84f9a87d6409"><code class="python">from bootwrap import Page, Javascript
+          <pre id="20ca4ed5-518d-4b63-bcaf-14c793d57236"><code class="python">from bootwrap import Page, Javascript
 
 my_page = Page(
     ...
@@ -5615,28 +5615,28 @@ my_page = Page(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="621bb15c-1e22-4b1d-81a2-9dfcdc3c0a1b">
-        <div class="mt-3" id="4b6631b1-f87e-469f-b5cb-a11bd39a7f3c">
-         <div id="9798a7ad-7f20-4d4f-96e7-603c4aac8b0a">
+       <div class="tab-pane fade" id="edb7ef5b-c804-4179-940f-59f96f7cd2d4">
+        <div class="mt-3" id="bf099037-ebb3-40a6-952d-2b27e3aba724">
+         <div id="14c8a0a1-036f-4570-a225-b795ffa3c108">
           <div class="row">
            <div class="col-md">
-            <div id="25dfd56c-70df-49f7-88ca-325eb9013dda">
-             <h1 id="7626b411-857b-4845-9e3d-c669d2c5cfa8">
+            <div id="be766068-f058-46c2-9558-9444474a08b2">
+             <h1 id="201d1e91-c7f1-4138-877d-87e912564b31">
               jQuery
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="218b09e3-1ad6-4ae9-bce8-0a609badcfaa">
+            <div id="74e24960-df77-44b9-9b06-e7b9833c408d">
             </div>
            </div>
           </div>
          </div>
-         <div id="1f5d78f2-15c5-4f72-a4a9-b24ea969c89e">
+         <div id="bbfa7168-3c71-44ad-965f-66c1ea68535c">
           <div class="row">
            <div class="col-md">
-            <div id="9cf69963-d906-4465-91d3-8d8ea9a99cfa">
-             <p id="180ff039-cb75-46e2-97a3-895117d14a4f">
+            <div id="5e6e56d6-b0c2-4f45-8d8c-d2c194823347">
+             <p id="3fcc0ce0-29b1-49ad-b5c5-d501d0951818">
               Use
               <code>
                Javascript
@@ -5646,8 +5646,8 @@ my_page = Page(
             </div>
            </div>
            <div class="col-md">
-            <div id="a57c2b1f-3d38-4426-ab3a-1e8ac0110e46">
-             <pre id="02255829-2282-4d6c-8bfd-6a6aeb793472"><code class="python">from bootwrap import Panel, Javascript, Button, Text
+            <div id="968f4771-8ed4-4e3c-a4df-612873a64508">
+             <pre id="ee0a69d5-a678-43d1-af4f-799480c38702"><code class="python">from bootwrap import Panel, Javascript, Button, Text
 
 label = Text("Answer:").as_strong()
 answer = Text("unknown").me(2).ms(2)
@@ -5672,27 +5672,27 @@ action = Javascript(
 Panel(
   label, answer, btn_yes, btn_no, action
 )</code></pre>
-             <div id="e11d49b7-7cc7-46f5-a3eb-4b0c00683949">
-              <span id="aa5b3713-9b4e-4a56-a294-ea179f055660">
+             <div id="3012ee2e-cf00-4bdc-b2e3-397d96abd266">
+              <span id="fcaa41d2-0e3d-4991-b2de-6a4fa5e65ab2">
                <strong>
                 Answer:
                </strong>
               </span>
-              <span class="me-2 ms-2" id="6d7edaf8-1d7c-48e4-9d17-5c445906945c">
+              <span class="me-2 ms-2" id="1c706fad-e1d8-4a27-a5ef-286c682dc9ac">
                unknown
               </span>
-              <button class="btn btn-success" id="6618186b-565b-4ee8-95e4-9b7142f0d26c" onclick="return false;">
+              <button class="btn btn-success" id="5e6f8384-1fd1-4f48-bd2d-f5ffe85849f5" onclick="return false;">
                Yes
               </button>
-              <button class="btn btn-danger" id="b0ef1db7-e6ca-473a-9bd4-2bd52cb4e734" onclick="return false;">
+              <button class="btn btn-danger" id="848e58d5-2fe2-43e4-a88c-7e624f3d6b42" onclick="return false;">
                No
               </button>
               <script type="application/javascript">
-               $("#6618186b-565b-4ee8-95e4-9b7142f0d26c").on("click",function(){
-      $("#6d7edaf8-1d7c-48e4-9d17-5c445906945c").text("Yes");
+               $("#5e6f8384-1fd1-4f48-bd2d-f5ffe85849f5").on("click",function(){
+      $("#1c706fad-e1d8-4a27-a5ef-286c682dc9ac").text("Yes");
     });
-    $("#b0ef1db7-e6ca-473a-9bd4-2bd52cb4e734").on("click",function(){
-      $("#6d7edaf8-1d7c-48e4-9d17-5c445906945c").text("No");
+    $("#848e58d5-2fe2-43e4-a88c-7e624f3d6b42").on("click",function(){
+      $("#1c706fad-e1d8-4a27-a5ef-286c682dc9ac").text("No");
     });
               </script>
              </div>
@@ -5705,32 +5705,32 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="f07fc2a8-3c2b-4286-b0ff-6ae10bd66fc3">
-     <div class="mt-5" id="afd24ebc-bda4-4e8c-80fc-b1b482a24d70">
-      <div class="d-flex justify-content-between" id="a7399c68-5829-408e-95b5-9b49a73b4221">
-       <h1 id="0406eb4f-5ea1-4b41-8e6e-ac6ac03f72e2">
+    <div class="tab-pane fade" id="9c25c336-e248-4a2c-bfda-0c3ded5cda58">
+     <div class="mt-5" id="d8c1925f-2685-43fc-b4a7-0e01c3cd5ee1">
+      <div class="d-flex justify-content-between" id="9fc3d440-b858-4617-8011-0421b6cb62e4">
+       <h1 id="00ac4c0b-dfa2-416e-852f-95562af0e312">
         Class
-        <span class="text-primary" id="514badf6-e717-4982-9da9-e2bd47537ee1">
+        <span class="text-primary" id="0dde57d2-d423-45c1-afa0-1cce3698039d">
          Link
         </span>
        </h1>
-       <div id="aa88453e-f222-4d8e-991e-773ae4ef0a26">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#12e339b9-1ee1-4448-b395-f85f727b85da" data-bs-toggle="collapse" id="01c38201-bd58-4985-b9a0-bf37279ad373" onclick="return false;" type="button">
+       <div id="92138fec-91f0-4b31-ba36-765b58cc0f8e">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b39dad3e-c498-4811-93fe-4805542c7369" data-bs-toggle="collapse" id="6cf2f388-85e8-4efe-916f-c12fd57f8cde" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="809778ed-eb3a-4625-9b1c-b7b4b9e65b84">
+      <span class="text-muted" id="e46d6f2f-0380-4eb2-b093-08a960014685">
        A web component for an external resource link.
       </span>
-      <pre id="b6951760-e77b-4bd7-9797-8953a22fae87"><code class="python">Link(href, rel='stylesheet', ctype='text/css')</code></pre>
-      <div class="ms-3 collapse" id="12e339b9-1ee1-4448-b395-f85f727b85da">
-       <h6 id="5a4e3450-b447-4d17-97c7-cc3381e0c307">
+      <pre id="9c31242c-4468-40dc-8408-9d9a7543224d"><code class="python">Link(href, rel='stylesheet', ctype='text/css')</code></pre>
+      <div class="ms-3 collapse" id="b39dad3e-c498-4811-93fe-4805542c7369">
+       <h6 id="425fb45d-36d6-482c-9b09-fef92aa7b45b">
         <strong>
          Arguments
         </strong>
        </h6>
-       <table class="table table-sm bg-light" id="738e54fd-fb8c-4e31-9fbf-3f563ff37b61">
+       <table class="table table-sm bg-light" id="6ddcae00-b0f0-40aa-8f6d-ad4f073e8555">
         <thead>
          <tr>
           <th scope="col">
@@ -5796,17 +5796,17 @@ Panel(
         </tbody>
        </table>
       </div>
-      <p id="c3b2b44d-8ad6-4dac-b0a9-cde4c96423bd">
+      <p id="a841d76b-852d-411a-8674-44913cc1ccd0">
        See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
     for more information.
       </p>
-      <div class="ms-3" id="a12398df-013e-4011-be99-24781c896407">
-       <h6 id="11fe2128-3f5a-4828-b812-2e700c54d93e">
+      <div class="ms-3" id="2a84ac91-47fd-46cd-96c0-81aff3905e1f">
+       <h6 id="b7616d17-0593-4a6d-8c46-fe475a280307">
         <strong>
          Example
         </strong>
        </h6>
-       <pre id="34cf9ac5-d4b0-437a-9403-115f206ae827"><code class="python">from bootwrap import Page, Link
+       <pre id="e1b29c1c-e9df-4d0c-8aa8-9a41e9330527"><code class="python">from bootwrap import Page, Link
 
 my_page = Page(
     ...
@@ -5819,52 +5819,52 @@ my_page = Page(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="95b97f6e-1026-4c14-a1bd-928faed89afc">
-     <div id="459daaf8-4f3f-428f-9b42-12cd84d7a3f7">
+    <div class="tab-pane fade" id="5d7272c7-3441-4e9f-a8f5-9e032211a044">
+     <div id="3784a384-335d-48d3-be50-4a67a96aa6eb">
       <hr/>
-      <ul class="nav" id="4976ba1b-b4cd-4001-ab82-b8089810adfa" role="tablist">
+      <ul class="nav" id="b49a7067-9629-4dbf-9ed5-771f366db808" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#174b3b02-cc4c-459f-a613-cc6a8e909e51" data-bs-toggle="tab" href="#174b3b02-cc4c-459f-a613-cc6a8e909e51" id="aade2b35-21f8-4e35-9969-62d24f93ca3b" role="tab">
-         <span class="text-secondary" id="ab3cfa8b-c7b7-4f41-8d43-715d308615ef">
+        <a class="nav-link active" data-bs-target="#30e891e4-901a-4a9f-b3e9-377dff961968" data-bs-toggle="tab" href="#30e891e4-901a-4a9f-b3e9-377dff961968" id="849844af-6791-4f38-ad19-139222bd266d" role="tab">
+         <span class="text-secondary" id="fe8bcdad-eacc-4c31-84c0-1645233d069b">
           List
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9ae66706-0e6f-4122-a6ce-ed6c5f29bcce" data-bs-toggle="tab" href="#9ae66706-0e6f-4122-a6ce-ed6c5f29bcce" id="3f58da58-2483-4e44-b67f-f346707e6cc0" role="tab">
-         <span class="text-secondary" id="a75f068c-968b-4d27-80f5-cf260ca236f9">
+        <a class="nav-link" data-bs-target="#c0b0a6ed-ce63-449d-9ff8-497d53dd27e0" data-bs-toggle="tab" href="#c0b0a6ed-ce63-449d-9ff8-497d53dd27e0" id="379cd233-83f5-441d-b0af-8851ba513fde" role="tab">
+         <span class="text-secondary" id="6aeabbf9-fec3-4a38-a0f8-1ad3796f4637">
           List.Item
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="174b3b02-cc4c-459f-a613-cc6a8e909e51">
-        <div class="mt-5" id="415e3acd-f3dd-476a-96dc-f2dc07fd6109">
-         <div class="d-flex justify-content-between" id="27566a7c-f35b-49b6-933c-04195afbbe23">
-          <h1 id="489f99f7-2099-4f32-9c7a-7ece64e64532">
+       <div class="tab-pane fade active show" id="30e891e4-901a-4a9f-b3e9-377dff961968">
+        <div class="mt-5" id="d59a1dd7-a8d2-4eaf-a4c9-3625ce0eb165">
+         <div class="d-flex justify-content-between" id="c6e63b74-d0fa-428a-b6c3-df6142d75c26">
+          <h1 id="966dc238-fd51-4334-ae97-036db480820f">
            Class
-           <span class="text-primary" id="f1ea1c6f-f0f0-466e-ba46-ffbe88af9be3">
+           <span class="text-primary" id="fc331f30-5f25-4682-9d03-eadeaae4c91a">
             List
            </span>
           </h1>
-          <div id="486f634c-6f04-47fa-82e1-fc9c0ed5a07b">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#74c56bde-cebb-45da-8eba-d78fe28c474a" data-bs-toggle="collapse" id="f83aa39a-04b3-4d30-b4f3-4f9421195eaa" onclick="return false;" type="button">
+          <div id="6441c700-3338-485d-b850-36f7762ae52f">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e7f95dc8-3096-4775-9e76-3ee8c89c6747" data-bs-toggle="collapse" id="59b0c38a-70fa-47a4-a4e3-c48b502bef8d" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="2965cbb8-4d89-4ffe-aa4a-5b94006be137">
+         <span class="text-muted" id="d6d8813f-5458-4682-875f-235cda56c6cc">
           A web component for a list of items.
          </span>
-         <pre id="a88a1d68-e411-48e5-8f4c-504000746a91"><code class="python">List(*items)</code></pre>
-         <div class="ms-3 collapse" id="74c56bde-cebb-45da-8eba-d78fe28c474a">
-          <h6 id="47ee6f53-8dcd-4c1e-94a8-fcdd448dc761">
+         <pre id="67ce5652-17d1-423e-bf21-d4eb8dc0910d"><code class="python">List(*items)</code></pre>
+         <div class="ms-3 collapse" id="e7f95dc8-3096-4775-9e76-3ee8c89c6747">
+          <h6 id="42b88ee7-7f1c-43c0-850a-9d20201c8114">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="f95213d7-2858-44ae-b2ae-746be5f6a7fd">
+          <table class="table table-sm bg-light" id="99543cd8-b5b1-417a-98c8-1308a76f38aa">
            <thead>
             <tr>
              <th scope="col">
@@ -5905,13 +5905,13 @@ my_page = Page(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="1c30d9d5-3a95-4742-bb48-06f3ae17d767">
-          <h6 id="409eb69e-430b-455d-8286-fb640fa1c7f0">
+         <div class="ms-3" id="289c233f-2355-4d17-ab3d-43083e03072a">
+          <h6 id="d6a90631-1e51-47b4-8cc5-80aca932a62f">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="b2ec4a20-0c4e-4887-9f8b-65e6e1c9c155"><code class="python">from bootwrap import Button, List, Image
+          <pre id="71de3d2a-cb72-4198-80b2-205cce5a89b5"><code class="python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy").as_success(),
@@ -5944,17 +5944,17 @@ List(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="89602b5b-e0b4-4abc-8ec7-7a273701010a">
-          <div class="list-group" id="98f3a103-8b14-4919-9d1e-b21e24de9256">
-           <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="191945ff-e0ee-41b2-98e7-e6d5ea8e3293">
+         <div class="ms-3" id="cba542c4-1344-4f6f-aec2-f2b28528faaa">
+          <div class="list-group" id="71a63843-8bd8-471a-ae29-a361fc090565">
+           <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="77fdb41c-f117-44a5-8b63-e01514af1044">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="31bea68d-5e01-4c3a-86f6-1e811284fa0e" src="google-logo.png" width="32"/>
+             <img height="32" id="cfcd89e4-6631-4609-ae55-eea563ae6b01" src="google-logo.png" width="32"/>
              <div class="ms-2 me-2 w-100">
               <div class="d-flex w-100 justify-content-between">
-               <h5 id="a04dec71-ddb3-4f61-a0ef-a4bfbb79a871">
+               <h5 id="ae7937a1-36a6-4953-bc89-db3d26a2f8df">
                 Google (NASDAQ: GOOGL)
                </h5>
-               <span id="75414555-bd65-43e6-bfa4-d319d45ff445">
+               <span id="48302c51-7a78-4681-9163-95299302b623">
                 <small>
                  12:04:58 12/01/2021
                 </small>
@@ -5964,16 +5964,16 @@ List(
              </div>
              <div class="d-flex align-items-start">
               <div class="btn-group">
-               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="d22b17f8-76bf-4c27-b52e-fb24d8f7d049" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="4a8ab3ec-7299-44ba-a286-ecde3e3d95f7" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="e357cfa7-1b9e-4df5-8657-51583a2e45d2" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="c7f7ad57-9eb8-42a2-8e2c-6ee32629fbc5" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="baa65b15-a062-4f58-a7a0-7460af7311c0" onclick="return false;">
+                <button class="dropdown-item btn" id="7d73d966-8262-481f-b0a8-64f946266be7" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="ee11088d-8664-47dd-a653-031fae1ef1c8" onclick="return false;">
+                <button class="dropdown-item btn" id="14d3ac9c-9319-40f0-bdab-dbe42c415cd1" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -5981,15 +5981,15 @@ List(
              </div>
             </div>
            </a>
-           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.linkedin.com" id="7a26038d-b356-4170-b6b1-fa1d485dff3b">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.linkedin.com" id="b6d28374-b13b-4308-a0dc-93e67f84e2b0">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="9e95b666-36c1-44bd-bd30-c1da5d6b93c4" src="linkedin-logo.png" width="32"/>
+             <img height="32" id="00984c83-fd93-40be-aadd-43c551a37289" src="linkedin-logo.png" width="32"/>
              <div class="ms-2 me-2 w-100">
               <div class="d-flex w-100 justify-content-between">
-               <h5 id="416846c7-4100-4d5a-87ab-c5025e740c22">
+               <h5 id="2dcc7ba5-aaaa-41ba-ae0d-9c6f65af3718">
                 LinkedIn (NASDAQ: LNKD)
                </h5>
-               <span id="a664a8da-2942-404a-be20-ba2ba4008cdf">
+               <span id="ee298315-37c3-4ea9-b914-98dc0b4d0672">
                 <small>
                  12:04:58 12/01/2021
                 </small>
@@ -5999,16 +5999,16 @@ List(
              </div>
              <div class="d-flex align-items-start">
               <div class="btn-group">
-               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="8365ef74-f3c9-4783-bd02-a7dfac576130" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="0dc37fee-12fa-401d-a94e-9dfd2c63f9db" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="e357cfa7-1b9e-4df5-8657-51583a2e45d2" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="c7f7ad57-9eb8-42a2-8e2c-6ee32629fbc5" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="baa65b15-a062-4f58-a7a0-7460af7311c0" onclick="return false;">
+                <button class="dropdown-item btn" id="7d73d966-8262-481f-b0a8-64f946266be7" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="ee11088d-8664-47dd-a653-031fae1ef1c8" onclick="return false;">
+                <button class="dropdown-item btn" id="14d3ac9c-9319-40f0-bdab-dbe42c415cd1" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -6016,15 +6016,15 @@ List(
              </div>
             </div>
            </a>
-           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.amazon.com" id="b44bb54a-2771-44f6-afe4-7cdbc5dc9481">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.amazon.com" id="aff81f1d-ec94-4f59-8352-5ed4dbb4c627">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="a34326d6-4aac-4a24-b311-bf7180385815" src="amazon-logo.png" width="32"/>
+             <img height="32" id="526d66d0-8b24-433d-bb25-efb1fda49d0b" src="amazon-logo.png" width="32"/>
              <div class="ms-2 me-2 w-100">
               <div class="d-flex w-100 justify-content-between">
-               <h5 id="e717135e-84ba-4f03-a1d4-4bbc9230f329">
+               <h5 id="2a70bc02-63dc-47b9-8d06-9fa40517c040">
                 Amazon (NASDAQ: AMZN)
                </h5>
-               <span id="bce849af-f81b-4278-8ae1-fb6b36ab9e58">
+               <span id="e536825c-66ff-4125-9e06-73eb1037cdd2">
                 <small>
                  12:04:58 12/01/2021
                 </small>
@@ -6034,16 +6034,16 @@ List(
              </div>
              <div class="d-flex align-items-start">
               <div class="btn-group">
-               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="4c6f220e-ef92-4dde-90d7-162c24a976b5" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="190f03c9-cb32-47bb-86bb-da3a23c6cc85" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="e357cfa7-1b9e-4df5-8657-51583a2e45d2" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="c7f7ad57-9eb8-42a2-8e2c-6ee32629fbc5" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="baa65b15-a062-4f58-a7a0-7460af7311c0" onclick="return false;">
+                <button class="dropdown-item btn" id="7d73d966-8262-481f-b0a8-64f946266be7" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="ee11088d-8664-47dd-a653-031fae1ef1c8" onclick="return false;">
+                <button class="dropdown-item btn" id="14d3ac9c-9319-40f0-bdab-dbe42c415cd1" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -6055,32 +6055,32 @@ List(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9ae66706-0e6f-4122-a6ce-ed6c5f29bcce">
-        <div class="mt-5" id="eefc6a60-b701-401d-95fb-fab8064a40a2">
-         <div class="d-flex justify-content-between" id="eb0c6117-21b9-429a-a5d2-b300d95efe8a">
-          <h1 id="f012214f-211f-4e26-b8bd-5548c04c09a4">
+       <div class="tab-pane fade" id="c0b0a6ed-ce63-449d-9ff8-497d53dd27e0">
+        <div class="mt-5" id="cfdaaae8-e728-4b30-a7b2-c4661f944151">
+         <div class="d-flex justify-content-between" id="66947107-17d3-4963-9de0-092143e60092">
+          <h1 id="9bfc8c6f-249d-4a50-bd3e-f201a54ec888">
            Class
-           <span class="text-primary" id="721e420b-7726-4e02-8575-1a4d7e43ba42">
+           <span class="text-primary" id="72419986-7003-4e4a-a355-9d08cd1aeaaa">
             List.Item
            </span>
           </h1>
-          <div id="623931d0-78fc-4b4d-803e-a963d7b8049c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8afa622f-79e5-4752-b177-f3ebeeba08d7" data-bs-toggle="collapse" id="8516d380-35d3-434d-b2d7-22e1683c8cb6" onclick="return false;" type="button">
+          <div id="8388391d-ba0f-4a94-92f9-bc31b1d52def">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b0e9f28f-24a3-4f14-af2b-eeca02b2bfe5" data-bs-toggle="collapse" id="054231b1-adb0-41ff-a885-195a8dce96b7" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="6f736225-67f6-4c46-b239-d9b5479b539f">
+         <span class="text-muted" id="e2080558-83fd-474f-83ba-b608d02b3b6f">
           A list item.
          </span>
-         <pre id="4d7c3e3c-5368-4f42-93db-960de2d44740"><code class="python">List.Item(title, description=None, marker=None, figure=None)</code></pre>
-         <div class="ms-3 collapse" id="8afa622f-79e5-4752-b177-f3ebeeba08d7">
-          <h6 id="ad5780d5-12dd-4a2d-b4a8-6ea371e7f067">
+         <pre id="522bad7b-cd3e-419a-8ef0-452a6f034c4d"><code class="python">List.Item(title, description=None, marker=None, figure=None)</code></pre>
+         <div class="ms-3 collapse" id="b0e9f28f-24a3-4f14-af2b-eeca02b2bfe5">
+          <h6 id="3d73ff11-c9ea-497a-91ab-d818beed7d56">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="1750f85e-24a0-42b4-997e-a38ddf38a88f">
+          <table class="table table-sm bg-light" id="034d5eb4-defc-49fd-8b54-691e31f34b7b">
            <thead>
             <tr>
              <th scope="col">
@@ -6158,13 +6158,13 @@ List(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="4643cbc2-d1fa-4642-b398-5d59bb5367d7">
-          <h6 id="6bba76be-c507-4b25-aa49-efe952766da3">
+         <div class="ms-3" id="7baaceba-0bc9-4c71-8050-1c2306c51e2f">
+          <h6 id="44bb662e-14de-40ca-a20d-06501dd8c0e3">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="55be53bb-0f98-4bb3-9b00-4e218de83bc7"><code class="python">from bootwrap import Button, List, Image
+          <pre id="63acb778-fe6c-4e0a-9736-42f8ba00d77a"><code class="python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6182,17 +6182,17 @@ List(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="cb123e01-36cb-4e17-bd7c-7d085247a42a">
-          <div class="list-group" id="93d905f6-854d-4562-9dd9-2fb6b8973566">
-           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="d22009ea-90c3-4fdb-8995-abf422840fcd">
+         <div class="ms-3" id="520014cb-f9dc-4786-9c18-c9b6a07739d9">
+          <div class="list-group" id="0766aa42-46ee-40ea-b339-9a93ee05025d">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="d1322f47-28cd-4ed8-807e-36d1cd6c18f6">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="3c8fd7d5-6246-4d2b-9ecd-a513409c755f" src="google-logo.png" width="32"/>
+             <img height="32" id="d50228a6-76e8-4334-8918-c60eef1ecccd" src="google-logo.png" width="32"/>
              <div class="ms-2 me-2 w-100">
               <div class="d-flex w-100 justify-content-between">
-               <h5 id="14de0030-65fa-41eb-b125-c679fd91a9a3">
+               <h5 id="7c3a319f-29f8-41fb-9f94-ab5b6a3392bc">
                 Google (NASDAQ: GOOGL)
                </h5>
-               <span id="7a14ade5-fe90-4e44-b45f-683dff71479e">
+               <span id="4e666273-40a1-4f75-b3c0-0c5c7eaa2fd6">
                 <small>
                  12:04:58 12/01/2021
                 </small>
@@ -6201,13 +6201,13 @@ List(
               Price for a single Google share
              </div>
              <div class="d-flex align-items-start">
-              <button class="ms-1 btn" id="b7dc36ee-3867-4f8f-9e3a-6069e0e3bef7" onclick="return false;">
+              <button class="ms-1 btn" id="f388bfe0-de5e-4f23-9d1a-8afdad6f202f" onclick="return false;">
                Buy
               </button>
-              <button class="ms-1 btn" id="4778a0e3-2555-45cb-b3cf-96a7a5900002" onclick="return false;">
+              <button class="ms-1 btn" id="467fed98-ba05-47d8-b741-9e2a7c415327" onclick="return false;">
                Sell
               </button>
-              <button class="ms-1 btn" id="9599fc97-958a-4ccd-bcee-39c55fd9ff9e" onclick="return false;">
+              <button class="ms-1 btn" id="bcee0bfc-246a-4d70-b98d-24bdf68a0073" onclick="return false;">
                Transfer
               </button>
              </div>
@@ -6215,28 +6215,28 @@ List(
            </a>
           </div>
          </div>
-         <div class="mt-5" id="4fbdc683-1dd2-4139-a6c2-908f6ad25ebd">
-          <div class="d-flex justify-content-between" id="2e69b3bb-3e8f-4c77-9922-95f29055f999">
-           <h4 id="9131fddc-2060-4c3b-8d2d-268ceb6ae6f0">
+         <div class="mt-5" id="1eaa7a2f-2a44-4e2f-be0f-93174a640fe9">
+          <div class="d-flex justify-content-between" id="7d6c053c-5680-4346-98f3-58be132f3274">
+           <h4 id="3ddc4e50-4058-45cd-8bd1-04ecf7613e9c">
             Method
-            <span class="text-primary" id="fcb4df99-1f98-4e15-83a7-a1d176d5d495">
+            <span class="text-primary" id="d7b93176-2a07-42ea-880b-7ce756f3fce2">
              as_selected
             </span>
            </h4>
-           <div id="9f8758a4-db8e-49cb-ab06-a1508f56a292">
+           <div id="93cfbc22-b50f-402a-b1bd-c67fd1aa58fc">
            </div>
           </div>
-          <span class="text-muted" id="3582758d-02fc-4c15-8604-e2561d86ffd9">
+          <span class="text-muted" id="bc38945b-0753-4c95-a424-1e3e0d52caec">
            Makes a list item selected.
           </span>
-          <pre id="913a852f-2fe6-46a2-9097-7581dc38c776"><code class="python">as_selected()</code></pre>
-          <div class="ms-3" id="e95a6666-c9f5-48bc-9b62-2ad321641b78">
-           <h6 id="a9dee096-aac5-4c4d-9f91-2071006d0539">
+          <pre id="0a544aad-fbf3-491b-bf92-3d8b91dc2416"><code class="python">as_selected()</code></pre>
+          <div class="ms-3" id="64c4489c-c6cc-4cb7-aab9-27ceefe0e05f">
+           <h6 id="c3df853f-7097-4c0d-8c5f-b3a56ed7150a">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="b52a5625-c15b-4988-a347-ea82a25da907"><code class="python">from bootwrap import Button, List, Image
+           <pre id="5a8cb56c-612a-4c41-862d-de216efcf980"><code class="python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6255,17 +6255,17 @@ List(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="15473323-d49a-4165-9149-c41422162743">
-           <div class="list-group" id="ffa26af5-2905-44d0-ac92-a2a908b199ae">
-            <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="a5012836-a4ba-40f3-a349-ee1f96ff0a6c">
+          <div class="ms-3" id="5e6bafaa-3133-4a57-9f41-8d374736802e">
+           <div class="list-group" id="aa1c8ede-fcf2-47c5-aa4b-ebf3318d8b88">
+            <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="f62b5f72-d2c2-4759-9137-9bc0431db9e7">
              <div class="d-flex w-100 justify-content-between">
-              <img height="32" id="63c6af66-bc1e-4958-9c33-666a1dfcb090" src="google-logo.png" width="32"/>
+              <img height="32" id="4cceee60-454c-4959-9e0a-ac8177c7d10b" src="google-logo.png" width="32"/>
               <div class="ms-2 me-2 w-100">
                <div class="d-flex w-100 justify-content-between">
-                <h5 id="678f52e9-b9bc-4639-8243-e64f066d743f">
+                <h5 id="4e6613f9-b102-48ca-a46a-8df019372794">
                  Google (NASDAQ: GOOGL)
                 </h5>
-                <span id="3d7ddf96-acf3-4957-afbe-d23db6aa066a">
+                <span id="3c257b44-8ca9-4723-9446-6e0f7dd7d0c7">
                  <small>
                   12:04:58 12/01/2021
                  </small>
@@ -6274,13 +6274,13 @@ List(
                Price for a single Google share
               </div>
               <div class="d-flex align-items-start">
-               <button class="ms-1 btn" id="d5018aa1-a686-4f63-8397-8935ee5bcbc8" onclick="return false;">
+               <button class="ms-1 btn" id="1709356c-dec4-4522-a09c-7627dd772ac6" onclick="return false;">
                 Buy
                </button>
-               <button class="ms-1 btn" id="b097fbd9-d81d-44a8-a07a-761ac7276eef" onclick="return false;">
+               <button class="ms-1 btn" id="8aaa97bc-41c2-4fff-ac90-b2fef7d779f9" onclick="return false;">
                 Sell
                </button>
-               <button class="ms-1 btn" id="c02737f4-3a64-4f6f-8511-ed7cd8854aea" onclick="return false;">
+               <button class="ms-1 btn" id="499df490-d12b-4fcc-97fd-8e024ac519a1" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -6289,28 +6289,28 @@ List(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="334f336f-3b79-4a12-bc03-a5984e5c39e8">
-          <div class="d-flex justify-content-between" id="bbd8ebc7-a976-4367-9cd1-56e0e6adb175">
-           <h4 id="640f7442-2cb2-431a-8e1d-1c4fa7286730">
+         <div class="mt-5" id="6b901bef-a2b7-4f05-bbcb-ddcec63fb934">
+          <div class="d-flex justify-content-between" id="800a7b1a-67d5-4e62-bcc3-c20f5af621c3">
+           <h4 id="5760fb32-0351-461f-9e11-96360cb9b7a9">
             Method
-            <span class="text-primary" id="3784d767-ff88-4a39-acf3-71fe64db27dd">
+            <span class="text-primary" id="8a7d0ea0-e6b4-4c00-9fc2-c730c5ed2686">
              pack_actions
             </span>
            </h4>
-           <div id="fea29714-956f-48a2-8b86-583b6c4d785a">
+           <div id="05d21678-c465-43b8-9f3b-0bc3ea138ab4">
            </div>
           </div>
-          <span class="text-muted" id="5256bbe3-680e-4c89-9b55-847516f39194">
+          <span class="text-muted" id="c687c5a2-9f49-4080-90ef-25d210975c4e">
            Makes item actions packed under a drop-down menu.
           </span>
-          <pre id="7528f7b8-2fa0-452d-bfba-24b38fa8c701"><code class="python">pack_actions()</code></pre>
-          <div class="ms-3" id="3e3cc3f4-c078-4708-a3f8-7ec2d23339a7">
-           <h6 id="a99d0a3d-6b42-4394-9371-61a8fdc55709">
+          <pre id="2d3c1bf6-9044-4e81-a2e8-a0d180e6b5d0"><code class="python">pack_actions()</code></pre>
+          <div class="ms-3" id="244e4f7b-5c7a-4fe8-802c-33944f01e835">
+           <h6 id="92659b58-b9bd-4b1d-9989-3fc776a0b3d4">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="768e8639-d982-4d21-86aa-55518e21e70d"><code class="python">from bootwrap import Button, List, Image
+           <pre id="d4069574-e5e6-4846-a404-a6ad1e8eccd5"><code class="python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6329,17 +6329,17 @@ List(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="505af7a8-27ac-4183-9bbb-9754c572bf04">
-           <div class="list-group" id="42f67a80-1eab-4bac-a359-64c5f230a7bc">
-            <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="b56c4dc4-96d8-4bb1-83dd-a65122816374">
+          <div class="ms-3" id="de653fc2-69ae-4125-a4e5-86f44337292d">
+           <div class="list-group" id="7ae8e14c-b19e-4ddf-a9e6-2bf90fef799c">
+            <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="869fff99-96ab-40a1-8a7f-d892eb2f7dda">
              <div class="d-flex w-100 justify-content-between">
-              <img height="32" id="48b3c03e-38c7-456b-ad0d-d94fb40f375f" src="google-logo.png" width="32"/>
+              <img height="32" id="0c4c40ef-b820-4c15-97f6-33d39d5581d7" src="google-logo.png" width="32"/>
               <div class="ms-2 me-2 w-100">
                <div class="d-flex w-100 justify-content-between">
-                <h5 id="4b8bf3fe-689d-459e-8954-cac4400e6994">
+                <h5 id="f0c0fd47-cd0f-4f02-b647-3fccd323d1c6">
                  Google (NASDAQ: GOOGL)
                 </h5>
-                <span id="81e8d091-421f-4d3b-bc97-d808289d55b4">
+                <span id="cfff27c1-cd7a-4e2b-8cf5-a335b52ae2d9">
                  <small>
                   12:04:58 12/01/2021
                  </small>
@@ -6349,16 +6349,16 @@ List(
               </div>
               <div class="d-flex align-items-start">
                <div class="btn-group">
-                <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="e37624bc-4957-42b8-b43b-bb1efd7237cf" onclick="return false;" style="cursor: pointer">
+                <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="0a9fae25-4e2b-4043-a79e-da6d8a17ec73" onclick="return false;" style="cursor: pointer">
                 </i>
                 <div class="dropdown-menu dropdown-menu-right">
-                 <button class="dropdown-item btn" id="38ce91a0-5eae-4eaf-8620-c5ce61373e40" onclick="return false;">
+                 <button class="dropdown-item btn" id="b2c23a1d-435b-4132-a7c6-3dcdb31db221" onclick="return false;">
                   Buy
                  </button>
-                 <button class="dropdown-item btn" id="88a03d01-f217-4157-ba33-a5b0cc3ccb71" onclick="return false;">
+                 <button class="dropdown-item btn" id="20c7a528-def0-449c-8628-306a1404ffe3" onclick="return false;">
                   Sell
                  </button>
-                 <button class="dropdown-item btn" id="49f650d3-3f21-485f-80d6-66ffa2f400a3" onclick="return false;">
+                 <button class="dropdown-item btn" id="3bb0bf68-aead-471f-81b2-0a51c70de1a9" onclick="return false;">
                   Transfer
                  </button>
                 </div>
@@ -6374,52 +6374,52 @@ List(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="c50d3ca5-7e31-45c0-84dd-0a498a7c6d1e">
-     <div id="82b62bf7-26a3-4720-a146-0e0a189900b3">
+    <div class="tab-pane fade" id="2f69ce0b-12f1-41ee-ab34-3e6e791bde46">
+     <div id="b260368b-00c0-4911-944a-1735edf33f30">
       <hr/>
-      <ul class="nav" id="1e20d813-5b20-4140-bd94-f8df9eeb3ac3" role="tablist">
+      <ul class="nav" id="905ddd68-2a28-4649-a007-caa073ce6bde" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#a7e34253-ab7f-48fa-92ef-624896ed4984" data-bs-toggle="tab" href="#a7e34253-ab7f-48fa-92ef-624896ed4984" id="dd2513fb-5091-453c-b93d-75c8d5106bba" role="tab">
-         <span class="text-secondary" id="5155fb69-1545-4698-abf9-801c53d28fad">
+        <a class="nav-link active" data-bs-target="#537b8a99-7f68-49b0-bed7-0fcbc0b64f24" data-bs-toggle="tab" href="#537b8a99-7f68-49b0-bed7-0fcbc0b64f24" id="d0bf3ef7-3589-4031-aab1-457d1b92e217" role="tab">
+         <span class="text-secondary" id="87743a9e-07c2-4c01-bb62-d8fbec5d08c8">
           Navigation
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#d5366373-3850-4a3e-9771-efc2cfbec0cb" data-bs-toggle="tab" href="#d5366373-3850-4a3e-9771-efc2cfbec0cb" id="3a960348-b489-4902-861d-eea8e6b5f0aa" role="tab">
-         <span class="text-secondary" id="f067979f-9a7f-413b-9f2d-39648cbcbef2">
+        <a class="nav-link" data-bs-target="#eaeabff5-b14e-4c92-b9f4-8ab2fedefa2d" data-bs-toggle="tab" href="#eaeabff5-b14e-4c92-b9f4-8ab2fedefa2d" id="8c5387c7-d929-4010-9c53-b7ea74ec884e" role="tab">
+         <span class="text-secondary" id="0c31a928-2532-44d3-9546-5cf2ffd730f1">
           Navigation.Item
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="a7e34253-ab7f-48fa-92ef-624896ed4984">
-        <div class="mt-5" id="8845b74b-d42c-407d-bb91-456e79c4416b">
-         <div class="d-flex justify-content-between" id="56b3ab6a-8949-4120-ad88-7a619471bebb">
-          <h1 id="63426bdc-77ce-4498-91e1-18f47a10497f">
+       <div class="tab-pane fade active show" id="537b8a99-7f68-49b0-bed7-0fcbc0b64f24">
+        <div class="mt-5" id="548d9bd5-a0f7-4115-aab1-8af9c9b015fc">
+         <div class="d-flex justify-content-between" id="635c6d26-dfd1-4165-98b3-fef6436abdf1">
+          <h1 id="79c3d764-15e0-4375-bcf2-4f94b8064533">
            Class
-           <span class="text-primary" id="d1063e0f-47e0-488f-a2aa-ccdae2140109">
+           <span class="text-primary" id="d85dd182-6d6d-48e5-8a5b-96a94d6539fb">
             Navigation
            </span>
           </h1>
-          <div id="c88cb54c-0707-4eaf-9372-64c710730912">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1018a3fe-a63b-47c4-a2e5-dd280cbacbfb" data-bs-toggle="collapse" id="64393026-d905-4d51-96e8-f45310bb5dbf" onclick="return false;" type="button">
+          <div id="5a46def1-4a2b-4369-be9d-35752e34ba2c">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ee0a9242-ae38-461a-b81f-57114eb9ce1a" data-bs-toggle="collapse" id="786fa9a0-0fc7-4696-976d-4b9166743de6" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="0cca6c69-b7f3-4767-aac1-4c3c06ecb264">
+         <span class="text-muted" id="e768fed7-19f3-45b1-8494-867f94de9d9c">
           A web component for navigation.
          </span>
-         <pre id="d6845656-fd50-463f-a365-4c321a15a250"><code class="python">Navigation(*items)</code></pre>
-         <div class="ms-3 collapse" id="1018a3fe-a63b-47c4-a2e5-dd280cbacbfb">
-          <h6 id="089a4d72-0c41-47fa-a21c-d0c28be48134">
+         <pre id="49634890-499f-4fdf-80a8-26f26e2499b4"><code class="python">Navigation(*items)</code></pre>
+         <div class="ms-3 collapse" id="ee0a9242-ae38-461a-b81f-57114eb9ce1a">
+          <h6 id="85c43d9e-42a2-44a9-bc8b-e339b42ce69d">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="4c429c39-b0ec-4aa4-bfa8-a4c1d0f27f39">
+          <table class="table table-sm bg-light" id="1e7c3dda-f08c-4948-9a9a-04c9b094002d">
            <thead>
             <tr>
              <th scope="col">
@@ -6456,13 +6456,13 @@ List(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="6dd32ade-f6b9-424e-b4c7-7ce44f198957">
-          <h6 id="a8db1161-4eb6-48c6-ba78-13c3046a69c8">
+         <div class="ms-3" id="e0627696-5f87-4994-a59d-da92ed9fb358">
+          <h6 id="d9a3eee7-f020-4153-9d3f-40527a9412b3">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="f42ad5d3-04f3-4657-b2e8-618d00b848d4"><code class="python">from bootwrap import Navigation
+          <pre id="37862177-4a98-46fe-a058-32f3ee751e22"><code class="python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6471,61 +6471,61 @@ Navigation(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="6bd5449d-e9ae-49fc-a060-20f80e8aa864">
-          <ul class="nav" id="b1c60865-6974-4dea-8884-e912dfd38f9a" role="tablist">
+         <div class="ms-3" id="15855420-0c17-46cd-9cdf-07973495a652">
+          <ul class="nav" id="a7b3e464-0baf-48ee-a893-18036c1361a3" role="tablist">
            <li class="nav-item">
-            <a class="nav-link active" data-bs-target="#c533a407-374c-413e-8d99-231eab1ae553" data-bs-toggle="tab" href="#c533a407-374c-413e-8d99-231eab1ae553" id="6e3cedd6-47b9-4434-af33-0c0a69e37f61" role="tab">
+            <a class="nav-link active" data-bs-target="#2cfe79c2-0674-4280-8c74-bcfcd635ce24" data-bs-toggle="tab" href="#2cfe79c2-0674-4280-8c74-bcfcd635ce24" id="606555df-8630-459c-94ad-490ed83d78cd" role="tab">
              Chapter 1
             </a>
            </li>
            <li class="nav-item">
-            <a class="nav-link" data-bs-target="#7b74161f-9dce-4c07-b8a5-fc4a3f20da65" data-bs-toggle="tab" href="#7b74161f-9dce-4c07-b8a5-fc4a3f20da65" id="d27f9030-c0bd-4397-8e22-d359d37d2274" role="tab">
+            <a class="nav-link" data-bs-target="#4f71df77-fc86-47e2-9451-147d194e8616" data-bs-toggle="tab" href="#4f71df77-fc86-47e2-9451-147d194e8616" id="04c49bd8-f206-45de-ad01-a12ba5765cf1" role="tab">
              Chapter 2
             </a>
            </li>
            <li class="nav-item">
-            <a class="nav-link" data-bs-target="#de655b7b-07b8-43da-8a2c-383967556403" data-bs-toggle="tab" href="#de655b7b-07b8-43da-8a2c-383967556403" id="0445388a-f27f-4831-9847-42a8f8f15347" role="tab">
+            <a class="nav-link" data-bs-target="#98f77315-41a8-409d-ae6b-d27960a0d546" data-bs-toggle="tab" href="#98f77315-41a8-409d-ae6b-d27960a0d546" id="6c8f9928-82e0-4232-83e9-4ed7b8f1cdd5" role="tab">
              Chapter 3
             </a>
            </li>
           </ul>
           <div class="tab-content">
-           <div class="tab-pane fade active show" id="c533a407-374c-413e-8d99-231eab1ae553">
+           <div class="tab-pane fade active show" id="2cfe79c2-0674-4280-8c74-bcfcd635ce24">
             Text 1
            </div>
-           <div class="tab-pane fade" id="7b74161f-9dce-4c07-b8a5-fc4a3f20da65">
+           <div class="tab-pane fade" id="4f71df77-fc86-47e2-9451-147d194e8616">
             Text 2
            </div>
-           <div class="tab-pane fade" id="de655b7b-07b8-43da-8a2c-383967556403">
+           <div class="tab-pane fade" id="98f77315-41a8-409d-ae6b-d27960a0d546">
             Text 3
            </div>
           </div>
          </div>
-         <div class="mt-5" id="c5a277ec-b608-448c-9f54-d2ea13536284">
-          <div class="d-flex justify-content-between" id="a96beb77-fc57-434a-945d-e80e06ab367f">
-           <h4 id="6d208051-f1c3-4964-a5b8-8a2abe452515">
+         <div class="mt-5" id="ee05151d-fc72-4d53-ad87-a9d9605e1a2b">
+          <div class="d-flex justify-content-between" id="eca3c006-d8df-488a-9a3f-3c62999d67e2">
+           <h4 id="a79a5162-21de-4660-b58f-2abfb2e33fd7">
             Method
-            <span class="text-primary" id="a804f8c6-54cb-4769-9a91-c5d455279c90">
+            <span class="text-primary" id="3649c643-f52e-45a1-bb04-dd5be7c3d10c">
              as_pills
             </span>
            </h4>
-           <div id="c4f5b24f-31d8-46b7-b337-2453f411c1e6">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#1f3a06bb-c8b1-4565-8ca2-37477500e3cd" data-bs-toggle="collapse" id="612ee66d-0c0a-499b-8336-d0595f0bad87" onclick="return false;" type="button">
+           <div id="78440b97-9f2a-4054-9037-5a6344b45cd4">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#6eda5b3c-88ac-454d-897e-7429da5b87c2" data-bs-toggle="collapse" id="adc41edc-90a9-45dc-8d76-da7520d11287" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="48565a65-a1bb-4aba-9dd9-0f367c1d21b0">
+          <span class="text-muted" id="78c859dd-7b39-45de-8ebf-9393869203f6">
            Makes the navigation controls looks like buttons.
           </span>
-          <pre id="612275db-5ae5-4a59-8381-a9f79aed1bbb"><code class="python">as_pills()</code></pre>
-          <div class="ms-3 collapse" id="1f3a06bb-c8b1-4565-8ca2-37477500e3cd">
-           <h6 id="351c325a-8f66-4ef5-bd49-8129ee1d58f1">
+          <pre id="f8331312-7f3b-4f52-bb74-d6be180b72e3"><code class="python">as_pills()</code></pre>
+          <div class="ms-3 collapse" id="6eda5b3c-88ac-454d-897e-7429da5b87c2">
+           <h6 id="2d9e6a52-fa83-4b69-a597-5cbadc862456">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="7768d2e4-5aea-4a12-9a7f-3174a6940477">
+           <table class="table table-sm bg-light" id="8c2d16f4-f15e-4e51-8ec9-41aa8bbd1d8e">
             <thead>
              <tr>
               <th scope="col">
@@ -6558,13 +6558,13 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="ff04b215-8b3e-479d-ba10-c695c984ce2b">
-           <h6 id="c2aee947-6f8c-4b6c-9174-ed4900d81c98">
+          <div class="ms-3" id="3ec3a8d1-e3dd-4ce4-977a-1310c4591482">
+           <h6 id="2ca789d3-f97f-4ed0-becf-f30947e0d395">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="936c311a-9e5d-4b2b-95bc-7cea3bb28406"><code class="python">from bootwrap import Navigation
+           <pre id="ee2d610c-b435-40d4-9507-96916efd578e"><code class="python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6573,62 +6573,62 @@ Navigation(
 ).as_pills()
 </code></pre>
           </div>
-          <div class="ms-3" id="65726e71-d5ee-4edc-87d9-dcb75171add7">
-           <ul class="nav nav-pills" id="0d8ffcf5-2a35-4c68-a53c-418f2e1f3aea" role="tablist">
+          <div class="ms-3" id="6e7eb246-3c77-4067-a9b8-41a9c6aab367">
+           <ul class="nav nav-pills" id="910d4189-2394-4a86-9daf-172fc93bdc31" role="tablist">
             <li class="nav-item">
-             <a class="nav-link active" data-bs-target="#5220f6a7-a82a-41a1-b0a8-cee9bba69fa9" data-bs-toggle="tab" href="#5220f6a7-a82a-41a1-b0a8-cee9bba69fa9" id="8ae791d1-2019-469f-a1a7-387cc94874a4" role="tab">
+             <a class="nav-link active" data-bs-target="#d97fbc95-3788-4e7e-98ef-84c8eb61347f" data-bs-toggle="tab" href="#d97fbc95-3788-4e7e-98ef-84c8eb61347f" id="51d9420c-ca98-45fa-8a6e-6d368ce4709a" role="tab">
               Chapter 1
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#33637495-1272-416b-8ef1-69f9cffde4f6" data-bs-toggle="tab" href="#33637495-1272-416b-8ef1-69f9cffde4f6" id="418ae09c-0b5d-4b92-9488-46452e3a040f" role="tab">
+             <a class="nav-link" data-bs-target="#adcbfe76-ff1d-4b81-9d73-57cd22b16517" data-bs-toggle="tab" href="#adcbfe76-ff1d-4b81-9d73-57cd22b16517" id="bfed52d6-de34-4435-92e3-b69976089c26" role="tab">
               Chapter 2
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#2b6a5eea-526b-4e11-bd5a-b02b26b13202" data-bs-toggle="tab" href="#2b6a5eea-526b-4e11-bd5a-b02b26b13202" id="a20e85e3-a2f3-4f3e-ba45-fcfd5f9f0670" role="tab">
+             <a class="nav-link" data-bs-target="#eadd998d-75fb-400a-b249-83822698b380" data-bs-toggle="tab" href="#eadd998d-75fb-400a-b249-83822698b380" id="b630162f-2786-4123-83b1-4a127bd5faff" role="tab">
               Chapter 3
              </a>
             </li>
            </ul>
            <div class="tab-content">
-            <div class="tab-pane fade active show" id="5220f6a7-a82a-41a1-b0a8-cee9bba69fa9">
+            <div class="tab-pane fade active show" id="d97fbc95-3788-4e7e-98ef-84c8eb61347f">
              Text 1
             </div>
-            <div class="tab-pane fade" id="33637495-1272-416b-8ef1-69f9cffde4f6">
+            <div class="tab-pane fade" id="adcbfe76-ff1d-4b81-9d73-57cd22b16517">
              Text 2
             </div>
-            <div class="tab-pane fade" id="2b6a5eea-526b-4e11-bd5a-b02b26b13202">
+            <div class="tab-pane fade" id="eadd998d-75fb-400a-b249-83822698b380">
              Text 3
             </div>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="b7148ee1-e633-451d-8497-638974175404">
-          <div class="d-flex justify-content-between" id="2988d793-2701-4374-aab1-2c8e112e8ae0">
-           <h4 id="cf794e8a-6dd9-4131-81cd-e8a3bfff1d1d">
+         <div class="mt-5" id="ec2a7f51-0213-4ad9-9e2e-8b4a2fd807ba">
+          <div class="d-flex justify-content-between" id="941f20a6-b293-4331-888a-8173a7f725e3">
+           <h4 id="5e813f58-6493-49ac-b64f-0bd5da253b13">
             Method
-            <span class="text-primary" id="de8a579c-72a6-45ba-a900-beeb8c238725">
+            <span class="text-primary" id="e744d28a-ab02-4264-a710-0b5a56fcd7c3">
              as_tabs
             </span>
            </h4>
-           <div id="84e86910-2b0a-4488-a229-977e8a6ebbb9">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c7564a35-4dcb-463e-ae97-33a67645c9ae" data-bs-toggle="collapse" id="7cc023f0-a28d-4b28-bad9-fb380da2fa4d" onclick="return false;" type="button">
+           <div id="07b315e5-5744-42df-a2e2-46baddb8cdb1">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#35054d59-e786-42e4-8899-92b9fa7403fe" data-bs-toggle="collapse" id="4e944ccd-989c-4e58-81dd-7c1c9b002dc8" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="c74d0cff-0727-41ee-907d-460f1ddd1e5b">
+          <span class="text-muted" id="f365b5b1-e010-4a81-99d6-ff8cf3f1ca06">
            Makes the navigation controls looks like buttons.
           </span>
-          <pre id="3f6821c8-d440-411b-9638-9aea36de40fc"><code class="python">as_tabs()</code></pre>
-          <div class="ms-3 collapse" id="c7564a35-4dcb-463e-ae97-33a67645c9ae">
-           <h6 id="8be91c1b-e688-4789-a6f8-53ad0ea4f403">
+          <pre id="16e3e060-3beb-4277-b14d-0c41ade1834e"><code class="python">as_tabs()</code></pre>
+          <div class="ms-3 collapse" id="35054d59-e786-42e4-8899-92b9fa7403fe">
+           <h6 id="5248509a-fa50-49a8-b7e9-3ce7903a7647">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="492c52ec-7c62-43b3-bd5e-f1c4fd9bae18">
+           <table class="table table-sm bg-light" id="6711a37a-91d9-4a5c-aadf-5ad3760a0d17">
             <thead>
              <tr>
               <th scope="col">
@@ -6661,13 +6661,13 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="e6307602-5359-443f-9ae7-6a2467483e5e">
-           <h6 id="eca440da-fd63-447c-bff9-ca49763b5aef">
+          <div class="ms-3" id="a25a52cc-2244-4445-81c9-50509ee2e76d">
+           <h6 id="354022c5-116d-45d5-a502-bc30b92b2f6f">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="5e42c31a-5cf4-42c0-b2fd-7f6f7e5722e0"><code class="python">from bootwrap import Navigation
+           <pre id="9bea41fd-9b4b-40b1-900b-3acb66b98c2f"><code class="python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6676,62 +6676,62 @@ Navigation(
 ).as_tabs()
 </code></pre>
           </div>
-          <div class="ms-3" id="27747099-fd70-4a63-b2dd-d4aae684cd6b">
-           <ul class="nav nav-tabs" id="c41dcd53-179c-443d-86c6-af5d9eda230a" role="tablist">
+          <div class="ms-3" id="e839f895-7538-49d3-bdbc-c1e4038d5adb">
+           <ul class="nav nav-tabs" id="b733857a-bef2-4512-88d0-c3135f5db45c" role="tablist">
             <li class="nav-item">
-             <a class="nav-link active" data-bs-target="#8337d2cc-a374-4d72-bbed-0cc09db2b2d4" data-bs-toggle="tab" href="#8337d2cc-a374-4d72-bbed-0cc09db2b2d4" id="5aa92922-85ac-4d19-be15-1728d721a710" role="tab">
+             <a class="nav-link active" data-bs-target="#7ba309f8-1d74-4bc9-8d72-30204cff6331" data-bs-toggle="tab" href="#7ba309f8-1d74-4bc9-8d72-30204cff6331" id="fca87938-f7b6-49b1-ae33-ab7523ed78db" role="tab">
               Chapter 1
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#9b0e5f7c-790b-4cd7-af9b-26f687838a68" data-bs-toggle="tab" href="#9b0e5f7c-790b-4cd7-af9b-26f687838a68" id="b13d6c14-cd87-4487-9145-24a4a07fe5fc" role="tab">
+             <a class="nav-link" data-bs-target="#b9937a07-8334-43e9-bc77-94635bebcc05" data-bs-toggle="tab" href="#b9937a07-8334-43e9-bc77-94635bebcc05" id="e8a94b19-dd4d-4fd6-a3bb-1c94c84d5ce5" role="tab">
               Chapter 2
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#1f663237-7f20-48da-88ca-2b48753975c8" data-bs-toggle="tab" href="#1f663237-7f20-48da-88ca-2b48753975c8" id="9af91f2e-8416-4bf3-9cfa-2dd92628e6e1" role="tab">
+             <a class="nav-link" data-bs-target="#4cf4b8a3-cc1f-4116-af15-c754e35e19bc" data-bs-toggle="tab" href="#4cf4b8a3-cc1f-4116-af15-c754e35e19bc" id="44260d34-b056-4494-ab23-de4ccc5802a2" role="tab">
               Chapter 3
              </a>
             </li>
            </ul>
            <div class="tab-content">
-            <div class="tab-pane fade active show" id="8337d2cc-a374-4d72-bbed-0cc09db2b2d4">
+            <div class="tab-pane fade active show" id="7ba309f8-1d74-4bc9-8d72-30204cff6331">
              Text 1
             </div>
-            <div class="tab-pane fade" id="9b0e5f7c-790b-4cd7-af9b-26f687838a68">
+            <div class="tab-pane fade" id="b9937a07-8334-43e9-bc77-94635bebcc05">
              Text 2
             </div>
-            <div class="tab-pane fade" id="1f663237-7f20-48da-88ca-2b48753975c8">
+            <div class="tab-pane fade" id="4cf4b8a3-cc1f-4116-af15-c754e35e19bc">
              Text 3
             </div>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="889527f7-1c63-44e2-8199-654184a9a3bc">
-          <div class="d-flex justify-content-between" id="f0f8d5d3-88f1-4f4e-9805-82d4b3df78c9">
-           <h4 id="7ae79ca2-9c51-42f4-80de-7712b90280b8">
+         <div class="mt-5" id="0275bebd-c2c3-44d7-883c-a4775e66003a">
+          <div class="d-flex justify-content-between" id="92970d7b-47e6-4897-8c6e-770b991419e1">
+           <h4 id="3ade254d-7a32-4178-8158-16ea93998f6e">
             Method
-            <span class="text-primary" id="009eefab-1b47-4e7e-a3ea-81da758b3d71">
+            <span class="text-primary" id="528a3c78-027a-45dd-a60a-bd62cd76e676">
              as_vertical
             </span>
            </h4>
-           <div id="6dc62b3c-d390-4fdb-a0d7-0aecab58be66">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#dff113e2-b681-4595-8bff-96f434bef559" data-bs-toggle="collapse" id="8ce81678-1709-4023-8070-d7110d909c94" onclick="return false;" type="button">
+           <div id="3c4f522e-1076-4118-8ad6-34337faf0561">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#9cef9967-3585-4e7e-ae91-5f1e428fc27c" data-bs-toggle="collapse" id="705c604e-1bda-44f7-81cc-2671a978aeac" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="c2b39d8d-49a0-49a5-b0b9-67a8f655da68">
+          <span class="text-muted" id="14793920-7532-4be1-a51a-548f280a4471">
            Makes the navigation vertical.
           </span>
-          <pre id="31d8c4e3-8bb3-4fe4-a165-7905b028598e"><code class="python">as_vertical()</code></pre>
-          <div class="ms-3 collapse" id="dff113e2-b681-4595-8bff-96f434bef559">
-           <h6 id="59791a9b-3487-4a6e-8b95-d2157542dec8">
+          <pre id="60e98e77-7cfc-406b-bafd-b35bcc0807f8"><code class="python">as_vertical()</code></pre>
+          <div class="ms-3 collapse" id="9cef9967-3585-4e7e-ae91-5f1e428fc27c">
+           <h6 id="f8adab88-b518-4abc-a600-ca7bfe91a868">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="9850b2fa-f9cd-41f9-a333-f7da25f77636">
+           <table class="table table-sm bg-light" id="73050fdb-319d-43b7-9375-82ea480a3b71">
             <thead>
              <tr>
               <th scope="col">
@@ -6764,13 +6764,13 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="af405292-4c85-450b-8b50-b4858de85364">
-           <h6 id="0f97643c-f4d8-4e42-873e-77e21162ea76">
+          <div class="ms-3" id="9910e09c-a8ee-437c-b3d2-17c1ae6e66e4">
+           <h6 id="1a155f85-56a8-4608-bef4-702289505434">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="d71e77e5-490b-4676-93c6-5c7e99865ac5"><code class="python">from bootwrap import Navigation
+           <pre id="bb51bd2f-47f2-4f70-9cf5-b58330468b22"><code class="python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6779,33 +6779,33 @@ Navigation(
 ).as_vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="130d7363-86f7-47bb-a504-f0441c6fa4a5">
+          <div class="ms-3" id="706ff8ec-8e81-47fd-a988-eb9a7107aa59">
            <div class="d-flex">
-            <ul class="nav flex-column" id="acb09e98-4240-4ebf-b910-8af6ea80a26b" role="tablist">
+            <ul class="nav flex-column" id="7eff302d-a76a-454d-986b-8269a351e885" role="tablist">
              <li class="nav-item">
-              <a class="nav-link active" data-bs-target="#6185f157-2b56-44ae-963c-235473da57ba" data-bs-toggle="tab" href="#6185f157-2b56-44ae-963c-235473da57ba" id="8c0cd2e9-e723-4ce4-96e3-89a32f7d693a" role="tab">
+              <a class="nav-link active" data-bs-target="#9cdb87e3-a827-4ab5-b924-20cec2e50744" data-bs-toggle="tab" href="#9cdb87e3-a827-4ab5-b924-20cec2e50744" id="8e5a54e9-67a7-4f92-8936-7d8787821955" role="tab">
                Chapter 1
               </a>
              </li>
              <li class="nav-item">
-              <a class="nav-link" data-bs-target="#f149110e-eed3-46de-b5aa-57c5453ecc37" data-bs-toggle="tab" href="#f149110e-eed3-46de-b5aa-57c5453ecc37" id="647ca8ef-e21c-4783-ad44-ac8b8ad95711" role="tab">
+              <a class="nav-link" data-bs-target="#105debde-def2-49c1-84c8-e846f03af81c" data-bs-toggle="tab" href="#105debde-def2-49c1-84c8-e846f03af81c" id="01be1bc4-696f-4e17-9c0f-c76a602fbf0c" role="tab">
                Chapter 2
               </a>
              </li>
              <li class="nav-item">
-              <a class="nav-link" data-bs-target="#7071b53c-5050-4d5a-bc49-5225424ddaaa" data-bs-toggle="tab" href="#7071b53c-5050-4d5a-bc49-5225424ddaaa" id="b653ff58-5bda-4b9b-9339-8cb802d4b9a5" role="tab">
+              <a class="nav-link" data-bs-target="#c20f668b-9148-4d43-a986-25a8009b9aa3" data-bs-toggle="tab" href="#c20f668b-9148-4d43-a986-25a8009b9aa3" id="22df72ad-0b6b-466c-9bdc-fdd8ed0d0439" role="tab">
                Chapter 3
               </a>
              </li>
             </ul>
             <div class="tab-content">
-             <div class="tab-pane fade active show" id="6185f157-2b56-44ae-963c-235473da57ba">
+             <div class="tab-pane fade active show" id="9cdb87e3-a827-4ab5-b924-20cec2e50744">
               Text 1
              </div>
-             <div class="tab-pane fade" id="f149110e-eed3-46de-b5aa-57c5453ecc37">
+             <div class="tab-pane fade" id="105debde-def2-49c1-84c8-e846f03af81c">
               Text 2
              </div>
-             <div class="tab-pane fade" id="7071b53c-5050-4d5a-bc49-5225424ddaaa">
+             <div class="tab-pane fade" id="c20f668b-9148-4d43-a986-25a8009b9aa3">
               Text 3
              </div>
             </div>
@@ -6814,52 +6814,52 @@ Navigation(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="d5366373-3850-4a3e-9771-efc2cfbec0cb">
-        <div class="mt-5" id="e236c2f6-3376-4c52-95a8-13f51b9b875c">
-         <div class="d-flex justify-content-between" id="39bd8c44-c4ac-40e2-bf99-5eb702ca8feb">
-          <h1 id="8ddf6612-41f2-4a33-bfb3-afacf5e7dbb4">
+       <div class="tab-pane fade" id="eaeabff5-b14e-4c92-b9f4-8ab2fedefa2d">
+        <div class="mt-5" id="9108d22d-aa69-4d40-a434-a7e3fd49172f">
+         <div class="d-flex justify-content-between" id="60cbfff4-7448-4ea4-bd37-3abd28aab225">
+          <h1 id="180db108-81eb-479b-8568-d8ca7322b44d">
            Class
-           <span class="text-primary" id="8daf57c6-bc6d-4d2f-9a49-942eca467646">
+           <span class="text-primary" id="097e4f7b-66ba-4b6e-a179-1e3cba66f0c0">
             Navigation.Item
            </span>
           </h1>
-          <div id="da7447b2-fc9f-4c3c-a09a-4bea6d675b25">
+          <div id="1962d444-078f-4c71-91d7-b3a09e8053dc">
           </div>
          </div>
-         <span class="text-muted" id="51f4dd78-7976-44ac-a741-c6254f5522e5">
+         <span class="text-muted" id="5d8d1dcc-1078-4609-b521-eb6e99c8e798">
           None
          </span>
-         <pre id="8ef70fd9-ce22-467f-8796-725a59bb8f9b"><code class="python">Navigation.Item(name, content, active=False)</code></pre>
-         <div class="mt-5" id="715bf11a-856e-49d4-9584-5adc7d65b5d3">
-          <h4 id="20714b2d-4fdc-429f-89fa-19625157d485">
+         <pre id="6b6d0016-4cdd-4c0a-a51e-366da6a466dc"><code class="python">Navigation.Item(name, content, active=False)</code></pre>
+         <div class="mt-5" id="7a8dda46-1240-44cb-93bf-95f855c9d6f1">
+          <h4 id="26103c8e-ae40-40bf-aece-d1574e884f73">
            Property
-           <span class="text-primary" id="01db4c2d-d8ff-4c65-a9ac-fb0f79b7f83e">
+           <span class="text-primary" id="5834d317-7074-4481-bdc5-30f1fe6f2f0c">
             active
            </span>
           </h4>
-          <span class="text-muted" id="ed5fc900-78b2-417c-852c-46a432ca5af9">
+          <span class="text-muted" id="af57a775-c1c7-4126-b517-56b328a03243">
            None
           </span>
          </div>
-         <div class="mt-5" id="acbd750b-d08a-4a98-aa57-640e16c2c55b">
-          <h4 id="de2716d1-858b-4ce7-8064-dd0ef9e4be05">
+         <div class="mt-5" id="53596d9a-dd0d-4660-b241-a766f674c6f2">
+          <h4 id="542a9108-0542-4236-bc4f-fbabeef810eb">
            Property
-           <span class="text-primary" id="fdca76e6-3254-431d-8d96-d6ac582d043a">
+           <span class="text-primary" id="8d32479b-fc47-4ef8-81a7-cd6addbc27a7">
             content
            </span>
           </h4>
-          <span class="text-muted" id="18ea4aa3-7fa8-49cf-b822-22e5f3ac0478">
+          <span class="text-muted" id="63897b80-7260-4ed6-809a-31d91c1792ad">
            None
           </span>
          </div>
-         <div class="mt-5" id="226581c1-9cf2-4fb0-8aeb-e837a4f0ae42">
-          <h4 id="5e4d0350-2add-465e-ad20-f7640986c699">
+         <div class="mt-5" id="927b8bd2-ec95-47f9-ac02-500e567af691">
+          <h4 id="1d753c0c-61ff-4012-857c-78c6261a15f1">
            Property
-           <span class="text-primary" id="e12c48cc-b97c-4961-a417-37be2dcd6cbd">
+           <span class="text-primary" id="b38ce4b5-433c-4c69-aeb0-dfb576377fc9">
             name
            </span>
           </h4>
-          <span class="text-muted" id="5d047962-2b9c-4ba6-88eb-5bde53ee9684">
+          <span class="text-muted" id="e4d34e42-accf-4393-8e7e-3411882d24cd">
            None
           </span>
          </div>
@@ -6868,32 +6868,32 @@ Navigation(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="d9e764e7-c268-454d-bb3c-07512fe91b5d">
-     <div class="mt-5" id="4ea43518-2854-42bf-ade8-0a8108130858">
-      <div class="d-flex justify-content-between" id="174786b5-f9ee-4f45-b46e-464362fed5f3">
-       <h1 id="fceca501-f85b-4749-a18c-99d1a805ddea">
+    <div class="tab-pane fade" id="1cb75d71-2477-403e-bdaa-740de3116f1d">
+     <div class="mt-5" id="3affc655-3bf9-47c0-a340-9c0a1b893f24">
+      <div class="d-flex justify-content-between" id="4751798d-73e5-4527-8582-f338d3f4f46c">
+       <h1 id="93897876-8d31-4082-a477-8e03d7689496">
         Class
-        <span class="text-primary" id="e3394c0f-0d9a-4b27-b29f-75a451f397e9">
+        <span class="text-primary" id="08635a21-62dc-4441-a6f9-bf67e220b342">
          Panel
         </span>
        </h1>
-       <div id="0ea01848-2b69-4d44-9c00-babd5f324e72">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#38046464-958a-4af3-a9e3-fc35058ed87e" data-bs-toggle="collapse" id="01fd0874-e7d9-4fc2-85b3-b738f372a96a" onclick="return false;" type="button">
+       <div id="7ba46abc-67e4-41b6-a6ef-945ff87549a0">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#51d4d0cd-67af-4260-bb5e-60f700df0fd0" data-bs-toggle="collapse" id="2a009088-1b70-4313-9cce-a9849afc4a60" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="eeeaf042-9ef9-4b36-a5fb-92cfccc46081">
+      <span class="text-muted" id="7444dbda-e516-4ed8-a606-a498006fc379">
        A web component for a panel.
       </span>
-      <pre id="f26ad996-93ce-4842-8917-3b62189ba81c"><code class="python">Panel(*components)</code></pre>
-      <div class="ms-3 collapse" id="38046464-958a-4af3-a9e3-fc35058ed87e">
-       <h6 id="2e19d7e8-58a8-49b3-9a8e-7db07826d5c8">
+      <pre id="ea06184d-067b-416d-a528-390d49c7dba8"><code class="python">Panel(*components)</code></pre>
+      <div class="ms-3 collapse" id="51d4d0cd-67af-4260-bb5e-60f700df0fd0">
+       <h6 id="b1c75c81-32ef-4633-9ff7-3a49e28c7a78">
         <strong>
          Arguments
         </strong>
        </h6>
-       <table class="table table-sm bg-light" id="d67bab00-5837-4b9f-a546-f53bde09026d">
+       <table class="table table-sm bg-light" id="95b306a7-a6e1-4448-af41-164de908929d">
         <thead>
          <tr>
           <th scope="col">
@@ -6930,13 +6930,13 @@ Navigation(
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="ab9b00a7-6411-417d-b299-6174fc1b813f">
-       <h6 id="4128b227-db2f-4410-bd1e-6effd92b1c38">
+      <div class="ms-3" id="1080e2e8-9c4e-4f85-8e83-9d995a2a76b4">
+       <h6 id="b0e40267-c8b3-405c-9445-83a11b26d85c">
         <strong>
          Example
         </strong>
        </h6>
-       <pre id="7e1b3d58-22e7-4bf0-a0fa-3539ada9eac7"><code class="python">from bootwrap import Text, Panel
+       <pre id="798a76c2-987c-4ccd-b2e6-8d40067ca138"><code class="python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").add_classes("border").ms(1)
 comp2 = Text("Component 2").add_classes("border").ms(1)
@@ -6945,44 +6945,257 @@ comp3 = Text("Component 3").add_classes("border").ms(1)
 Panel(comp1, comp2, comp3)
 </code></pre>
       </div>
-      <div class="ms-3" id="490e3dd2-1ea1-43b7-bef9-3f21a809eb87">
-       <div id="ce487625-d5e9-4ef9-a6ad-b74069f64811">
-        <span class="border ms-1" id="199b4055-478d-416e-a726-f5f1a92c443c">
+      <div class="ms-3" id="42efff5f-0486-4068-b65e-d9d9f9345e61">
+       <div id="7d95e8a3-c2b2-4612-9bcd-f7443d408a1e">
+        <span class="border ms-1" id="7806634c-4027-4500-af30-ca7a8efc4a65">
          Component 1
         </span>
-        <span class="border ms-1" id="a0e95c4c-64ee-4576-94ca-a3b4ef49238c">
+        <span class="border ms-1" id="ba817a32-16b3-44df-90d9-8bf5ae232313">
          Component 2
         </span>
-        <span class="border ms-1" id="977a4a8b-0658-41dc-bcdf-f3e003ca3ed3">
+        <span class="border ms-1" id="5cb4357b-ff0d-406d-94b0-675923878c1c">
          Component 3
         </span>
        </div>
       </div>
-      <div class="mt-5" id="b6ba61aa-f648-4839-8121-e21ea4e978b9">
-       <div class="d-flex justify-content-between" id="34f5c8d3-ec23-4ec4-9854-8de21af9a0a3">
-        <h4 id="e5fc5c17-b020-4e38-bd70-40125659835b">
+      <div class="mt-5" id="05db62e3-7af9-4d51-8ade-fd2d2d72db06">
+       <div class="d-flex justify-content-between" id="dcd25061-9d5e-447e-b763-868481d86fde">
+        <h4 id="8aee7724-e156-4063-9e79-490f6cf99f24">
          Method
-         <span class="text-primary" id="bd67035c-30c9-497a-a19a-4da7f267720c">
+         <span class="text-primary" id="efd4eece-d0eb-4456-ba92-169e5ab0b084">
+          align_items
+         </span>
+        </h4>
+        <div id="cffe0b2c-f938-4050-9835-ae3ab4cf014d">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5c288ff2-f68a-4a54-aeb9-ddcab90c7dbe" data-bs-toggle="collapse" id="534cc25f-456f-4174-9af1-85c71d8030fa" onclick="return false;" type="button">
+          Argument
+         </button>
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#00154afa-eeed-4b97-920a-49f92aae8bf9" data-bs-toggle="collapse" id="e3bc3f07-77ff-4fa6-b382-d287dd5f4ed1" onclick="return false;" type="button">
+          Returns
+         </button>
+        </div>
+       </div>
+       <span class="text-muted" id="4de3ba33-766e-4ee9-8460-f9aed79f06bd">
+        Align panel items.
+       </span>
+       <pre id="51851eae-a5dc-47d2-bcf9-f9699cd87020"><code class="python">align_items(style)</code></pre>
+       <div class="ms-3 collapse" id="5c288ff2-f68a-4a54-aeb9-ddcab90c7dbe">
+        <h6 id="24760e8b-96ff-47fa-ae5a-f2768261ea8e">
+         <strong>
+          Arguments
+         </strong>
+        </h6>
+        <table class="table table-sm bg-light" id="427474bd-aeba-4e08-bf73-2f2ad3090028">
+         <thead>
+          <tr>
+           <th scope="col">
+            Name
+           </th>
+           <th scope="col">
+            Type
+           </th>
+           <th scope="col">
+            Description
+           </th>
+          </tr>
+         </thead>
+         <tbody>
+          <tr>
+           <td scope="row">
+            <i style="white-space: nowrap">
+             style
+            </i>
+           </td>
+           <td>
+            <code style="white-space: nowrap">
+             str
+            </code>
+           </td>
+           <td>
+            The style for aligning items can be one of "start",
+                "end", "center", "baseline", "stretch".
+           </td>
+          </tr>
+         </tbody>
+        </table>
+       </div>
+       <div class="ms-3 collapse" id="00154afa-eeed-4b97-920a-49f92aae8bf9">
+        <h6 id="908adb28-170a-4310-b08f-bb39790f8815">
+         <strong>
+          Returns
+         </strong>
+        </h6>
+        <table class="table table-sm bg-light" id="db1edf74-6d54-490e-92e2-8dbbb98f7557">
+         <thead>
+          <tr>
+           <th scope="col">
+            Name
+           </th>
+           <th scope="col">
+            Type
+           </th>
+           <th scope="col">
+            Description
+           </th>
+          </tr>
+         </thead>
+         <tbody>
+          <tr>
+           <td scope="row">
+            <i style="white-space: nowrap">
+             obj
+            </i>
+           </td>
+           <td>
+            <code style="white-space: nowrap">
+             self
+            </code>
+           </td>
+           <td>
+            The instance of this class.
+           </td>
+          </tr>
+         </tbody>
+        </table>
+       </div>
+       <div class="ms-3" id="03813486-1c73-476c-95fa-51c9fe4146f7">
+        <h6 id="5981cc66-9327-4d10-abf0-7627a7790625">
+         <strong>
+          Example
+         </strong>
+        </h6>
+        <pre id="45335ea2-51f2-4f16-9abd-58bad67bc292"><code class="python">from bootwrap import Text, Panel, Image
+
+image  = Image("logo.png", height="200px")
+comp1 = Text("Component 1").as_light().add_classes("border").p(2).m(2)
+comp2 = Text("Component 2").as_light().add_classes("border").p(2).m(2)
+comp3 = Text("Component 3").as_light().add_classes("border").p(2).m(2)
+
+pnl_start = Panel(image, comp1, comp2, comp3).background("dark").align_items("start").mt(1)
+pnl_end = Panel(image, comp1, comp2, comp3).background("dark").align_items("end").mt(1)
+pnl_center = Panel(image, comp1, comp2, comp3).background("dark").align_items("center").mt(1)
+pnl_baseline = Panel(image, comp1, comp2, comp3).background("dark").align_items("baseline").mt(1)
+pnl_stretch = Panel(image, comp1, comp2, comp3).background("dark").align_items("stretch").mt(1)
+
+Panel(
+    pnl_start,
+    pnl_end,
+    pnl_center,
+    pnl_baseline,
+    pnl_stretch,
+).vertical()
+</code></pre>
+       </div>
+       <div class="ms-3" id="055aa8d8-0232-4d39-afd5-6cb940902749">
+        <div id="e6479697-ead5-48be-b72b-fc97971aa8ba">
+         <div class="row">
+          <div class="col-md">
+           <div class="bg-dark d-flex align-items-start mt-1" id="dacaf17e-eaea-4db6-9a5d-c5eb9c253d38">
+            <img height="200px" id="3535878f-4cb3-451a-8448-54b8ed5ea5c3" src="logo.png"/>
+            <span class="text-light border p-2 m-2" id="7c66673d-638b-4f73-869c-beb8984bf005">
+             Component 1
+            </span>
+            <span class="text-light border p-2 m-2" id="c6219798-5202-4ef7-98fe-d786736b2b29">
+             Component 2
+            </span>
+            <span class="text-light border p-2 m-2" id="df100ae1-c59f-4bac-92b5-5601c67a54a2">
+             Component 3
+            </span>
+           </div>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <div class="bg-dark d-flex align-items-end mt-1" id="108ddd6d-e22d-4d4a-8114-cdff125de563">
+            <img height="200px" id="3535878f-4cb3-451a-8448-54b8ed5ea5c3" src="logo.png"/>
+            <span class="text-light border p-2 m-2" id="7c66673d-638b-4f73-869c-beb8984bf005">
+             Component 1
+            </span>
+            <span class="text-light border p-2 m-2" id="c6219798-5202-4ef7-98fe-d786736b2b29">
+             Component 2
+            </span>
+            <span class="text-light border p-2 m-2" id="df100ae1-c59f-4bac-92b5-5601c67a54a2">
+             Component 3
+            </span>
+           </div>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <div class="bg-dark d-flex align-items-center mt-1" id="d54a42fa-0ae7-4b1b-b9b2-7ac5c9c764da">
+            <img height="200px" id="3535878f-4cb3-451a-8448-54b8ed5ea5c3" src="logo.png"/>
+            <span class="text-light border p-2 m-2" id="7c66673d-638b-4f73-869c-beb8984bf005">
+             Component 1
+            </span>
+            <span class="text-light border p-2 m-2" id="c6219798-5202-4ef7-98fe-d786736b2b29">
+             Component 2
+            </span>
+            <span class="text-light border p-2 m-2" id="df100ae1-c59f-4bac-92b5-5601c67a54a2">
+             Component 3
+            </span>
+           </div>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <div class="bg-dark d-flex align-items-baseline mt-1" id="c479e79b-7ce7-4702-820c-a0baaa5ef98a">
+            <img height="200px" id="3535878f-4cb3-451a-8448-54b8ed5ea5c3" src="logo.png"/>
+            <span class="text-light border p-2 m-2" id="7c66673d-638b-4f73-869c-beb8984bf005">
+             Component 1
+            </span>
+            <span class="text-light border p-2 m-2" id="c6219798-5202-4ef7-98fe-d786736b2b29">
+             Component 2
+            </span>
+            <span class="text-light border p-2 m-2" id="df100ae1-c59f-4bac-92b5-5601c67a54a2">
+             Component 3
+            </span>
+           </div>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <div class="bg-dark d-flex align-items-stretch mt-1" id="d84a698c-ecdc-4bf0-8a12-693584e44f8f">
+            <img height="200px" id="3535878f-4cb3-451a-8448-54b8ed5ea5c3" src="logo.png"/>
+            <span class="text-light border p-2 m-2" id="7c66673d-638b-4f73-869c-beb8984bf005">
+             Component 1
+            </span>
+            <span class="text-light border p-2 m-2" id="c6219798-5202-4ef7-98fe-d786736b2b29">
+             Component 2
+            </span>
+            <span class="text-light border p-2 m-2" id="df100ae1-c59f-4bac-92b5-5601c67a54a2">
+             Component 3
+            </span>
+           </div>
+          </div>
+         </div>
+        </div>
+       </div>
+      </div>
+      <div class="mt-5" id="5bd8d1ce-85b1-4ce7-987c-62174fb81473">
+       <div class="d-flex justify-content-between" id="87a88933-7631-4d29-b7bb-b13bc1cde147">
+        <h4 id="075b02fc-47f7-478f-ab1a-7e557fd23bf8">
+         Method
+         <span class="text-primary" id="51ce30e0-bf53-40c1-9c8c-54d037796389">
           as_collapse
          </span>
         </h4>
-        <div id="24ac2926-8091-49f9-bd62-612cdaf2677a">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#656d0b90-6274-435b-96b8-e72b2f796535" data-bs-toggle="collapse" id="b6247e7e-ab52-46be-aece-101a0b07893d" onclick="return false;" type="button">
+        <div id="adb37654-aadf-4810-b45b-7b1848302614">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2f930ae1-ccb9-4c79-ad6c-859f679dffaa" data-bs-toggle="collapse" id="a8d4fa5d-95e8-4db1-9045-29af32009606" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="ac074cfd-386f-47a2-be6b-1747b28eb60f">
+       <span class="text-muted" id="fd5585b0-4faf-4d71-a3f2-2d45489fe104">
         Makes the panel collapsed.
        </span>
-       <pre id="6af5f37d-5c11-4634-bd22-8fb761910e79"><code class="python">as_collapse()</code></pre>
-       <div class="ms-3 collapse" id="656d0b90-6274-435b-96b8-e72b2f796535">
-        <h6 id="1ed5d131-ddb8-43b7-8d86-956b10fb1eb1">
+       <pre id="9dc6c280-25a6-4d00-80ef-caa68c9575de"><code class="python">as_collapse()</code></pre>
+       <div class="ms-3 collapse" id="2f930ae1-ccb9-4c79-ad6c-859f679dffaa">
+        <h6 id="26e2c833-4b2e-45b1-af1c-717c67467876">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="ab745000-555e-47b2-ada1-c7c453ef34ec">
+        <table class="table table-sm bg-light" id="09fa22ef-a355-46ed-a364-c29a45b38d85">
          <thead>
           <tr>
            <th scope="col">
@@ -7016,32 +7229,216 @@ Panel(comp1, comp2, comp3)
         </table>
        </div>
       </div>
-      <div class="mt-5" id="9b0f9546-5ebd-4ad7-8f77-56fa7794ab24">
-       <div class="d-flex justify-content-between" id="6b10c40c-091b-4e97-8850-579740f419af">
-        <h4 id="34a9b597-a102-43e4-8bbf-c0a6e82f61d2">
+      <div class="mt-5" id="42284db8-860c-4de0-85f5-4b8906add34b">
+       <div class="d-flex justify-content-between" id="245648fc-f8a7-4da5-a4c0-faf65ec3ebb3">
+        <h4 id="49524028-18c4-4cf2-b484-a2bc72ddc765">
          Method
-         <span class="text-primary" id="3dc150cb-0515-4441-9371-10e95b2bc3c7">
+         <span class="text-primary" id="33aa798e-3e1b-4e3b-91fa-d603513bf5e1">
+          background
+         </span>
+        </h4>
+        <div id="ec7c078e-9f85-4459-8995-43406baf59e3">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0e3c7033-e893-4b05-b087-e9321f4cdd15" data-bs-toggle="collapse" id="6147ded1-bf79-4ec9-82ae-326cc4c63c86" onclick="return false;" type="button">
+          Argument
+         </button>
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3e0a286b-a062-471f-b25a-cbf63826555b" data-bs-toggle="collapse" id="3aaa64ff-3051-4559-bf90-c1810c32ad1d" onclick="return false;" type="button">
+          Returns
+         </button>
+        </div>
+       </div>
+       <span class="text-muted" id="9824042c-2fac-40b1-8795-9e3090ba927d">
+        Sets the panel background color.
+       </span>
+       <pre id="7bdf7d35-3391-4a6f-8184-c5f245331b10"><code class="python">background(color)</code></pre>
+       <div class="ms-3 collapse" id="0e3c7033-e893-4b05-b087-e9321f4cdd15">
+        <h6 id="0da0dfff-7eb7-4097-a90a-ddf8efd226cd">
+         <strong>
+          Arguments
+         </strong>
+        </h6>
+        <table class="table table-sm bg-light" id="7c3bc124-5fa5-4fb9-a2cb-3a4ebd6ffeda">
+         <thead>
+          <tr>
+           <th scope="col">
+            Name
+           </th>
+           <th scope="col">
+            Type
+           </th>
+           <th scope="col">
+            Description
+           </th>
+          </tr>
+         </thead>
+         <tbody>
+          <tr>
+           <td scope="row">
+            <i style="white-space: nowrap">
+             color
+            </i>
+           </td>
+           <td>
+            <code style="white-space: nowrap">
+             str
+            </code>
+           </td>
+           <td>
+            The background color to set can be one of "primary",
+                "secondary", "success", "danger", "warning", "info",
+                "light", "dark", "body", "white","transparent"
+           </td>
+          </tr>
+         </tbody>
+        </table>
+       </div>
+       <div class="ms-3 collapse" id="3e0a286b-a062-471f-b25a-cbf63826555b">
+        <h6 id="3b6ce02b-a0e0-4a00-9b9a-88a7117ea42f">
+         <strong>
+          Returns
+         </strong>
+        </h6>
+        <table class="table table-sm bg-light" id="a8925107-317d-4675-8b50-8e1291bb4291">
+         <thead>
+          <tr>
+           <th scope="col">
+            Name
+           </th>
+           <th scope="col">
+            Type
+           </th>
+           <th scope="col">
+            Description
+           </th>
+          </tr>
+         </thead>
+         <tbody>
+          <tr>
+           <td scope="row">
+            <i style="white-space: nowrap">
+             obj
+            </i>
+           </td>
+           <td>
+            <code style="white-space: nowrap">
+             self
+            </code>
+           </td>
+           <td>
+            The instance of this class.
+           </td>
+          </tr>
+         </tbody>
+        </table>
+       </div>
+       <div class="ms-3" id="173d55b6-5e10-4763-aa6f-f9c1c9feec43">
+        <h6 id="5ab24c51-1dc6-4b6d-a285-7dda4f7c7006">
+         <strong>
+          Example
+         </strong>
+        </h6>
+        <pre id="78d6acca-abbb-4b44-a3db-e736d3095c27"><code class="python">from bootwrap import Panel, Text
+
+Panel(
+    Panel(Text("primary").as_light()).background("primary").mb(1),
+    Panel(Text("secondary").as_light()).background("secondary").mb(1),
+    Panel(Text("success").as_light()).background("success").mb(1),
+    Panel(Text("danger").as_light()).background("danger").mb(1),
+    Panel(Text("warning")).background("warning").mb(1),
+    Panel(Text("info")).background("info").mb(1),
+    Panel(Text("light")).background("light").mb(1),
+    Panel(Text("dark").as_light()).background("dark").mb(1),
+    Panel(Text("body")).background("body").mb(1),
+    Panel(Text("white")).background("white").mb(1),
+    Panel(Text("transparent")).background("transparent").mb(1),
+)
+</code></pre>
+       </div>
+       <div class="ms-3" id="3f9f1277-f3be-48cb-888f-14a7f4312570">
+        <div id="f2623604-b60e-4958-a974-1573982153cf">
+         <div class="bg-primary mb-1" id="a8e3ee16-8217-4391-9cc9-28025eb4be7b">
+          <span class="text-light" id="b6b4ea15-aed9-4c45-b574-83adc5d97511">
+           primary
+          </span>
+         </div>
+         <div class="bg-secondary mb-1" id="a4456364-2344-4a4f-8e78-80e964f6539e">
+          <span class="text-light" id="e6578700-dc8f-47ae-b2a6-964656385051">
+           secondary
+          </span>
+         </div>
+         <div class="bg-success mb-1" id="06eb5c7a-8d32-4973-924e-dc414405b27c">
+          <span class="text-light" id="97bc6006-ced1-408d-afc2-4cca057e4b93">
+           success
+          </span>
+         </div>
+         <div class="bg-danger mb-1" id="94d0c50c-e547-4a5b-902e-761ae1d983e2">
+          <span class="text-light" id="c0c13088-f628-4961-a69d-ba899c4bc0d2">
+           danger
+          </span>
+         </div>
+         <div class="bg-warning mb-1" id="dd5377d8-ffd4-4caa-8fab-93605afbec47">
+          <span id="a6842ea6-55ee-4f32-b990-cb6db2ec8d1a">
+           warning
+          </span>
+         </div>
+         <div class="bg-info mb-1" id="c66f2c62-8ded-4baf-8baa-bae6e34a97ad">
+          <span id="7659653e-e8e7-48f6-bf63-7238a057c148">
+           info
+          </span>
+         </div>
+         <div class="bg-light mb-1" id="a9986d7d-5736-4fd0-876c-0ae69709e2d1">
+          <span id="05b0e3db-ae7a-497c-834c-10aa89ee2003">
+           light
+          </span>
+         </div>
+         <div class="bg-dark mb-1" id="03ad6e11-9e72-4284-890b-0f54dbac3f8e">
+          <span class="text-light" id="ceb4f38a-20d5-488b-9869-9dd85437e70d">
+           dark
+          </span>
+         </div>
+         <div class="bg-body mb-1" id="f990f5a9-c811-43cf-a36d-c5bd0058a8f6">
+          <span id="aa21680b-22ce-4dc1-82ca-619337d7935c">
+           body
+          </span>
+         </div>
+         <div class="bg-white mb-1" id="e5239827-96e3-4d17-b2bd-19c8978c1db0">
+          <span id="d222970d-8c0b-4f47-8d7f-faceae06f6c2">
+           white
+          </span>
+         </div>
+         <div class="bg-transparent mb-1" id="c3cbb6e0-1fca-4285-8b70-51af85b4b41f">
+          <span id="02b2d825-d46c-449c-bd37-84b6b7065b5e">
+           transparent
+          </span>
+         </div>
+        </div>
+       </div>
+      </div>
+      <div class="mt-5" id="25d7b60d-ad7c-4d5d-b51b-87c3a41d1595">
+       <div class="d-flex justify-content-between" id="051342a5-4b7c-4226-9677-101f95dc7266">
+        <h4 id="26a9213f-2ad0-442d-8ab3-1f1c6fe92554">
+         Method
+         <span class="text-primary" id="4be16246-4d7b-4512-99eb-f263518d6f24">
           horizontal
          </span>
         </h4>
-        <div id="16437ffe-cb86-4986-b152-9544c50e4987">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#6d5c785e-2b84-4a70-a087-15b60e9bf2ea" data-bs-toggle="collapse" id="ba413b6a-385f-4b44-bb4c-e6b174afffed" onclick="return false;" type="button">
+        <div id="56a16dd6-315c-488c-877a-d9a0bf86a750">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#295bb086-c7c0-4547-952f-fbc03d974378" data-bs-toggle="collapse" id="e0986a0a-01a6-4080-967b-3900093a7c27" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="7a0a6446-f5f9-4dd7-ade4-f5ea4f4a2744">
+       <span class="text-muted" id="398a5b8e-f45f-4dad-9a26-92a22cbbce9e">
         Makes the panel with the horizontal arrangement of encapsulating
         elements
        </span>
-       <pre id="1ea760aa-88be-459f-9d38-dbdb47620a4b"><code class="python">horizontal()</code></pre>
-       <div class="ms-3 collapse" id="6d5c785e-2b84-4a70-a087-15b60e9bf2ea">
-        <h6 id="2eaa175a-9491-4405-9884-04afdbd8ea48">
+       <pre id="0ebc3347-f230-438b-a9c2-22cefb3f824c"><code class="python">horizontal()</code></pre>
+       <div class="ms-3 collapse" id="295bb086-c7c0-4547-952f-fbc03d974378">
+        <h6 id="80948983-4c39-4554-b730-b78cfc795b6b">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="c518e564-9c95-48db-b1a4-4d3c76293e2f">
+        <table class="table table-sm bg-light" id="0e1bb1e2-0ead-44d5-90d0-ad8adaf531bf">
          <thead>
           <tr>
            <th scope="col">
@@ -7074,13 +7471,13 @@ Panel(comp1, comp2, comp3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="6bc5131b-c84b-4a59-8e7d-d255916c61d0">
-        <h6 id="9142b415-1ab9-41a3-802f-2b31bcd0d3fc">
+       <div class="ms-3" id="c39d494c-58e7-4537-90b2-6edbf025dcf9">
+        <h6 id="9e61ddf5-27e6-4ca9-9b6e-1a83d336523b">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="636da31d-688a-4f27-b8c0-d47eb8f1ef48"><code class="python">from bootwrap import Text, Panel
+        <pre id="1d8d5123-7ed3-4d08-9693-d9bfd09e64f5"><code class="python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").add_classes("border")
 comp2 = Text("Component 2").add_classes("border")
@@ -7089,21 +7486,21 @@ comp3 = Text("Component 3").add_classes("border")
 Panel(comp1, comp2, comp3).horizontal()
 </code></pre>
        </div>
-       <div class="ms-3" id="433810f7-45e2-4507-9c47-de52775c362e">
-        <div id="ebf5cae9-dc1d-4341-82f1-678082f6310c">
+       <div class="ms-3" id="3ee0c90e-4833-4edd-8788-d90a0ab683ec">
+        <div id="7ed23cdb-2486-4412-a09b-3f02a8cf02b9">
          <div class="row">
           <div class="col-md">
-           <span class="border" id="311873f0-f6a2-4709-a089-1a48dc94c459">
+           <span class="border" id="cf8e70ef-e149-45c7-bf23-fa6b08bd19d0">
             Component 1
            </span>
           </div>
           <div class="col-md">
-           <span class="border" id="7c1ac66c-b86f-49f8-a419-24aca1f4db17">
+           <span class="border" id="22ec645d-b1bd-4275-b45d-870bbca6869a">
             Component 2
            </span>
           </div>
           <div class="col-md">
-           <span class="border" id="fe4add79-6a8b-4e76-8fe4-67c3596bad5f">
+           <span class="border" id="e59afffd-cfb4-4165-b10e-8dad7c2be387">
             Component 3
            </span>
           </div>
@@ -7111,34 +7508,34 @@ Panel(comp1, comp2, comp3).horizontal()
         </div>
        </div>
       </div>
-      <div class="mt-5" id="5f845cb9-6750-4111-b7ca-e42e801ec7aa">
-       <div class="d-flex justify-content-between" id="910fbe09-4383-4a54-a52d-4fd475c6adfc">
-        <h4 id="e575342c-5bff-43fc-a765-56b4d13e07ec">
+      <div class="mt-5" id="482120f8-b4fc-4e68-a460-d17600c9d432">
+       <div class="d-flex justify-content-between" id="94491616-dc3f-4ba5-80f4-df145a79b5e0">
+        <h4 id="975d4f7c-95d1-4a3d-82f4-48fec8313a56">
          Method
-         <span class="text-primary" id="0c236080-6f81-48fe-859e-1ffc7d0df688">
+         <span class="text-primary" id="840f5c02-f938-4bf4-b17a-7b9eed4c02bb">
           justify_content
          </span>
         </h4>
-        <div id="ec54820e-0430-4986-adce-696b5b90467b">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#157c54ce-1e46-4e30-8839-d36b07f064c0" data-bs-toggle="collapse" id="e0b73731-9f72-4196-9a3c-a38d3232488b" onclick="return false;" type="button">
+        <div id="8d659f5e-3e9c-44b4-9272-485f7302896b">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#45e4f94d-aae9-420e-ab35-2c0d803bbcd5" data-bs-toggle="collapse" id="fc268441-d4d2-452f-adf5-2473553d2a02" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f7966ca2-16fc-40f2-aeb5-c765126c523d" data-bs-toggle="collapse" id="fd644ba9-237f-419d-a11c-ea17f64be2f1" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e607c985-33dc-49ba-b95d-ff2e6046dce6" data-bs-toggle="collapse" id="27e0df89-f79b-4347-b502-f30f29e6a296" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="46387ccf-3d93-4146-b029-4c7466f82de0">
+       <span class="text-muted" id="e6bee104-cca1-40c1-a6a7-78b48d594cec">
         Justifies panel content.
        </span>
-       <pre id="d2f03aa5-a720-47ad-be7a-544c2394e47e"><code class="python">justify_content(style)</code></pre>
-       <div class="ms-3 collapse" id="157c54ce-1e46-4e30-8839-d36b07f064c0">
-        <h6 id="5dea35c0-32d1-4227-ab77-6ad5edd370b8">
+       <pre id="ae15f8d0-930b-423d-972f-ca000881e397"><code class="python">justify_content(style)</code></pre>
+       <div class="ms-3 collapse" id="45e4f94d-aae9-420e-ab35-2c0d803bbcd5">
+        <h6 id="a880567e-e491-4cbc-a35e-a64c7377bed9">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="9a90fde1-1343-4c45-90ed-9b19f94059ae">
+        <table class="table table-sm bg-light" id="2aaf85b3-bf84-411b-ad66-5860ef83261c">
          <thead>
           <tr>
            <th scope="col">
@@ -7165,19 +7562,20 @@ Panel(comp1, comp2, comp3).horizontal()
             </code>
            </td>
            <td>
-            The style for justifying content.
+            The style for justifying content can be one of "start",
+                "end", "center", "between", "around", "evenly".
            </td>
           </tr>
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="f7966ca2-16fc-40f2-aeb5-c765126c523d">
-        <h6 id="07ad3098-a37e-48bc-bee9-3abb7e4f8018">
+       <div class="ms-3 collapse" id="e607c985-33dc-49ba-b95d-ff2e6046dce6">
+        <h6 id="bfea9cb3-c022-45d4-a4da-8aeb44e7b555">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="5243d8a6-d26b-43cf-9962-b8848beb3be8">
+        <table class="table table-sm bg-light" id="02532dff-995f-4458-bab4-dbe3a88c51c3">
          <thead>
           <tr>
            <th scope="col">
@@ -7210,24 +7608,24 @@ Panel(comp1, comp2, comp3).horizontal()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="6b48478e-c11d-48e4-b426-ebb3a36d52d9">
-        <h6 id="ab0b3141-30eb-4aae-a0a6-9fea5571c118">
+       <div class="ms-3" id="530bac80-5a57-47d0-976e-20bfaac5965a">
+        <h6 id="03d613ed-7ed2-4bde-b51e-8fb76b684bda">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="dc82e462-f3ff-47a4-91e0-1d376a11ab57"><code class="python">from bootwrap import Text, Panel
+        <pre id="bf804cfe-7329-4e50-aab3-2f470782a083"><code class="python">from bootwrap import Text, Panel
 
-comp1 = Text("Component 1").add_classes("border")
-comp2 = Text("Component 2").add_classes("border")
-comp3 = Text("Component 3").add_classes("border")
+comp1 = Text("Component 1").as_light().add_classes("border").p(2).m(2)
+comp2 = Text("Component 2").as_light().add_classes("border").p(2).m(2)
+comp3 = Text("Component 3").as_light().add_classes("border").p(2).m(2)
 
-pnl_start = Panel(comp1, comp2, comp3).justify_content("start")
-pnl_end = Panel(comp1, comp2, comp3).justify_content("end")
-pnl_center = Panel(comp1, comp2, comp3).justify_content("center")
-pnl_between = Panel(comp1, comp2, comp3).justify_content("between")
-pnl_around = Panel(comp1, comp2, comp3).justify_content("around")
-pnl_evenly = Panel(comp1, comp2, comp3).justify_content("evenly")
+pnl_start = Panel(comp1, comp2, comp3).background("dark").justify_content("start").mt(1)
+pnl_end = Panel(comp1, comp2, comp3).background("dark").justify_content("end").mt(1)
+pnl_center = Panel(comp1, comp2, comp3).background("dark").justify_content("center").mt(1)
+pnl_between = Panel(comp1, comp2, comp3).background("dark").justify_content("between").mt(1)
+pnl_around = Panel(comp1, comp2, comp3).background("dark").justify_content("around").mt(1)
+pnl_evenly = Panel(comp1, comp2, comp3).background("dark").justify_content("evenly").mt(1)
 
 Panel(
     pnl_start,
@@ -7239,18 +7637,18 @@ Panel(
 ).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="61cce98c-0983-4f7e-9e49-bdf6a3eb799a">
-        <div id="ce76da76-1b48-43c9-b8dc-9cfe909d31e2">
+       <div class="ms-3" id="c62de92f-e101-4cc6-afc6-5c83fec6883e">
+        <div id="a5bd1cb8-ff01-4943-ab61-23ad43b957b8">
          <div class="row">
           <div class="col-md">
-           <div class="d-flex justify-content-start" id="d9bc3693-7f3c-4c0b-9c44-af8cb874805a">
-            <span class="border" id="321d4029-3491-4642-a03b-dcc04ec0cc55">
+           <div class="bg-dark d-flex justify-content-start mt-1" id="96274f22-76e5-4b32-9c10-ffe2f5cbcd9e">
+            <span class="text-light border p-2 m-2" id="a938a9c3-277e-45ad-a2f3-19fc04e5d50d">
              Component 1
             </span>
-            <span class="border" id="e96930a9-2c33-4cd1-9e35-cd5fb793d889">
+            <span class="text-light border p-2 m-2" id="0ea595c7-7587-4b24-8cbf-d691bd89874d">
              Component 2
             </span>
-            <span class="border" id="e232500c-bfe4-4599-8d56-73d11a865355">
+            <span class="text-light border p-2 m-2" id="c9ff6c80-5db6-4994-87eb-eddd12f30dbd">
              Component 3
             </span>
            </div>
@@ -7258,14 +7656,14 @@ Panel(
          </div>
          <div class="row">
           <div class="col-md">
-           <div class="d-flex justify-content-end" id="4c47ac40-e501-43cb-b083-87a43e54402b">
-            <span class="border" id="321d4029-3491-4642-a03b-dcc04ec0cc55">
+           <div class="bg-dark d-flex justify-content-end mt-1" id="330ccaf2-d9aa-4017-89bd-58681ca1ff42">
+            <span class="text-light border p-2 m-2" id="a938a9c3-277e-45ad-a2f3-19fc04e5d50d">
              Component 1
             </span>
-            <span class="border" id="e96930a9-2c33-4cd1-9e35-cd5fb793d889">
+            <span class="text-light border p-2 m-2" id="0ea595c7-7587-4b24-8cbf-d691bd89874d">
              Component 2
             </span>
-            <span class="border" id="e232500c-bfe4-4599-8d56-73d11a865355">
+            <span class="text-light border p-2 m-2" id="c9ff6c80-5db6-4994-87eb-eddd12f30dbd">
              Component 3
             </span>
            </div>
@@ -7273,14 +7671,14 @@ Panel(
          </div>
          <div class="row">
           <div class="col-md">
-           <div class="d-flex justify-content-center" id="4629b966-94f5-489a-ad38-e8d6e7d39050">
-            <span class="border" id="321d4029-3491-4642-a03b-dcc04ec0cc55">
+           <div class="bg-dark d-flex justify-content-center mt-1" id="b46e0bef-e6f5-4122-abc4-55ca05b7d678">
+            <span class="text-light border p-2 m-2" id="a938a9c3-277e-45ad-a2f3-19fc04e5d50d">
              Component 1
             </span>
-            <span class="border" id="e96930a9-2c33-4cd1-9e35-cd5fb793d889">
+            <span class="text-light border p-2 m-2" id="0ea595c7-7587-4b24-8cbf-d691bd89874d">
              Component 2
             </span>
-            <span class="border" id="e232500c-bfe4-4599-8d56-73d11a865355">
+            <span class="text-light border p-2 m-2" id="c9ff6c80-5db6-4994-87eb-eddd12f30dbd">
              Component 3
             </span>
            </div>
@@ -7288,14 +7686,14 @@ Panel(
          </div>
          <div class="row">
           <div class="col-md">
-           <div class="d-flex justify-content-between" id="d308bd65-5680-4f63-a007-c16899cab1f4">
-            <span class="border" id="321d4029-3491-4642-a03b-dcc04ec0cc55">
+           <div class="bg-dark d-flex justify-content-between mt-1" id="9cf942f8-a9b7-4988-866a-b28d185af687">
+            <span class="text-light border p-2 m-2" id="a938a9c3-277e-45ad-a2f3-19fc04e5d50d">
              Component 1
             </span>
-            <span class="border" id="e96930a9-2c33-4cd1-9e35-cd5fb793d889">
+            <span class="text-light border p-2 m-2" id="0ea595c7-7587-4b24-8cbf-d691bd89874d">
              Component 2
             </span>
-            <span class="border" id="e232500c-bfe4-4599-8d56-73d11a865355">
+            <span class="text-light border p-2 m-2" id="c9ff6c80-5db6-4994-87eb-eddd12f30dbd">
              Component 3
             </span>
            </div>
@@ -7303,14 +7701,14 @@ Panel(
          </div>
          <div class="row">
           <div class="col-md">
-           <div class="d-flex justify-content-around" id="fa2e5e21-aa9a-4273-ac0f-fa507bc55356">
-            <span class="border" id="321d4029-3491-4642-a03b-dcc04ec0cc55">
+           <div class="bg-dark d-flex justify-content-around mt-1" id="3a62fe4c-2609-4545-8ba4-8ab3bd57ad33">
+            <span class="text-light border p-2 m-2" id="a938a9c3-277e-45ad-a2f3-19fc04e5d50d">
              Component 1
             </span>
-            <span class="border" id="e96930a9-2c33-4cd1-9e35-cd5fb793d889">
+            <span class="text-light border p-2 m-2" id="0ea595c7-7587-4b24-8cbf-d691bd89874d">
              Component 2
             </span>
-            <span class="border" id="e232500c-bfe4-4599-8d56-73d11a865355">
+            <span class="text-light border p-2 m-2" id="c9ff6c80-5db6-4994-87eb-eddd12f30dbd">
              Component 3
             </span>
            </div>
@@ -7318,14 +7716,14 @@ Panel(
          </div>
          <div class="row">
           <div class="col-md">
-           <div class="d-flex justify-content-evenly" id="4befba21-8412-4f03-b1da-177ec2671368">
-            <span class="border" id="321d4029-3491-4642-a03b-dcc04ec0cc55">
+           <div class="bg-dark d-flex justify-content-evenly mt-1" id="68ba439d-8ac1-4c27-be4d-5a1bba6fd6ef">
+            <span class="text-light border p-2 m-2" id="a938a9c3-277e-45ad-a2f3-19fc04e5d50d">
              Component 1
             </span>
-            <span class="border" id="e96930a9-2c33-4cd1-9e35-cd5fb793d889">
+            <span class="text-light border p-2 m-2" id="0ea595c7-7587-4b24-8cbf-d691bd89874d">
              Component 2
             </span>
-            <span class="border" id="e232500c-bfe4-4599-8d56-73d11a865355">
+            <span class="text-light border p-2 m-2" id="c9ff6c80-5db6-4994-87eb-eddd12f30dbd">
              Component 3
             </span>
            </div>
@@ -7334,32 +7732,32 @@ Panel(
         </div>
        </div>
       </div>
-      <div class="mt-5" id="f267d571-512a-4dab-b220-6138181d57fa">
-       <div class="d-flex justify-content-between" id="e307771d-40e7-4d45-a576-1930b25db335">
-        <h4 id="957e93eb-07a5-48b3-b289-c9d54e77c644">
+      <div class="mt-5" id="38f0812d-e260-41cd-8c4b-d585aa4b3c02">
+       <div class="d-flex justify-content-between" id="bf9ac782-d611-459e-b204-065218ec0011">
+        <h4 id="518e016f-0bc1-4ced-a0e5-eb29ca54d51c">
          Method
-         <span class="text-primary" id="26f12b96-b35b-4039-9658-4ff1dd9512eb">
+         <span class="text-primary" id="965813f5-1a63-449f-aace-edd0491bc8c8">
           vertical
          </span>
         </h4>
-        <div id="20857262-8835-4cb1-b446-b83557f439a8">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#20de9dfa-1ba4-4637-93a1-a4e6046cebd1" data-bs-toggle="collapse" id="b7fc9530-6cf8-4cad-aa79-82cc55e9fd49" onclick="return false;" type="button">
+        <div id="906858aa-a5da-46fd-bee2-9b1fc289fe43">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#255ebc86-01d9-4d10-a900-3c6fdd024dc9" data-bs-toggle="collapse" id="9e33dca3-32e0-42ce-aaf0-b7fc2a48eabe" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c06a47af-75e0-4b27-b2f0-ff9194ac9690">
+       <span class="text-muted" id="93b17aa8-3660-4d16-90a5-be4fe8af2728">
         Makes the panel with the vertical arrangement of encapsulating
         elements
        </span>
-       <pre id="738f7ca3-f963-4072-9aec-1a27deb070d1"><code class="python">vertical()</code></pre>
-       <div class="ms-3 collapse" id="20de9dfa-1ba4-4637-93a1-a4e6046cebd1">
-        <h6 id="704c8f59-9b87-49b2-b80b-2d95bf79f97d">
+       <pre id="8d46a1ba-3898-4e3e-a15b-4f32be05bdb3"><code class="python">vertical()</code></pre>
+       <div class="ms-3 collapse" id="255ebc86-01d9-4d10-a900-3c6fdd024dc9">
+        <h6 id="76a3c60d-82b2-444a-9775-f4429ab1bc72">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="6f093aa7-7073-4887-807c-1b688a7feee1">
+        <table class="table table-sm bg-light" id="37a8bdc2-1a11-4cd4-a57d-2eaebd3d3044">
          <thead>
           <tr>
            <th scope="col">
@@ -7392,13 +7790,13 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="a4e797e1-5e2a-41b3-9d74-7f7fbe331c33">
-        <h6 id="7ead5c16-6218-4a9f-8d72-3352250289b4">
+       <div class="ms-3" id="7074f12d-1b79-465a-b8f9-449307e2b971">
+        <h6 id="f2ff43af-0eb0-4f99-9acb-5a77cade9922">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="b17bee5e-4fd0-4638-95ad-4db37be20e8e"><code class="python">from bootwrap import Text, Panel
+        <pre id="d0d1b7fd-5337-4cc8-9e67-99e3198a8e19"><code class="python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").add_classes("border")
 comp2 = Text("Component 2").add_classes("border")
@@ -7407,25 +7805,25 @@ comp3 = Text("Component 3").add_classes("border")
 Panel(comp1, comp2, comp3).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="4fca8c2f-83f5-4deb-a191-7a53d24959bb">
-        <div id="645e33c4-513c-4f79-8df2-3e22305dc621">
+       <div class="ms-3" id="7a3073d9-e495-49f2-8f73-c79955077191">
+        <div id="56643f84-d4f5-48b1-878c-0032ae94c65b">
          <div class="row">
           <div class="col-md">
-           <span class="border" id="e0731c2b-5d28-4018-9439-0a7d2428c85c">
+           <span class="border" id="d3e40e75-b343-4f30-8ef4-6729038cc0a6">
             Component 1
            </span>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <span class="border" id="d7c02367-62fd-4110-8cae-52b4d136d81b">
+           <span class="border" id="7fc387e6-a44e-42a8-b04f-60a41cd74898">
             Component 2
            </span>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <span class="border" id="96f5a3ea-9de6-40c7-a367-a0ef9c1df06d">
+           <span class="border" id="0e35bc06-cce6-41b9-abf5-ed053d372a8f">
             Component 3
            </span>
           </div>
@@ -7435,29 +7833,29 @@ Panel(comp1, comp2, comp3).vertical()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="d7ed3e01-9b22-4817-93f6-740ac841cd0c">
-     <div class="mt-5" id="842fd59d-2eec-4d07-8c63-e24789b07200">
-      <div class="d-flex justify-content-between" id="012ac1ad-cd56-46c0-b6c9-b07326f5a8ff">
-       <h1 id="f7471947-a084-4cd7-9246-3e32dd2540ff">
+    <div class="tab-pane fade" id="65cac881-efc1-4709-90c3-a2769a47c69a">
+     <div class="mt-5" id="9b43b928-a92e-4155-9bd8-93a0aa5430af">
+      <div class="d-flex justify-content-between" id="8fc8a11e-5c5d-4ff1-aa3c-448c6631138c">
+       <h1 id="11da88cd-0537-4a2d-84bb-32a054853e0a">
         Class
-        <span class="text-primary" id="0c317118-5f9e-445b-96bf-ff05d2a30270">
+        <span class="text-primary" id="536a8c52-828a-4310-8d8d-9839f419fb47">
          Separator
         </span>
        </h1>
-       <div id="41861b8c-785b-44ca-9251-7dacd2846e0e">
+       <div id="30ad8d92-3c86-4506-b531-e640ddd3f043">
        </div>
       </div>
-      <span class="text-muted" id="40ea9a81-6fe9-4c52-9e3d-224301baafb6">
+      <span class="text-muted" id="43124e55-9fbb-4f74-b230-1da3142883ab">
        A horizontal line separator.
       </span>
-      <pre id="849ae5f3-8a3c-44c8-a149-0b419a7958cc"><code class="python">Separator()</code></pre>
-      <div class="ms-3" id="ce8c3a19-110c-4dfc-b47d-cb4982331218">
-       <h6 id="e72fc612-14ea-40dd-8238-0355effc2e43">
+      <pre id="57220bfe-dbaf-4b08-b698-e1f23009b0f9"><code class="python">Separator()</code></pre>
+      <div class="ms-3" id="3d82eaa9-8505-483b-baf7-f301ae22b96c">
+       <h6 id="d2f0b158-37dc-4396-8f6b-24d65c9a2bb0">
         <strong>
          Example
         </strong>
        </h6>
-       <pre id="c19039d9-0163-4ea4-9056-0904ee6db5d2"><code class="python">from bootwrap import Panel, Separator, Text
+       <pre id="b9af1f18-a66a-4fd4-ad35-03275aa435b5"><code class="python">from bootwrap import Panel, Separator, Text
 
 Panel(
     Text("Top Text"),
@@ -7466,72 +7864,72 @@ Panel(
 )
 </code></pre>
       </div>
-      <div class="ms-3" id="62e49f32-8480-47f0-87cc-1d6addfdcb0e">
-       <div id="36807ea3-8ded-4b8c-96fc-9eff91909bf6">
-        <span id="f91f1d5e-ce68-486a-853d-aded1483030c">
+      <div class="ms-3" id="f62cb1c2-2cda-4981-a8f5-226232c790bb">
+       <div id="9cbdfa00-238f-49fa-9819-2f8d88beee2c">
+        <span id="5f048de9-2415-42be-b00d-e0e5b7976d83">
          Top Text
         </span>
         <hr/>
-        <span id="1176e947-05b8-46ee-8fa1-3bfa439b664b">
+        <span id="9a9edd27-be44-4ef9-8f74-1a509b587137">
          Bottom Text
         </span>
        </div>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="9d7da16b-b26e-4f9e-8d7f-c85e872f1ee0">
-     <div id="4ead031f-a041-4b84-bc6e-1a856ff4e2c2">
+    <div class="tab-pane fade" id="5b0c1454-fc12-42e1-bfc1-4ba204dcfd2c">
+     <div id="8b4981a9-4a9f-48b4-83d6-3b4ef3d6923d">
       <hr/>
-      <ul class="nav" id="47f6bdfb-4343-49be-bb2d-cc13ad11c38d" role="tablist">
+      <ul class="nav" id="df907af8-2a3b-450c-9398-ce2493ee2138" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#669e36d0-c255-4135-a63f-92bf9c1c69c3" data-bs-toggle="tab" href="#669e36d0-c255-4135-a63f-92bf9c1c69c3" id="f4f2f654-035e-44fe-8cfb-6330720d3b21" role="tab">
-         <span class="text-secondary" id="0df19d05-cd0c-46df-8660-482c13618d50">
+        <a class="nav-link active" data-bs-target="#be81a86a-3219-4a2b-b83b-f6bce25c28a8" data-bs-toggle="tab" href="#be81a86a-3219-4a2b-b83b-f6bce25c28a8" id="9423fe15-df3d-41a4-8e53-3baf6008dbd1" role="tab">
+         <span class="text-secondary" id="aaec4178-56ba-4eed-9563-03f0fc4bc8c3">
           Table
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9376589e-3037-484c-80fb-d7729e92278b" data-bs-toggle="tab" href="#9376589e-3037-484c-80fb-d7729e92278b" id="07d80b66-f417-489d-8394-a6331fd1198d" role="tab">
-         <span class="text-secondary" id="82b9fc06-cae3-4b6f-837a-bf0474637339">
+        <a class="nav-link" data-bs-target="#1ab2e0f7-7d66-4ba1-9e02-457e8c04ee39" data-bs-toggle="tab" href="#1ab2e0f7-7d66-4ba1-9e02-457e8c04ee39" id="8ce5319b-45e9-4139-8519-8ac87723b464" role="tab">
+         <span class="text-secondary" id="2e96a1e7-d8ba-4d0e-9f00-0cf572af361b">
           Table.Head
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#a25e330a-64e9-4f2d-8e27-0c1d3e684959" data-bs-toggle="tab" href="#a25e330a-64e9-4f2d-8e27-0c1d3e684959" id="99f1b0d1-25ee-42a3-a55d-7b5dc47787b1" role="tab">
-         <span class="text-secondary" id="f8588d1c-ad0b-465d-bb7e-251b0d6523a1">
+        <a class="nav-link" data-bs-target="#c0a7baab-f43f-4897-bacd-0d1dc390ce4b" data-bs-toggle="tab" href="#c0a7baab-f43f-4897-bacd-0d1dc390ce4b" id="ad2431b6-af1e-43fe-a635-736897752d84" role="tab">
+         <span class="text-secondary" id="c19b1ca8-1a10-4212-8c68-0e87fe9ef9a7">
           Table.Body
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="669e36d0-c255-4135-a63f-92bf9c1c69c3">
-        <div class="mt-5" id="4b59c2c9-0fcf-4be5-9825-7234f87a12ac">
-         <div class="d-flex justify-content-between" id="aa38ce87-a860-4d81-aa4f-a4f8141026d9">
-          <h1 id="31793e04-9cf2-4358-8696-4e0b6ddd74a1">
+       <div class="tab-pane fade active show" id="be81a86a-3219-4a2b-b83b-f6bce25c28a8">
+        <div class="mt-5" id="5468d4cb-f986-42f8-8e2d-7a480e6e6e87">
+         <div class="d-flex justify-content-between" id="94846232-e676-4f60-a2de-ae94f9b17a79">
+          <h1 id="4bc72bab-d248-4d46-adf4-0ee4d434881d">
            Class
-           <span class="text-primary" id="50651d25-3803-4207-8cfe-5756642d4b4a">
+           <span class="text-primary" id="59fb8867-5f21-49e4-9447-58b8c9678d2c">
             Table
            </span>
           </h1>
-          <div id="1a5872ab-d5b0-4b0f-9d23-deebcc20e854">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1151fa21-0f8b-484c-9a10-0cdf93b60857" data-bs-toggle="collapse" id="e70bad0c-b035-4c0b-9146-de5abeb3af5e" onclick="return false;" type="button">
+          <div id="78e51e2d-e106-4f25-b56a-2d734771368f">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f84c786f-451d-4421-89a8-2264dbaca733" data-bs-toggle="collapse" id="0ce845a8-885f-4312-8756-9a4c1987a001" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="12e77601-315f-4e0c-9639-cdc9060dedf4">
+         <span class="text-muted" id="cf83a5c8-aac5-4f4b-a6fd-3d97e99d876a">
           A web component for a table.
          </span>
-         <pre id="a584854d-8b2d-45b8-8b22-26ba18ac1898"><code class="python">Table(head, body)</code></pre>
-         <div class="ms-3 collapse" id="1151fa21-0f8b-484c-9a10-0cdf93b60857">
-          <h6 id="783874b2-e49e-4054-855c-eac4c480f8ca">
+         <pre id="ed7f2661-d549-410f-aadb-4f54256b6d77"><code class="python">Table(head, body)</code></pre>
+         <div class="ms-3 collapse" id="f84c786f-451d-4421-89a8-2264dbaca733">
+          <h6 id="bb406333-c80c-42de-8b63-358cd2238a46">
            <strong>
             Arguments
            </strong>
           </h6>
-          <table class="table table-sm bg-light" id="ae4ca905-ef15-4980-b254-732876e9840e">
+          <table class="table table-sm bg-light" id="ef2d1c2b-36f3-4b57-a772-feb2cdbb9e7d">
            <thead>
             <tr>
              <th scope="col">
@@ -7579,13 +7977,13 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="af715e77-a609-4ccf-b9f0-e435de3e08a2">
-          <h6 id="05fc2451-9bb5-498b-a826-e586914bd7f7">
+         <div class="ms-3" id="9beeea49-87cd-4769-9417-68ee216804fb">
+          <h6 id="3fe6d11d-aa75-4d43-b789-32a854bb76fa">
            <strong>
             Example
            </strong>
           </h6>
-          <pre id="0d66727d-f2d9-4e4c-bce6-0d9026073a8c"><code class="python">from bootwrap import Table
+          <pre id="6f9b8b7d-0269-4bb9-a4e9-669a6f12f886"><code class="python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -7597,8 +7995,8 @@ Table(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="c16bcb9d-bdd6-43c3-ad58-ddfccea9db74">
-          <table class="table" id="261f987a-5285-4485-8560-33c14bf13235">
+         <div class="ms-3" id="f0754ed9-3ab9-4129-9510-0db9562bf664">
+          <table class="table" id="74f1bdee-1608-4df3-a17e-63cce36edada">
            <thead>
             <tr>
              <th scope="col">
@@ -7649,53 +8047,53 @@ Table(
            </tbody>
           </table>
          </div>
-         <div class="mt-5" id="4b9c578d-6112-406a-a0f8-a168d64b266b">
-          <h4 id="d1bbb20f-0bcf-4d59-b8e9-f19f4f339f6b">
+         <div class="mt-5" id="b1e081b9-aaa4-4d94-9a5e-c861227ed67a">
+          <h4 id="34a3c6b9-ed85-432d-bade-fb38f131b1c8">
            Property
-           <span class="text-primary" id="2459aa40-5516-467d-adf9-44adde618c25">
+           <span class="text-primary" id="1bd790e7-9fc2-4b53-8119-432825bb7b78">
             body
            </span>
           </h4>
-          <span class="text-muted" id="d044fd93-f146-4c37-bf1a-8302c8cd78db">
+          <span class="text-muted" id="4eb28b6b-2159-43d6-8e45-3d6f32b1fd98">
            The table body.
           </span>
          </div>
-         <div class="mt-5" id="6d324784-b4b3-4a14-87a5-7a3b8d1ce945">
-          <h4 id="143e1cbc-ab2a-49a9-b078-8467c5b8cd05">
+         <div class="mt-5" id="2f5e82c2-1f36-42ea-930f-69e3ecc1d1ca">
+          <h4 id="4d16acd6-709d-46d8-8174-786e3572c4de">
            Property
-           <span class="text-primary" id="26b9a593-1114-4e5a-9ad5-713277577305">
+           <span class="text-primary" id="0b472112-b69c-4b7a-a60f-53d8a5e09fcd">
             head
            </span>
           </h4>
-          <span class="text-muted" id="61690021-58e9-4850-ac43-97d0df6c63ca">
+          <span class="text-muted" id="89de532b-2144-4365-bd9f-2577e68a4326">
            The table head.
           </span>
          </div>
-         <div class="mt-5" id="3d0f3e7f-7e1f-4543-bacc-9b27f9635f92">
-          <div class="d-flex justify-content-between" id="a934227a-a8d5-4c62-8538-4d8c242195f9">
-           <h4 id="6f50b019-95ff-432b-b952-97f9422bd7c7">
+         <div class="mt-5" id="189345b6-9fb9-43c3-8104-45ae882b53f4">
+          <div class="d-flex justify-content-between" id="b5d9058f-9364-4388-b012-de12e89f9c0c">
+           <h4 id="41617892-0964-470d-b65d-f8b228525ba9">
             Method
-            <span class="text-primary" id="1d5d2d7e-eb67-4e63-b694-2a8541851fb6">
+            <span class="text-primary" id="725eb56b-0959-48fa-871b-f5031b046e71">
              as_bordered
             </span>
            </h4>
-           <div id="60773ff0-6b08-4c73-9046-6c0da42fee32">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#8fd2f712-b9a8-4363-bce9-03c466b262d7" data-bs-toggle="collapse" id="72b9229d-127a-4faf-adc0-d496457ff806" onclick="return false;" type="button">
+           <div id="e4e06542-856b-4fd8-bf14-688a94c8a591">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#884c53b5-11a3-42bb-98f9-af612da9cfee" data-bs-toggle="collapse" id="de08f855-40cc-4890-a525-19b1f68e9ce2" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="d8924349-9911-40e2-93ca-6622ad092d40">
+          <span class="text-muted" id="6147ce6d-267c-41dc-804a-73f2b6a311d5">
            Adds borders on all sides of the table and cells.
           </span>
-          <pre id="2fb05732-b882-4099-bcdb-24cd5620c848"><code class="python">as_bordered()</code></pre>
-          <div class="ms-3 collapse" id="8fd2f712-b9a8-4363-bce9-03c466b262d7">
-           <h6 id="0849f5e1-aef1-4d70-93dc-af968db1503b">
+          <pre id="caae4a30-dce8-4fc3-bd15-80e24d3b0970"><code class="python">as_bordered()</code></pre>
+          <div class="ms-3 collapse" id="884c53b5-11a3-42bb-98f9-af612da9cfee">
+           <h6 id="42363620-d0de-423a-a098-dfc8ba77b9f7">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="5cd54e0d-af52-4678-8174-297b6221a56c">
+           <table class="table table-sm bg-light" id="e631ae2c-ac91-4343-b305-221f6cc72093">
             <thead>
              <tr>
               <th scope="col">
@@ -7728,13 +8126,13 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="d372d3f5-debc-4c36-8527-1d589630b433">
-           <h6 id="8d652edb-1bff-41ea-8df1-748200b008a9">
+          <div class="ms-3" id="135121a4-cbd1-47a1-9d20-29af4f9de9b4">
+           <h6 id="ec2f981d-58ff-48c4-8088-bcfce7b89cac">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="b884712f-d9fa-45d5-9b80-41bc1f63064d"><code class="python">from bootwrap import Table
+           <pre id="901af152-460a-49ff-a0fb-f617f693ec31"><code class="python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -7746,8 +8144,8 @@ Table(
 ).as_bordered()
 </code></pre>
           </div>
-          <div class="ms-3" id="d1d6c803-774c-4013-8d7d-8fa81edac62f">
-           <table class="table table-bordered" id="9144599a-e58c-4e04-9255-f7d80e41ca9e">
+          <div class="ms-3" id="28c808fd-6158-418b-a8e4-65737d8d3d06">
+           <table class="table table-bordered" id="a8048e37-0a6b-4b3d-8fe9-49b02d8d215d">
             <thead>
              <tr>
               <th scope="col">
@@ -7799,31 +8197,31 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="b2cc90a8-f39d-4d38-bae0-b85fc6680bcb">
-          <div class="d-flex justify-content-between" id="016fa41f-47ff-405e-929e-62e6d617951c">
-           <h4 id="06facd32-e25d-46dd-a181-53a5f995517a">
+         <div class="mt-5" id="de070b95-0728-4c22-bd6e-e933796f1529">
+          <div class="d-flex justify-content-between" id="2634bbf2-b815-4a3f-a334-6018364a6082">
+           <h4 id="61d030b8-0fa8-4ac5-a87c-957630b12934">
             Method
-            <span class="text-primary" id="6ff882cc-ecad-4b0f-843f-95362a4ecb8a">
+            <span class="text-primary" id="b55df8f6-a566-47e4-ad3a-cac4811bca12">
              as_dark
             </span>
            </h4>
-           <div id="ad0f1a50-8764-4ecc-9ccb-e01487037044">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c028b7e4-bc01-40a5-877d-23fdd244eb3b" data-bs-toggle="collapse" id="daa62387-0a53-4ed4-8d17-2e98309c59cc" onclick="return false;" type="button">
+           <div id="968536be-1354-4732-bf9e-f0c93383de43">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#acb520a3-32df-4a2c-a69d-1e2d7fbbf6f7" data-bs-toggle="collapse" id="c1c5894f-cda1-4be1-8d7e-d95098942e4c" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="45852ac4-4f70-446a-a576-5f57c7faf4c6">
+          <span class="text-muted" id="b992f803-78d8-4ac1-9763-4e4d6734cbd8">
            Inverts the colors—with light text on dark backgrounds.
           </span>
-          <pre id="74cabf9c-ee09-4d7a-84fe-c2ae5398d026"><code class="python">as_dark()</code></pre>
-          <div class="ms-3 collapse" id="c028b7e4-bc01-40a5-877d-23fdd244eb3b">
-           <h6 id="1f611b6b-2d90-409e-9029-b5f680289213">
+          <pre id="33bf4833-8504-4b13-8849-ace3d8d31ba5"><code class="python">as_dark()</code></pre>
+          <div class="ms-3 collapse" id="acb520a3-32df-4a2c-a69d-1e2d7fbbf6f7">
+           <h6 id="970be870-8682-473e-9a20-1edb19e2e1f9">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="b482b33f-b38e-4213-9072-b248dfdf1589">
+           <table class="table table-sm bg-light" id="396e0771-a085-4f28-aba0-2b41b186eb66">
             <thead>
              <tr>
               <th scope="col">
@@ -7856,13 +8254,13 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="3540563a-dfdc-43d3-99c3-ddc77f1f0482">
-           <h6 id="6d2fb076-445f-4b31-b897-b6f3b7f5c170">
+          <div class="ms-3" id="efe7cf0a-2c90-475a-beb0-aacbc17fcaf3">
+           <h6 id="f7815516-6eb8-4deb-b4c3-e3eebba212dc">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="cf30b556-776c-4c43-812f-c83ede0ec7cb"><code class="python">from bootwrap import Table
+           <pre id="f9cc6626-1846-4f9f-98ae-0888f7ef3ac0"><code class="python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -7874,8 +8272,8 @@ Table(
 ).as_dark()
 </code></pre>
           </div>
-          <div class="ms-3" id="149d6457-fc34-4b49-9ee5-d07ac5481c46">
-           <table class="table table-dark" id="191fd1ab-198c-4969-ace1-6b5cfaebca32">
+          <div class="ms-3" id="659e32a6-e123-4ab5-ae45-deb0b2866419">
+           <table class="table table-dark" id="f16a3a7f-da45-452c-b5c9-5a87398d032b">
             <thead>
              <tr>
               <th scope="col">
@@ -7927,34 +8325,34 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="a870c878-74b5-4b1b-85c1-e36b1b44ae53">
-          <div class="d-flex justify-content-between" id="754689a5-bbce-488e-b320-78fbb56e1e82">
-           <h4 id="b0966de9-e2e3-4ebc-9b3e-714487473dd3">
+         <div class="mt-5" id="c2b6e1e3-63f5-4ae2-aa25-b4848ab53c93">
+          <div class="d-flex justify-content-between" id="98b6eda9-f832-467d-b833-2c163e000e1b">
+           <h4 id="d1af6a91-c8a1-499d-97c4-8e1fe7e23f55">
             Method
-            <span class="text-primary" id="e35ce746-3031-4a0a-bdc4-0c7f33aa707a">
+            <span class="text-primary" id="b5b5a3bb-08ed-4233-b951-4a84d7df49ca">
              as_responsive
             </span>
            </h4>
-           <div id="8e465db8-3ebd-43cd-8320-16c1fef85889">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c10a7e40-ef02-493e-9660-8df5d5b7dcf5" data-bs-toggle="collapse" id="2089178e-c418-44c3-a2e8-24c329f1fd9d" onclick="return false;" type="button">
+           <div id="08add0a8-c16b-4cc6-8adb-1f741311ab90">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#71124b96-1e9e-4a40-84d5-821bc6c33b67" data-bs-toggle="collapse" id="1d136dff-a2cb-46c1-9feb-0857773c4b0c" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c0869108-48b9-4874-980d-efc22abbda4f" data-bs-toggle="collapse" id="e96cd20c-e5eb-440a-a207-89ddabf0c11d" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#6cf94089-55eb-4fe9-99a1-ebbfde2ccd94" data-bs-toggle="collapse" id="a7beabf3-2b2d-49a3-b108-a274324b839f" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="11d90a2d-973b-41f8-b6d5-205fb46e5e4b">
+          <span class="text-muted" id="be4012a9-8b5b-4453-ac5f-547af55e0c2d">
            Create responsive tables.
           </span>
-          <pre id="2951a128-4957-4df6-a005-cf8bbcffc26d"><code class="python">as_responsive(breakpoint=<breakpoint.sm: 'sm'="">)</breakpoint.sm:></code></pre>
-          <div class="ms-3 collapse" id="c10a7e40-ef02-493e-9660-8df5d5b7dcf5">
-           <h6 id="194acb82-3ec2-45f5-938f-cd0c995e1724">
+          <pre id="69e37c1c-97ba-477b-956b-06c8ea157056"><code class="python">as_responsive(breakpoint=<breakpoint.sm: 'sm'="">)</breakpoint.sm:></code></pre>
+          <div class="ms-3 collapse" id="71124b96-1e9e-4a40-84d5-821bc6c33b67">
+           <h6 id="cfda7912-c804-4953-8307-dadbe178e756">
             <strong>
              Arguments
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="67dbe252-64c0-42e4-9157-14172f7dbec9">
+           <table class="table table-sm bg-light" id="d547159e-703b-4de7-bd57-2838c79b749f">
             <thead>
              <tr>
               <th scope="col">
@@ -7987,13 +8385,13 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="c0869108-48b9-4874-980d-efc22abbda4f">
-           <h6 id="3b14afad-7eed-4f66-bea0-7dce0b4bca2a">
+          <div class="ms-3 collapse" id="6cf94089-55eb-4fe9-99a1-ebbfde2ccd94">
+           <h6 id="cf101fe8-d429-48a0-aeb3-56a1935fb41e">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="41e1458d-ad2b-4c7f-8b84-d5dfb1ef6e80">
+           <table class="table table-sm bg-light" id="a2da6c8b-ce99-4116-9b16-aa5f185d699f">
             <thead>
              <tr>
               <th scope="col">
@@ -8026,13 +8424,13 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="4430309b-00d8-4a40-adeb-122e55e9de9f">
-           <h6 id="2e9b2139-ed5c-48e1-b3b1-c676a0ee9e86">
+          <div class="ms-3" id="a20dd7bc-436c-4f83-b3ba-14e2b8fa97d6">
+           <h6 id="60c22dde-1c37-437e-a279-ec245d02836a">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="7dbe92e3-29b8-4338-845f-54e57c6ca806"><code class="python">from bootwrap import Table
+           <pre id="e9e8c6b2-891f-4125-9fdb-2813c3165b11"><code class="python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8044,8 +8442,8 @@ Table(
 ).as_responsive()
 </code></pre>
           </div>
-          <div class="ms-3" id="dee6e5f3-457c-455c-a9fa-389074585b5d">
-           <table class="table table-responsive-sm" id="4d9d9455-9cdd-40e3-9f4e-08e29649401d">
+          <div class="ms-3" id="68cf0745-533d-42b9-9c57-935ea16a75fa">
+           <table class="table table-responsive-sm" id="35d80062-fdc5-498b-9c09-14e7ff1cf736">
             <thead>
              <tr>
               <th scope="col">
@@ -8097,31 +8495,31 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="16a904a4-4f65-468c-a69e-a94965e0bd57">
-          <div class="d-flex justify-content-between" id="15f8b581-ef61-4043-8c74-2e96581ac03e">
-           <h4 id="c35e1122-dce4-463e-ab81-62edda1b6423">
+         <div class="mt-5" id="89c704d0-e366-4ee9-a69d-207a06e89044">
+          <div class="d-flex justify-content-between" id="06047210-ad20-4c09-aee9-2f0d642f54de">
+           <h4 id="c60f3927-ccc4-4a49-b7e6-58815c0cab12">
             Method
-            <span class="text-primary" id="b92b0fd9-572c-4731-985b-7164776fbf62">
+            <span class="text-primary" id="f4056d14-accb-45ec-a4dd-719f3bd353bc">
              as_small
             </span>
            </h4>
-           <div id="08392721-2e68-48c6-ad29-970e9d95307a">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#cc7a99de-7c35-47bb-9354-e7e45a0c7a39" data-bs-toggle="collapse" id="24c68350-c727-4291-b559-77534570a5be" onclick="return false;" type="button">
+           <div id="851dd339-557a-4e8c-bc23-48bff4a58f5b">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#246b5595-85a7-4dd4-9846-dc52a6a6edbf" data-bs-toggle="collapse" id="044563b2-47b6-474d-bf15-116bcb5a4f2b" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="afa6f59b-26ac-4382-b572-28032643996e">
+          <span class="text-muted" id="d2d4e486-2641-4a1f-95d0-68d00978d6c6">
            Make tables more compact by cutting cell padding in half.
           </span>
-          <pre id="eaf5da6d-c85b-4dd5-b199-04b5e756d80f"><code class="python">as_small()</code></pre>
-          <div class="ms-3 collapse" id="cc7a99de-7c35-47bb-9354-e7e45a0c7a39">
-           <h6 id="46f6a216-03cb-4749-a93a-1e51f536ebc1">
+          <pre id="7d1e255e-e01a-482f-98a1-f1ca2c9020b2"><code class="python">as_small()</code></pre>
+          <div class="ms-3 collapse" id="246b5595-85a7-4dd4-9846-dc52a6a6edbf">
+           <h6 id="a4efa943-97f4-470f-9c87-9fa523304ae2">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="3a44bd65-23b1-4e64-9ece-89f309103743">
+           <table class="table table-sm bg-light" id="bedf05fc-8250-418c-a6bc-de1e931cb1ef">
             <thead>
              <tr>
               <th scope="col">
@@ -8154,13 +8552,13 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="62778b95-93b7-449b-8420-099670342d31">
-           <h6 id="871f49b0-893b-4074-b5a1-9f545e874b93">
+          <div class="ms-3" id="68cfe96e-ae14-4bb6-a2b3-bbb3545e80c9">
+           <h6 id="bf066b5f-3615-488d-ab7e-4c4bbe10fd14">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="bf4d7467-1c0a-474c-bde8-2c61a2285341"><code class="python">from bootwrap import Table
+           <pre id="25d70887-e87c-4a6a-bbae-18743406b1c9"><code class="python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8172,8 +8570,8 @@ Table(
 ).as_small()
 </code></pre>
           </div>
-          <div class="ms-3" id="64526cb2-90a7-4f63-890e-0846cf7cac79">
-           <table class="table table-sm" id="c6765183-d168-4e68-a173-49dd8478f70c">
+          <div class="ms-3" id="3e26ae0d-e8f3-4835-ab30-68d2737b449e">
+           <table class="table table-sm" id="44fcd42d-e460-4286-99ee-54036f9c9643">
             <thead>
              <tr>
               <th scope="col">
@@ -8225,31 +8623,31 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="1b1ac129-088b-47d7-b506-71fa50f1e165">
-          <div class="d-flex justify-content-between" id="ab407836-f7bf-4ea8-aa6a-3a8afbe76493">
-           <h4 id="4d149b65-7257-49d7-8a6c-b6b40f607a98">
+         <div class="mt-5" id="93f337d6-4f03-4df3-ae17-6042e3e2a9de">
+          <div class="d-flex justify-content-between" id="1512d186-33c9-4a8e-b446-50886405992f">
+           <h4 id="a44086f1-60bf-42e6-8455-f81064d80e64">
             Method
-            <span class="text-primary" id="1acb6d7e-d0c0-4a23-a0c7-a10f5d3e39fa">
+            <span class="text-primary" id="dbbdba16-2f08-4703-b182-45fe4a829977">
              as_striped
             </span>
            </h4>
-           <div id="23d19de6-82bd-49cf-8e1c-da87d72cebf1">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#80dbac98-b94a-4557-bbb2-e0e27cf3f91d" data-bs-toggle="collapse" id="986f0855-7cd5-49df-accc-2abeb96b672c" onclick="return false;" type="button">
+           <div id="4db5fd7d-4a37-4f68-8823-b67eccc5d2ae">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#795780df-922d-4d02-94ee-f16076e1d652" data-bs-toggle="collapse" id="f7ad6859-a092-4fe2-b440-fae4178a0692" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="37b81505-8814-40e4-a80b-661bc78acc2d">
+          <span class="text-muted" id="06521793-0361-4884-a36c-903df80ea7c2">
            Adds zebra-striping to any table row within the table body.
           </span>
-          <pre id="d5bfb26a-18d3-4c89-a47c-eba4a48a4bbc"><code class="python">as_striped()</code></pre>
-          <div class="ms-3 collapse" id="80dbac98-b94a-4557-bbb2-e0e27cf3f91d">
-           <h6 id="663091bf-0118-46fc-9866-b595eb325657">
+          <pre id="812f2b25-a78e-4f06-86a8-e1053aed704f"><code class="python">as_striped()</code></pre>
+          <div class="ms-3 collapse" id="795780df-922d-4d02-94ee-f16076e1d652">
+           <h6 id="bb5c25e2-1249-48eb-af00-462f650fa262">
             <strong>
              Returns
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="65f39429-dac0-4574-8b58-016f26a464ef">
+           <table class="table table-sm bg-light" id="c50ee676-0019-4cda-9e29-23819f24eed6">
             <thead>
              <tr>
               <th scope="col">
@@ -8282,13 +8680,13 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="2edf852e-6446-47a6-99a3-3ba4f203ea64">
-           <h6 id="d9652da0-0aef-451c-85b2-f2570c6f2d2a">
+          <div class="ms-3" id="9b5e9d61-6fee-41d4-b389-36026354b430">
+           <h6 id="b1231b9a-3da0-4dcc-99fe-0a60144b0a0b">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="7f8a9382-2ef4-4462-94b0-c75a03378b40"><code class="python">from bootwrap import Table
+           <pre id="810a1193-0e20-44b8-8d53-1ab24d608b05"><code class="python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8300,8 +8698,8 @@ Table(
 ).as_striped()
 </code></pre>
           </div>
-          <div class="ms-3" id="d7ebbd1a-5c35-493b-b77e-efe26cf8d1e2">
-           <table class="table table-striped" id="078307ae-5c08-46c3-ab1f-4fc6692a5159">
+          <div class="ms-3" id="586f3f6e-eebb-4bab-8b0c-185d73b0b56b">
+           <table class="table table-striped" id="b8754253-8985-4d27-967b-7ea30831091f">
             <thead>
              <tr>
               <th scope="col">
@@ -8355,44 +8753,44 @@ Table(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9376589e-3037-484c-80fb-d7729e92278b">
-        <div class="mt-5" id="8452521c-cdaf-4e41-98ac-06047efd4319">
-         <div class="d-flex justify-content-between" id="77309a60-1e5d-40cd-8b67-9b9c1c9a669e">
-          <h1 id="fd229570-f8dd-4365-a956-2b8e89011b6a">
+       <div class="tab-pane fade" id="1ab2e0f7-7d66-4ba1-9e02-457e8c04ee39">
+        <div class="mt-5" id="1324450d-c347-40da-ae14-6f72affa9754">
+         <div class="d-flex justify-content-between" id="67f4eee7-aae5-476a-a16b-a0173f805b37">
+          <h1 id="49608b44-f357-4625-be12-7793512ae4cc">
            Class
-           <span class="text-primary" id="b0857c04-e6d7-4936-8257-0662cc709645">
+           <span class="text-primary" id="026a2b8c-505d-42d8-859c-e7a6cee63643">
             Table.Head
            </span>
           </h1>
-          <div id="e95b46eb-7279-46f7-97c9-c5a8e78a8852">
+          <div id="53058d7e-47a7-42ee-8fd1-4eb601bad159">
           </div>
          </div>
-         <span class="text-muted" id="e2d0007a-901e-4cfb-9293-91c5966efbc4">
+         <span class="text-muted" id="e56d2436-f5ee-4eff-95e5-aec241a7bb36">
           The table head.
          </span>
-         <pre id="a60068ce-0954-43ea-9233-47f68e249ba4"><code class="python">Table.Head(head)</code></pre>
-         <div class="mt-5" id="94f09813-3606-4aed-a960-a2d6a1d9cc4f">
-          <div class="d-flex justify-content-between" id="208b45bd-e98e-486d-8c87-11e15b80186b">
-           <h4 id="18234030-257b-4c62-a289-6c4951e2d0b6">
+         <pre id="09a55a2a-5352-4a19-857d-712563681cc8"><code class="python">Table.Head(head)</code></pre>
+         <div class="mt-5" id="1581998b-49e7-4330-8aa0-21f5b9534a94">
+          <div class="d-flex justify-content-between" id="73d1f4e5-0560-4fdf-8ab0-746fdde2cd6d">
+           <h4 id="933f7f58-fc7c-4a6f-8cea-ea7afd2bfe0c">
             Method
-            <span class="text-primary" id="53ca14a4-12d4-472f-bb05-8995453f1c3a">
+            <span class="text-primary" id="641c5e7d-43c4-4631-b117-230c0bbd5f05">
              as_dark
             </span>
            </h4>
-           <div id="7d192ac2-70f0-4efb-9432-fc8690070bd9">
+           <div id="3d2f5500-f975-46c8-805f-c76c5730ef84">
            </div>
           </div>
-          <span class="text-muted" id="0586ef5b-07e2-45c2-afdd-fd6872bd096a">
+          <span class="text-muted" id="bacdb5ae-18cc-49b6-bbeb-a56baaae47b3">
            Makes the table head appears as dark gray.
           </span>
-          <pre id="9a696fa9-457e-40d6-94b1-da43300f4882"><code class="python">as_dark()</code></pre>
-          <div class="ms-3" id="87839cfd-9b1f-47cb-9cda-ff78c06882c6">
-           <h6 id="9dab3480-8000-4b2b-8701-18ce4b46a4cb">
+          <pre id="3ce3df78-8a83-4ad5-a5df-212c5d6418ea"><code class="python">as_dark()</code></pre>
+          <div class="ms-3" id="1d43edab-05f3-4a8a-a263-18d98e0b7c9a">
+           <h6 id="4cd9b0b1-e684-4540-98ae-fcbab90e3732">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="945df96f-cb43-4924-8340-e110a169cd59"><code class="python">from bootwrap import Table
+           <pre id="6c5ba5ee-3e03-4c65-8b58-f65aed605234"><code class="python">from bootwrap import Table
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8407,8 +8805,8 @@ table.head.as_dark()
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="871631d9-06fa-4e22-9ae3-8e7260a5f26b">
-           <table class="table" id="43940de7-ab4e-497f-a035-c3ddb0bd2b3f">
+          <div class="ms-3" id="25bd540f-0189-4703-8144-3adb5b710fb0">
+           <table class="table" id="73a5d2fd-985d-494c-a3dc-ea21926437b9">
             <thead class="thead-dark">
              <tr>
               <th scope="col">
@@ -8460,28 +8858,28 @@ table
            </table>
           </div>
          </div>
-         <div class="mt-5" id="1c539f17-ad0d-4216-bf5b-4a6269a72744">
-          <div class="d-flex justify-content-between" id="c61796a8-766f-43fb-b93e-e8ff254f2134">
-           <h4 id="b011dac9-4798-4c88-af5f-8c8286de8d0a">
+         <div class="mt-5" id="473f4d12-a7bd-45e3-b6a8-09a0c1756253">
+          <div class="d-flex justify-content-between" id="92a99e80-9a3d-49cc-b8b8-1d555cca320e">
+           <h4 id="e0c66287-ae8b-4b01-b3a6-933d1cb5ef41">
             Method
-            <span class="text-primary" id="ae9b7631-b2de-422d-bf99-8997db96aa29">
+            <span class="text-primary" id="21c2e8f2-2f92-4315-a820-b45b47e2a887">
              as_light
             </span>
            </h4>
-           <div id="df1d4eb4-cf29-4f50-8d06-fd8e5fbec094">
+           <div id="7226f599-6402-45ab-8891-73d66a121f9f">
            </div>
           </div>
-          <span class="text-muted" id="1404c541-46ad-4eef-9c97-c10827b03d1f">
+          <span class="text-muted" id="633e384a-a754-4dcd-a034-6cfa33d42280">
            Makes the table head appears as light gray.
           </span>
-          <pre id="fca16954-a053-4068-837b-9e37eff58c86"><code class="python">as_light()</code></pre>
-          <div class="ms-3" id="f962f135-6165-4e0e-b206-681d9bd42d8e">
-           <h6 id="b76b25a1-8b6f-473c-8e05-c65a70344938">
+          <pre id="41470dcb-88ed-4149-ace1-47aa0c89d7cc"><code class="python">as_light()</code></pre>
+          <div class="ms-3" id="0ce2b314-ce27-4684-8a69-3d9003f11172">
+           <h6 id="cfaf8a03-08e2-4a0c-a159-06c1c3189459">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="da496a24-30a0-4d19-9c9e-5bc96be762ed"><code class="python">from bootwrap import Table
+           <pre id="661d2bb7-a088-4c45-a547-5009481c9066"><code class="python">from bootwrap import Table
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8496,8 +8894,8 @@ table.head.as_light()
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="23a46617-3a38-4a0b-bea2-1569adf400ea">
-           <table class="table" id="3d2889b1-8ec0-472d-ba91-6d542926bfad">
+          <div class="ms-3" id="f5c9cae4-83f1-42a6-8d8a-2c5c5e72ca00">
+           <table class="table" id="a7c985fc-f8fb-4766-90c7-1862c44170c5">
             <thead class="thead-light">
              <tr>
               <th scope="col">
@@ -8551,47 +8949,47 @@ table
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="a25e330a-64e9-4f2d-8e27-0c1d3e684959">
-        <div class="mt-5" id="ecf3b72f-01f0-4725-aed1-d1be5efb8eb2">
-         <div class="d-flex justify-content-between" id="cc5a2113-dee3-47e3-9246-a642407a8621">
-          <h1 id="c62c7563-f65a-4606-9f11-30669d91241d">
+       <div class="tab-pane fade" id="c0a7baab-f43f-4897-bacd-0d1dc390ce4b">
+        <div class="mt-5" id="d6e1f31e-07be-4b03-99ee-cea27bc98e2a">
+         <div class="d-flex justify-content-between" id="535ac6ae-6d80-4981-bfdd-35d18e346f3d">
+          <h1 id="1d792ae5-41d2-4a45-b537-fe5ad3b290a4">
            Class
-           <span class="text-primary" id="48c58403-2565-4760-90c0-abdc8fcf0d03">
+           <span class="text-primary" id="797345af-07e5-4c88-a93e-6abedefffd68">
             Table.Body
            </span>
           </h1>
-          <div id="0936b9d5-08c9-4525-977a-4b6ae7682ef5">
+          <div id="0097350c-b534-456f-94f6-c257e8fcfa85">
           </div>
          </div>
-         <span class="text-muted" id="c08aa23a-3c0d-48fd-86b3-64e32b45c378">
+         <span class="text-muted" id="b8d17289-9e04-49e7-b78b-8980a3298ce4">
           The table body.
          </span>
-         <pre id="e81110f4-e662-483f-9ad5-c36a75072fb8"><code class="python">Table.Body(body)</code></pre>
-         <div class="mt-5" id="30f30680-f01f-42bb-a858-2aa78e20a798">
-          <div class="d-flex justify-content-between" id="7f0ab8bb-7a15-408a-a201-3e873dbb90a0">
-           <h4 id="80f28181-4ca2-4b9a-887b-13b42dd10d32">
+         <pre id="156e6f65-bd4d-49ed-afd0-03a4b1605592"><code class="python">Table.Body(body)</code></pre>
+         <div class="mt-5" id="13f4ff01-35ac-4543-94aa-e7afac0f65ee">
+          <div class="d-flex justify-content-between" id="b0a4b6a4-b343-433b-ac6f-0610806b82c4">
+           <h4 id="80129828-3a27-4719-8ad3-31176011fcca">
             Method
-            <span class="text-primary" id="eafd5785-dd28-4a69-a979-0b18aa4439be">
+            <span class="text-primary" id="f1dc9037-0560-441c-a2bd-62270101184b">
              transform
             </span>
            </h4>
-           <div id="6fc0164c-b7d2-4b76-a2d2-e5df2e9e8668">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#10dbb372-14cb-4ca1-9f21-5062d7c0321f" data-bs-toggle="collapse" id="676878d7-7d9e-46e0-b265-59d51a8dcf77" onclick="return false;" type="button">
+           <div id="f5f3ba91-f401-4b20-9109-47c55fdadb95">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9756fecd-f31a-4a57-853c-1a3585c4cc3e" data-bs-toggle="collapse" id="0bcf6402-e5a6-4dcd-9ce7-51d5495108b3" onclick="return false;" type="button">
              Argument
             </button>
            </div>
           </div>
-          <span class="text-muted" id="1718b94f-5519-4e35-878a-7b31e68f32da">
+          <span class="text-muted" id="84273dfc-c278-4393-926c-f54dd33cb65a">
            Defines a function to transform a cell value
           </span>
-          <pre id="aed93662-2348-4c62-86a0-122ffcda55a4"><code class="python">transform(index, entity, fn)</code></pre>
-          <div class="ms-3 collapse" id="10dbb372-14cb-4ca1-9f21-5062d7c0321f">
-           <h6 id="00d2ec22-956b-4423-ad4d-8f9c3b7bdace">
+          <pre id="7022f3a6-efc0-49b7-bfe6-079721109c39"><code class="python">transform(index, entity, fn)</code></pre>
+          <div class="ms-3 collapse" id="9756fecd-f31a-4a57-853c-1a3585c4cc3e">
+           <h6 id="3966a0df-76aa-4cb1-b235-2c1d3b63acf6">
             <strong>
              Arguments
             </strong>
            </h6>
-           <table class="table table-sm bg-light" id="c3a367e1-ffee-4e25-9854-5ab447b5c3af">
+           <table class="table table-sm bg-light" id="d9b221bf-96af-4153-ab3f-c54d21b344a0">
             <thead>
              <tr>
               <th scope="col">
@@ -8656,13 +9054,13 @@ table
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="37b67ccf-6441-4355-874f-0f76ec2c3d96">
-           <h6 id="e4ebd134-e10c-4962-8051-61bb447696bb">
+          <div class="ms-3" id="0854c66b-6db3-4e02-9788-00fd1ad74b55">
+           <h6 id="c930b986-430d-404a-8f39-abe454feeae4">
             <strong>
              Example
             </strong>
            </h6>
-           <pre id="3efd6948-7136-4158-91b2-efa1b89a61c2"><code class="python">from bootwrap import Table, TableEntity, Text
+           <pre id="fa7cf72b-27f3-4c02-938f-b2c7a701813c"><code class="python">from bootwrap import Table, TableEntity, Text
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8694,8 +9092,8 @@ table.body.transform(
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="c0e0a293-9e03-4dec-a6e1-cb5ead457dbd">
-           <table class="table" id="15ddb87e-7459-415a-add9-13384af85582">
+          <div class="ms-3" id="453071a0-f799-4298-a33e-f3eef4251bf7">
+           <table class="table" id="b7a838cf-0ff9-4515-8faf-696686f8af0f">
             <thead>
              <tr>
               <th scope="col">
@@ -8758,32 +9156,32 @@ table
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="b1515ded-d546-4f39-ba5e-6fce69c441ac">
-     <div class="mt-5" id="b8206076-1257-4ab6-9f24-a27ab6e23b6e">
-      <div class="d-flex justify-content-between" id="38b28b9d-4b94-4dbe-b58d-aa07144f5b54">
-       <h1 id="4d627e9d-ed96-4f2e-a081-5aac75283783">
+    <div class="tab-pane fade" id="3a24f4de-aeb2-4516-b84c-ca02e3b3928b">
+     <div class="mt-5" id="7f026f6f-a329-4a8b-951e-0e8a819a4205">
+      <div class="d-flex justify-content-between" id="b242305a-4eb7-4d15-b808-5281a8de92ce">
+       <h1 id="8fe0d872-7efb-4bdf-9759-a9cb490ad516">
         Class
-        <span class="text-primary" id="bdae1153-79de-4870-b612-dfcb9e8e7841">
+        <span class="text-primary" id="7e02b97b-7748-4ab1-b9cc-bbb14722ce81">
          Text
         </span>
        </h1>
-       <div id="b3427d33-9539-45fd-a352-1bb2b8ee5eb4">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#55ae3e74-2377-4b01-97b7-f3ab1e0569b0" data-bs-toggle="collapse" id="792ca4c5-b78f-4265-97c7-136767465e46" onclick="return false;" type="button">
+       <div id="afd738f3-b296-438e-b80f-bb7c4cf0d913">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9b1f2af5-ed77-48bb-837e-a19223e9203e" data-bs-toggle="collapse" id="c1a9bc04-7475-4955-8a6c-d932e1d718f7" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="69e03014-59ac-4996-8148-c9ae8d4b8c41">
+      <span class="text-muted" id="ae412175-71cc-4dc3-90fb-8660aeb8cb44">
        A web component for a text.
       </span>
-      <pre id="cc37dcbb-1274-4d26-82f6-6b04ec5e42b9"><code class="python">Text(content)</code></pre>
-      <div class="ms-3 collapse" id="55ae3e74-2377-4b01-97b7-f3ab1e0569b0">
-       <h6 id="4fbfb0df-4350-46c2-9503-bd8215415238">
+      <pre id="448eb3da-1d82-465b-88d7-8be4f126902f"><code class="python">Text(content)</code></pre>
+      <div class="ms-3 collapse" id="9b1f2af5-ed77-48bb-837e-a19223e9203e">
+       <h6 id="5b29451d-08d2-4cfa-a3ee-6706c2a532f4">
         <strong>
          Arguments
         </strong>
        </h6>
-       <table class="table table-sm bg-light" id="95f5b4ec-b983-449d-b26d-4b9a5f6847f5">
+       <table class="table table-sm bg-light" id="9ae3738d-dfd5-41e0-a8cf-8eac5818a5b9">
         <thead>
          <tr>
           <th scope="col">
@@ -8816,47 +9214,47 @@ table
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="3e95b125-f30f-415d-83a6-8545d58cf786">
-       <h6 id="f3216222-3fd4-4d59-8d5f-6cb81837f6b2">
+      <div class="ms-3" id="6ab2d2db-b663-412a-9220-894cb6e8fd7a">
+       <h6 id="3993fe82-468c-47d3-9194-b4e03b4a67e5">
         <strong>
          Example
         </strong>
        </h6>
-       <pre id="35043b2e-e5fa-4edb-8818-aad4d8a0cd83"><code class="python">from bootwrap import Text
+       <pre id="70df5e3f-e81a-4536-aac4-452951692b3a"><code class="python">from bootwrap import Text
 
 Text("Normal text")
 </code></pre>
       </div>
-      <div class="ms-3" id="c66299ed-d142-469a-8289-9b7827a95d4e">
-       <span id="4cffc0bd-63f2-4b03-851a-3ae9c63a240c">
+      <div class="ms-3" id="25fca677-6cb9-4366-9505-bace27160deb">
+       <span id="617c37ae-b30c-485f-a010-a3942716d190">
         Normal text
        </span>
       </div>
-      <div class="mt-5" id="423c429d-e909-456f-8eaa-1e1b942a1dc0">
-       <div class="d-flex justify-content-between" id="b44abbf5-8fe0-4192-9040-5575e2bd5006">
-        <h4 id="90681cbf-5392-49d4-9956-3d03622a92b3">
+      <div class="mt-5" id="e4250192-bf24-4e94-8b53-7b25b6412d4b">
+       <div class="d-flex justify-content-between" id="339d9434-983a-49a9-abf4-192517427922">
+        <h4 id="3d072c48-348e-4ca3-a0b0-042854860542">
          Method
-         <span class="text-primary" id="233327f0-92be-4123-a56a-6a9327557fd5">
+         <span class="text-primary" id="1cc05d6c-569b-4f0f-83e5-e6f31045a97b">
           as_code
          </span>
         </h4>
-        <div id="fe66297c-dad0-4627-a440-5b37d7e4ba8c">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f2e22c2e-45e9-4b86-8d7b-27626a2d850c" data-bs-toggle="collapse" id="d9619ff6-a110-4005-87a7-a3e9e794f47f" onclick="return false;" type="button">
+        <div id="ae5f1e11-1b1e-4072-a35f-69e6d2523f9a">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c042bfd4-f2e2-4147-a408-a322c2a8e157" data-bs-toggle="collapse" id="9df6b60d-7439-4dd8-9f38-739445162cdc" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="e9699f24-1793-49ac-837c-0ed56343fa38">
+       <span class="text-muted" id="52d1a595-9326-4b1e-b8d9-8fd40defae22">
         Makes the text wrap as a code snippet.
        </span>
-       <pre id="36b38d12-7aaf-4051-8592-224605147874"><code class="python">as_code()</code></pre>
-       <div class="ms-3 collapse" id="f2e22c2e-45e9-4b86-8d7b-27626a2d850c">
-        <h6 id="b656b9dd-8baf-43b6-b6df-3a5fd7ac03f8">
+       <pre id="abeace24-a849-476f-a690-db68a69624b5"><code class="python">as_code()</code></pre>
+       <div class="ms-3 collapse" id="c042bfd4-f2e2-4147-a408-a322c2a8e157">
+        <h6 id="bbc8106d-4299-41bd-9be8-8620540d64b3">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="98db7ed1-0697-471b-800f-5c841a85dd2c">
+        <table class="table table-sm bg-light" id="df5d2fab-4857-4df6-9a5e-217889ce6ffb">
          <thead>
           <tr>
            <th scope="col">
@@ -8889,49 +9287,49 @@ Text("Normal text")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="74b5ab29-37f9-442f-bd69-63a50fe552e1">
-        <h6 id="80f98782-32d3-41ca-a6e0-45191882809e">
+       <div class="ms-3" id="51a3daae-5c74-4462-a203-fbc5e22fc79f">
+        <h6 id="1be870cd-018d-4366-a5ce-ba53f8c44842">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="6b5c94df-e912-4fbc-9483-c89dd6e4fe70"><code class="python">from bootwrap import Panel, Text
+        <pre id="f89e17ef-dc5f-427e-93fa-73fa76ae9f99"><code class="python">from bootwrap import Panel, Text
 
 Text("print('Hello world!')").as_code()
 </code></pre>
        </div>
-       <div class="ms-3" id="4c8960f2-e122-4654-b27f-1fb128a34d72">
-        <pre id="262e7479-7d72-4906-8ace-2d82282c482d"><code class="python">print('Hello world!')</code></pre>
+       <div class="ms-3" id="0712d3fe-9cb5-4c11-930c-bd557ef9190d">
+        <pre id="2e13cf07-08ac-44a9-ac3b-bce68c42fb5a"><code class="python">print('Hello world!')</code></pre>
        </div>
       </div>
-      <div class="mt-5" id="c6fe19b3-b694-43c8-85fe-31524704f9d3">
-       <div class="d-flex justify-content-between" id="ef8ade51-1713-4f29-8727-f57491552b91">
-        <h4 id="fdfdce73-6ec0-43be-b8ff-2ceb1a91f749">
+      <div class="mt-5" id="e296d50d-4ce3-4106-aeac-c8126bb9bc61">
+       <div class="d-flex justify-content-between" id="d80cb23a-b115-4bc7-87e8-2adf8b7f6dd8">
+        <h4 id="4af01ac6-dd5c-4a6a-9e08-062e6951cf2c">
          Method
-         <span class="text-primary" id="f026322a-e508-42f7-b948-ca1d7761001e">
+         <span class="text-primary" id="ef49c7f6-5bbd-49f6-a280-99ca791ba145">
           as_heading
          </span>
         </h4>
-        <div id="334d1c3a-120e-4879-90eb-bd11d007e613">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#cc1c0eed-e891-458d-867d-76b311e2bc1e" data-bs-toggle="collapse" id="4507cd89-a692-4fd6-9194-a87dba84a92e" onclick="return false;" type="button">
+        <div id="7fbf39a2-cd5b-466e-8974-3eb1fa168b9f">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#780f5c23-1cf1-4f1f-9e60-6bda5119822b" data-bs-toggle="collapse" id="667754f7-9900-4112-be5b-cb578d11a699" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#5fc253a1-1b36-4889-a6a4-8e91339ddcc0" data-bs-toggle="collapse" id="d761365f-ed91-4253-a071-2f363069e551" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ad9193f2-f780-4f9f-817b-868c7432e812" data-bs-toggle="collapse" id="15dc7541-e897-40f7-b015-56534a661400" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="7df1f802-14c8-4ec8-b9d9-6d01237368dc">
+       <span class="text-muted" id="abb50762-26ec-4abc-a745-8140cdffaeeb">
         Makes the text as heading.
        </span>
-       <pre id="dc05778e-dbd2-441f-856c-5d254f58bc60"><code class="python">as_heading(level)</code></pre>
-       <div class="ms-3 collapse" id="cc1c0eed-e891-458d-867d-76b311e2bc1e">
-        <h6 id="3d1463fc-894c-43ad-b63f-bb80c0b6a429">
+       <pre id="2858e0ec-f064-4289-8f35-c0629ffabf2e"><code class="python">as_heading(level)</code></pre>
+       <div class="ms-3 collapse" id="780f5c23-1cf1-4f1f-9e60-6bda5119822b">
+        <h6 id="98de856a-cd80-46aa-b661-61d6f06c5513">
          <strong>
           Arguments
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="ce73d466-0b1a-4df8-8670-15eff99fed1b">
+        <table class="table table-sm bg-light" id="dd0765e3-0543-48d7-bd09-a92c49a3abbe">
          <thead>
           <tr>
            <th scope="col">
@@ -8964,13 +9362,13 @@ Text("print('Hello world!')").as_code()
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="5fc253a1-1b36-4889-a6a4-8e91339ddcc0">
-        <h6 id="f4369320-ee16-4f9d-9a42-b57e2e3d9a2c">
+       <div class="ms-3 collapse" id="ad9193f2-f780-4f9f-817b-868c7432e812">
+        <h6 id="d05402ee-034a-4afb-8aca-b752645133ae">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="0f4f86cd-fbf7-440d-9413-9fc912a4ccac">
+        <table class="table table-sm bg-light" id="46397fc5-fe11-451d-9cd0-35b4f0d7ba78">
          <thead>
           <tr>
            <th scope="col">
@@ -9003,13 +9401,13 @@ Text("print('Hello world!')").as_code()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="18950b51-7441-4d31-96db-fb743ecb4b5c">
-        <h6 id="1eb3cef7-7514-49f0-bb50-6d5ac224106d">
+       <div class="ms-3" id="d3a2bae1-4fe6-44f7-998b-1641096a358e">
+        <h6 id="64c108fc-d219-49a4-9b9f-0418adc963ee">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="9e0aefbf-58a3-4039-a276-51e532c1a3b1"><code class="python">from bootwrap import Panel, Text
+        <pre id="a6a19c57-9d0a-40ba-9c10-609427f3fd61"><code class="python">from bootwrap import Panel, Text
 
 Panel(
     Text("Header text 1").as_heading(1),
@@ -9021,54 +9419,54 @@ Panel(
 )
 </code></pre>
        </div>
-       <div class="ms-3" id="c45b119f-2e81-4346-a63e-62b88851eddd">
-        <div id="37338344-d219-4e44-88fc-97bfc08c1acb">
-         <h1 id="7cf944a1-fc94-4bf8-9e06-9ff531c4fd68">
+       <div class="ms-3" id="48ab0ab6-4690-42e5-a814-8edd74e96f85">
+        <div id="181d0099-b44f-4c88-ab61-efd8718837b6">
+         <h1 id="3dd1d281-d5f6-453f-aeb1-98a517db8b5b">
           Header text 1
          </h1>
-         <h2 id="8e1609d7-e86a-459a-a694-f1addeabe7a4">
+         <h2 id="562ef37c-a1ea-41d6-81ef-f2b1b698c4e4">
           Header text 2
          </h2>
-         <h3 id="0adcbd32-f5fd-4c3b-be4a-af3c16f29d2c">
+         <h3 id="1c296dd8-a06a-4508-80ee-0f869ab54520">
           Header text 3
          </h3>
-         <h4 id="2017dbfc-4cac-4279-a068-a7b4de84a1aa">
+         <h4 id="e2ebd11f-bdc3-431e-86ff-ea0fd76cb234">
           Header text 4
          </h4>
-         <h5 id="c182a1ce-7a0c-44c8-aa08-90a89fa2e4d4">
+         <h5 id="3d39b160-cd97-440f-8ac0-ad72542a34c7">
           Header text 5
          </h5>
-         <h6 id="82dbefee-627c-40f5-9cd6-15184868572d">
+         <h6 id="9156f74c-f8bc-41bf-9580-76b1440c3d43">
           Header text 6
          </h6>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="2baa7ce4-3334-4f1a-a1f2-6c1b91adcf33">
-       <div class="d-flex justify-content-between" id="bc004bf5-4d30-4853-9394-224c0e0aa41d">
-        <h4 id="92fbefd3-d2c6-48ca-a3f8-46998795d6a2">
+      <div class="mt-5" id="17afb5be-fb51-49e7-b77e-ef79939c0b03">
+       <div class="d-flex justify-content-between" id="50903ce3-4cea-40a4-b756-c0cc2bc1c716">
+        <h4 id="ecd8589d-352e-4298-a1ab-b3070f69fbb0">
          Method
-         <span class="text-primary" id="b6725abd-565c-4fce-8a65-ad9719418baf">
+         <span class="text-primary" id="d2d93c21-0162-4f54-8fef-cb49b9ad2d60">
           as_muted
          </span>
         </h4>
-        <div id="4205db39-418a-4415-b3b5-35acb99c1e61">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#58e049bd-1323-4662-aad4-99dd762ff5e3" data-bs-toggle="collapse" id="ed240637-ed0f-406a-a6f8-bad1d058cf29" onclick="return false;" type="button">
+        <div id="70af2f86-bf2f-4768-8a1b-9fb2e7d64100">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#b053bdf8-2909-45dc-bc46-12f4ef528ac2" data-bs-toggle="collapse" id="ab089c21-ba86-428b-8b62-bbf44c7ae766" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8f1a40d0-2f5c-4c17-8f62-9ef41b945274">
+       <span class="text-muted" id="a4a302cc-2a29-4dd6-8864-1f514d42b2d8">
         Makes the text muted.
        </span>
-       <pre id="0aa2dab5-dbcd-4c6a-9c87-fdb8e7d35e11"><code class="python">as_muted()</code></pre>
-       <div class="ms-3 collapse" id="58e049bd-1323-4662-aad4-99dd762ff5e3">
-        <h6 id="3883ff35-6895-4aab-b82f-667d6cbd2c5c">
+       <pre id="f7ad10c1-b731-4810-b6b6-387b7af53623"><code class="python">as_muted()</code></pre>
+       <div class="ms-3 collapse" id="b053bdf8-2909-45dc-bc46-12f4ef528ac2">
+        <h6 id="8b91d496-185e-452c-98c9-1235f4aa2427">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="34d8b1b7-e20f-4670-ae36-401cb18867ce">
+        <table class="table table-sm bg-light" id="f9e7a8f7-1e20-45ff-945f-39113d993b9d">
          <thead>
           <tr>
            <th scope="col">
@@ -9101,48 +9499,48 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="97c976d2-928c-4e23-b61f-8ce4805ae30a">
-        <h6 id="f7b47d64-3564-48a4-acba-dc45616da4df">
+       <div class="ms-3" id="ed2be047-e73e-41d1-8fa8-15bce25c670d">
+        <h6 id="6308f9ad-4cee-48f6-86f0-cc8793b85986">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="2e6394ab-503b-41b3-990a-90670ede579a"><code class="python">from bootwrap import Text
+        <pre id="471afde5-884a-4518-8ab5-ecc210c623da"><code class="python">from bootwrap import Text
 
 Text("Muted text").as_muted()
 </code></pre>
        </div>
-       <div class="ms-3" id="b1e409c9-ab33-467a-a4e1-4ce8c79f5328">
-        <span class="text-muted" id="3a2b6446-03fd-49c0-a3ca-9cd52e2f8b3d">
+       <div class="ms-3" id="3062fcf3-492f-4072-b804-a24ca3604e8b">
+        <span class="text-muted" id="63ecd575-deb1-49ab-b80f-eec94d436afe">
          Muted text
         </span>
        </div>
       </div>
-      <div class="mt-5" id="55103a91-325e-466d-a681-f1d733494641">
-       <div class="d-flex justify-content-between" id="ed9d16d7-f825-46e2-8aa3-3050d0241794">
-        <h4 id="c681b13e-cd99-4960-8d73-9185621c8e76">
+      <div class="mt-5" id="a8c246ce-4915-416a-ae5c-057ada9dfff4">
+       <div class="d-flex justify-content-between" id="6fc2f334-cc49-45c7-9c1e-e1cef8be334c">
+        <h4 id="3a96d34b-d1ff-4b66-8ebe-991b0ca6771c">
          Method
-         <span class="text-primary" id="97c23ef2-14f1-4f7e-9b74-ac84c701144d">
+         <span class="text-primary" id="8b3b86da-fc01-41a2-9649-2faf9fb62c99">
           as_paragraph
          </span>
         </h4>
-        <div id="0e1aaef2-bc99-4182-8857-79f0813cbd14">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#31b1d7ae-f83e-47da-b6be-63c931796ffc" data-bs-toggle="collapse" id="10e51793-88dd-49ec-8a96-b35d95561237" onclick="return false;" type="button">
+        <div id="6cb00fca-e5c0-4afd-8c0d-2953e06e88ee">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#76034c5b-5325-4034-9200-53931806183d" data-bs-toggle="collapse" id="27f68738-f750-41d9-ac76-7ecfc337a427" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="1edce5d4-6b4b-486a-9eee-e1ed23434682">
+       <span class="text-muted" id="f7574622-459e-4b48-bf5c-f26540fe5af9">
         Makes the text wrap in a paragraph.
        </span>
-       <pre id="73919b86-4cf3-4cc1-bd1b-54b900265069"><code class="python">as_paragraph()</code></pre>
-       <div class="ms-3 collapse" id="31b1d7ae-f83e-47da-b6be-63c931796ffc">
-        <h6 id="07b4257f-015b-4d34-8f78-51a594eaf538">
+       <pre id="0a0118f6-8b95-41d0-aed5-8f6658838ea2"><code class="python">as_paragraph()</code></pre>
+       <div class="ms-3 collapse" id="76034c5b-5325-4034-9200-53931806183d">
+        <h6 id="6a604a1c-c450-4a4c-ba9b-b24ac6e23ac5">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="244c70cb-65f3-4272-bdd6-3c09565f2fc0">
+        <table class="table table-sm bg-light" id="2bd77298-97e8-470e-a5c4-a17a64bdb8bd">
          <thead>
           <tr>
            <th scope="col">
@@ -9175,13 +9573,13 @@ Text("Muted text").as_muted()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d7b1897b-eb92-4ed6-aad7-3f4c323a0665">
-        <h6 id="78049798-504f-4943-85f6-784b025632e8">
+       <div class="ms-3" id="3f6f114b-c7db-4d80-b356-4a054d185ff4">
+        <h6 id="42311afe-d3e9-404b-aa01-6dca5fc727c8">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="a2965156-9e19-443e-b2d7-4ffbdd6d9ea7"><code class="python">from bootwrap import Panel, Text
+        <pre id="1a311cef-bafa-415c-bec5-284777eca325"><code class="python">from bootwrap import Panel, Text
 
 Panel(
     Text("Paragraph 1").as_paragraph(),
@@ -9190,45 +9588,45 @@ Panel(
 )
 </code></pre>
        </div>
-       <div class="ms-3" id="689cd8b5-a874-4577-ad52-84fdfec15b7f">
-        <div id="7e3b49ad-3397-442e-a792-d4f541349b5f">
-         <p id="deead6d4-0554-4acc-ab38-5d32c0db0938">
+       <div class="ms-3" id="c818010b-e97f-41c6-9c30-2d491f110fe6">
+        <div id="9aebb696-7710-427c-ba94-5557126b2bda">
+         <p id="f804d125-3edb-4a36-8c04-a6cf5bc1283f">
           Paragraph 1
          </p>
-         <p id="59c8acc2-81c2-4757-9e99-c2282be6609e">
+         <p id="f176fc31-1d2a-4927-8305-b7a128402909">
           Paragraph 2
          </p>
-         <p id="aac03d6b-431b-411d-9032-91827425694f">
+         <p id="271f19c0-722a-4c9b-88c1-37ffce9d2199">
           Paragraph 3
          </p>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="863654c7-786d-47ed-bcd3-20b372984dc7">
-       <div class="d-flex justify-content-between" id="3f301809-fdcc-4fa6-b642-faa055117d9b">
-        <h4 id="0585ae2d-0c55-43e5-bd7d-bb9685fb9e04">
+      <div class="mt-5" id="1bc6ef20-0fd7-47f7-b929-cb148232cfba">
+       <div class="d-flex justify-content-between" id="2cefb499-6cbc-46c0-b545-031f885cef4e">
+        <h4 id="08148320-c899-4ba8-825f-e458b2bf16f0">
          Method
-         <span class="text-primary" id="23357b4c-ec0b-4fa7-9be7-1cad34ace225">
+         <span class="text-primary" id="ce63a7aa-337c-467e-a494-23b099fc43d2">
           as_small
          </span>
         </h4>
-        <div id="be97b75e-5bc1-47d3-8641-b15d59dfdbfe">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#82df6e48-428a-4138-a0ae-960174788bdc" data-bs-toggle="collapse" id="f3cdcca0-550a-4b72-a880-9fafcaa4d8e3" onclick="return false;" type="button">
+        <div id="b77dbc99-fc2d-45ac-8a50-ab254bb729eb">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d027a022-8bb6-4681-9c2f-1cca414d6014" data-bs-toggle="collapse" id="053b8143-605f-4eb4-9765-61c27b6cf252" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="5587a49f-5e60-4b4e-be94-627beb0a1900">
+       <span class="text-muted" id="71d07045-1b84-4e54-96a3-30da6f5f0a87">
         Makes the text as small.
        </span>
-       <pre id="118046ad-6e3e-4923-bde8-84051467e7a9"><code class="python">as_small()</code></pre>
-       <div class="ms-3 collapse" id="82df6e48-428a-4138-a0ae-960174788bdc">
-        <h6 id="a8064f51-d45f-4a57-9f59-0ca6476caf85">
+       <pre id="47bf2c7e-7b62-4e47-984a-3089b7d0b8d5"><code class="python">as_small()</code></pre>
+       <div class="ms-3 collapse" id="d027a022-8bb6-4681-9c2f-1cca414d6014">
+        <h6 id="a587abd7-00c1-4142-a915-4c15f8ed9356">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="c12daa95-55f9-43c1-b0c1-05a6e9067843">
+        <table class="table table-sm bg-light" id="95c6e587-41e9-4395-92b0-0ebeab6dd4b9">
          <thead>
           <tr>
            <th scope="col">
@@ -9261,50 +9659,50 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d578c666-c5e3-4f77-ad11-3adb0cf3bf0c">
-        <h6 id="2c8309cf-576a-48ff-aad3-24eefac0c170">
+       <div class="ms-3" id="54719698-f581-494f-b189-7cb975bea754">
+        <h6 id="0f5727d2-d90b-44da-bbc2-280a549399b2">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="03b00c59-0080-4d21-a8d7-f771e1925a78"><code class="python">from bootwrap import Text
+        <pre id="1974d5af-9758-40bf-85e1-7cac4fcfc27b"><code class="python">from bootwrap import Text
 
 Text("Small text").as_small()
 </code></pre>
        </div>
-       <div class="ms-3" id="cdd113fc-ed80-4291-bac3-753a8f1795e6">
-        <span id="360ba499-607e-42c3-875e-bc435e162ce2">
+       <div class="ms-3" id="30c1b5db-2e5a-40d8-87e5-70a1b2e5cb1f">
+        <span id="d60b85ee-0c2f-452b-9517-728c01bfe09f">
          <small>
           Small text
          </small>
         </span>
        </div>
       </div>
-      <div class="mt-5" id="229dc398-252d-4734-8268-cd3ac9696a75">
-       <div class="d-flex justify-content-between" id="ac3e1559-ab13-4ba8-9a7c-2907944c4296">
-        <h4 id="9888f1fc-bfdf-49b2-984d-f483625e6a05">
+      <div class="mt-5" id="b309f7a7-8a0c-4f5d-ba64-dae6898240ed">
+       <div class="d-flex justify-content-between" id="c8722721-4337-44f6-a5e5-08388a7d30c1">
+        <h4 id="02d806d9-8fab-454d-8d85-79518b6ca252">
          Method
-         <span class="text-primary" id="0174f146-9350-422d-a388-471c36be8e37">
+         <span class="text-primary" id="fe7e4c2d-ccbc-45b9-b780-3483a69bd3bd">
           as_strong
          </span>
         </h4>
-        <div id="509274b5-681c-40a2-8d5d-2e9206933fbc">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#7d46a7e4-dad7-478c-a4be-233445408961" data-bs-toggle="collapse" id="8300a252-c703-4e64-8fdd-09b75e599495" onclick="return false;" type="button">
+        <div id="f5976fe9-b46c-45a7-a5bb-1f3c3063d1a7">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#679dc967-385c-4edf-a7e6-91aacf9cfefb" data-bs-toggle="collapse" id="77c1047b-fee9-42f5-99d9-97a9ca39b290" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="6b608758-d8e9-44f6-af4f-f0d9950f0fa6">
+       <span class="text-muted" id="b5b8c301-3c4d-46f6-99de-fdfbc4255205">
         Makes the text as strong.
        </span>
-       <pre id="7f8841d1-0175-4bd2-be4a-27f497535d49"><code class="python">as_strong()</code></pre>
-       <div class="ms-3 collapse" id="7d46a7e4-dad7-478c-a4be-233445408961">
-        <h6 id="f0d33460-a3b6-494c-8558-00a1f761b26c">
+       <pre id="593b95ba-f590-4a91-a514-d1e8216657f3"><code class="python">as_strong()</code></pre>
+       <div class="ms-3 collapse" id="679dc967-385c-4edf-a7e6-91aacf9cfefb">
+        <h6 id="657e1f59-80b3-4ad2-974a-d0a794798a5d">
          <strong>
           Returns
          </strong>
         </h6>
-        <table class="table table-sm bg-light" id="23204a23-92d0-4ba3-a235-9394da7d0cab">
+        <table class="table table-sm bg-light" id="f15ad5b4-7a3c-4d73-8963-b3cfe61dd734">
          <thead>
           <tr>
            <th scope="col">
@@ -9337,19 +9735,19 @@ Text("Small text").as_small()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="5bf63027-6aaf-4811-ab59-e30efb81596c">
-        <h6 id="3936abfe-d47b-4409-9bb9-882f0db65b5e">
+       <div class="ms-3" id="10e1f5ed-e8ae-4274-aae0-3933e0a9fcd2">
+        <h6 id="8128f0f0-2910-4a98-aa34-b800b11983ab">
          <strong>
           Example
          </strong>
         </h6>
-        <pre id="7832c33b-40b2-4850-96bb-aaad2d3e7afb"><code class="python">from bootwrap import Text
+        <pre id="1879d791-47bd-4bf4-99b6-39c29aa02639"><code class="python">from bootwrap import Text
 
 Text("Strong text").as_strong()
 </code></pre>
        </div>
-       <div class="ms-3" id="dcb41ca4-535d-48e4-b28b-19b0cae152a8">
-        <span id="ca9a2982-07ad-48fd-b04a-5158cc1c00ba">
+       <div class="ms-3" id="daf13f69-400a-4dde-93bd-1106f50bfa7f">
+        <span id="41f1de9c-9bff-4912-b2e9-98f6031e7080">
          <strong>
           Strong text
          </strong>
diff --git a/docs/index.html b/docs/index.html
index 4333bfa..f19a7de 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -21,8 +21,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="5e0c8c24-708b-4afe-8ee9-1ad316f530da" src="logo.png" width="32"/>
-   <span class="text-light" id="8b7322a9-e060-4bcd-8353-ea2d41fab615">
+   <img alt="Bootwrap Logo" id="1e9c2ef8-8df6-452f-bdba-ac250a364e7c" src="logo.png" width="32"/>
+   <span class="text-light" id="125b3815-c56d-4abb-bdf5-da88507be800">
     <strong>
      Bootwrap
     </strong>
@@ -34,39 +34,39 @@
    <div class="collapse navbar-collapse" id="menu">
     <ul class="navbar-nav me-auto">
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="index.html" id="7a91296b-4e73-4903-8ead-b74dc9fd3030">
+      <a class="ms-2 nav-link" href="index.html" id="eb7670ab-89e1-4b19-8fd0-9d0fa4234334">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="824f1cf6-18fa-4072-a87e-a714502f8767">
+      <a class="ms-2 nav-link" href="layout.html" id="5d578035-be2d-4897-aa4a-bfea121da552">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="2bb6b619-0d64-412b-b7e7-679246c5a81c">
+      <a class="ms-2 nav-link" href="base.html" id="f0b30cb1-fdca-4663-88af-19140a319dd2">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="a0b3f62c-d5ec-4c35-a8aa-016d862425ef">
+      <a class="ms-2 nav-link" href="components.html" id="b1822bff-9f36-4ff1-9b02-c3517a795f19">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="a43a1bfb-ef81-467e-b6b4-b5355e2c22bc" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="6cddb566-39e4-4386-9226-f60c16eb315b" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <div id="cf990f50-54d7-4dc5-9362-340f7095c227">
-    <div class="mt-3" id="29676c2e-8215-42cb-9dd3-7e46f73f675f">
-     <div id="a26d0ab9-1619-4fa4-86db-199d5ec41e38">
+   <div id="7122bcef-795c-4e48-b732-41704f8757c5">
+    <div class="mt-3" id="d1a22066-1c5f-4c5c-8ac5-6e93c0f8f7c2">
+     <div id="cad83754-ded9-475c-be7d-ea1e34ee0a61">
       <div class="row">
        <div class="col-md">
-        <div id="09618d84-97de-4465-8f4c-2f892d3bb6e8">
-         <h1 id="3726c3b1-99a0-4cfd-8306-3e284374da33">
+        <div id="2eaa7f06-2512-4db7-8a63-a09da835d790">
+         <h1 id="0eb00fee-3baa-448d-8530-bddd97e22607">
           <span class="display-4">
            Bootwrap
           </span>
@@ -74,16 +74,16 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="caa05ae0-d8a6-4104-b61c-b28a9041ec86">
+        <div id="319579c9-b48a-42cb-9fb4-02de78f036fb">
         </div>
        </div>
       </div>
      </div>
-     <div id="4575a0a0-6039-4a72-9156-7b376ba639f7">
+     <div id="c7923590-d8bd-42f1-845f-79e38dc24e55">
       <div class="row">
        <div class="col-md">
-        <div id="352a9c1b-daa8-4a72-8fea-d72d7ccc67d4">
-         <p id="51fe1ce6-db86-43fc-b2cc-f5661b1f4b95">
+        <div id="06c45392-64ab-4c7c-a68c-2f8be5e60e29">
+         <p id="a820a095-8fab-445c-a914-a69b689a0a8c">
           <h2 class="text-muted">
            Pure Python wrapper for one of the most popular front-end toolkit Bootstrap, allowing quick and easy prototyping of web-based user interfaces
           </h2>
@@ -91,72 +91,72 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="90d9a6f6-f78b-4622-80f7-0f27ffcf588c">
-         <div class="text-center" id="309a7ce8-0239-4e75-a6c9-9e63e9730d59">
-          <img height="300" id="21734c5d-5843-4052-aa6a-822002408e91" src="flash.png"/>
+        <div id="8b0ed44d-9dba-4f21-8149-b3f3bd531467">
+         <div class="text-center" id="f5651d57-5359-4f06-beca-6234c23d7e57">
+          <img height="300" id="377f1a1a-f78c-4f83-a874-b35ee218a91c" src="flash.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="17ca7258-2dff-42eb-b781-cf96a515ca9c">
-     <div id="8fcd521f-2a6a-4099-b842-1470cb8bf30d">
+    <div class="mt-3" id="6fa65036-e4f1-4fae-92c9-e0c401605c44">
+     <div id="ee32549c-c54c-4ef0-ba19-211ca8787670">
       <div class="row">
        <div class="col-md">
-        <div id="7b8ce89c-0420-4947-88e5-b756f9fbda27">
-         <h1 id="2b60ed6f-7013-42bc-afc0-a08f2281f0e2">
+        <div id="b644863e-9755-4a8e-a183-236e7b4bd70a">
+         <h1 id="d42227df-5ce6-4a5b-9b99-6b1bddc1eb1e">
           Installation
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="dda0d009-7926-4d98-83ed-677cef76d248">
+        <div id="09b56a30-37d0-4a23-ab52-e441af13af9d">
         </div>
        </div>
       </div>
      </div>
-     <div id="3a122787-0b0f-456b-93c2-f145d680cd7e">
+     <div id="ee2d7481-bc1f-44f6-9b6c-2a0c3dca27e3">
       <div class="row">
        <div class="col-md">
-        <div id="e2b27396-3a68-4a4c-b43c-25ebc88ccbda">
-         <p id="0e6b15c8-7ea2-4476-8687-381bbd2d2f8b">
+        <div id="cfde4500-001f-4209-a74d-37164bee6da7">
+         <p id="b86603a2-7bd7-477a-84ab-88a1d3be7536">
           Use the following command to install Python Bootwrap:
          </p>
-         <pre id="ddd34f0a-50e6-4116-b666-a4636627a763"><code class="python">~$ pip install bootwrap</code></pre>
+         <pre id="2c00e220-bc3b-413b-add3-f66a6ff1c706"><code class="python">~$ pip install bootwrap</code></pre>
         </div>
        </div>
        <div class="col-md">
-        <div id="ded80dc0-7e96-46f2-8fc7-96ced8121870">
+        <div id="79147905-2eb2-4f0a-81da-188520b0eeea">
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="42304caa-1cfd-41ee-a44c-6c5210db3a6f">
-     <div id="62d6ddf4-c31a-4c07-8991-3ea4d59cb412">
+    <div class="mt-3" id="4b3a6df0-a3e8-4b93-befc-c79ab06f2df5">
+     <div id="6218b336-e45b-4b69-9b68-f92bc68ba78e">
       <div class="row">
        <div class="col-md">
-        <div id="af91573c-d1d3-467d-882a-6eec304c441c">
-         <h1 id="b1ef13ef-a815-4ebb-ad7d-f9b23e7084ee">
+        <div id="100d259d-051c-49a6-8bdb-5a2afb5fc7bf">
+         <h1 id="8516b568-57c5-447f-aa7f-a4a197998969">
           Single-Page Application
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="b63aa2e8-bfb8-4d28-8566-80e64ca5845c">
+        <div id="bd6c8649-0e3d-4869-a7b7-efbbcc8da68a">
         </div>
        </div>
       </div>
      </div>
-     <div id="c3efa059-83d6-4229-8049-4c866e3d72c6">
+     <div id="25b13ea8-587b-46e0-841d-feead3538026">
       <div class="row">
        <div class="col-md">
-        <div id="c81953f2-8da3-4eda-93dc-3be6ebccfb4e">
-         <p id="10d9c09a-74ff-415b-a8a1-d2c09d03ce0f">
+        <div id="f291c83c-706a-4939-9d75-8af5e3544ae4">
+         <p id="b5f85da7-68a2-475d-814d-f9574f25b851">
           A single-page Bootwrap application looks something like this:
          </p>
-         <pre id="1e137a87-1bd0-4df1-86c1-061bacc48ce1"><code class="python">from flask import Flask
+         <pre id="984f43fd-a4f6-48e9-878d-712c07c2f243"><code class="python">from flask import Flask
 from markupsafe import Markup
 from bootwrap import Page, Text
 
@@ -173,39 +173,39 @@ if __name__ == '__main__':
         </div>
        </div>
        <div class="col-md">
-        <div id="52346ce8-542c-4178-9d53-8f6343b743bd">
-         <div class="text-center" id="ade68205-c266-4c06-b976-d54c5525671b">
-          <img height="200" id="d40d1775-0080-45fb-9e93-57836179c1d2" src="single-page-app.png"/>
+        <div id="8dc5419d-eda7-48e2-8f9d-30d10e0f784e">
+         <div class="text-center" id="03e89d48-54c4-4330-a532-726640c39215">
+          <img height="200" id="f4fdab87-82f7-44d7-b220-cdfb64554b9d" src="single-page-app.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="52cb2808-b467-4543-a23c-d4324dfb5d94">
-     <div id="9cd1a690-119b-403e-9692-88bbbe07d165">
+    <div class="mt-3" id="feaf1153-da48-4f19-b3c6-c7f4a8543ec8">
+     <div id="d4e97546-ea55-4fd9-a57b-2e7e80b81d64">
       <div class="row">
        <div class="col-md">
-        <div id="d2f6a5fb-d38c-4539-830e-b78f75903904">
-         <h1 id="f6b056cf-87e6-450b-b6a7-56fb610029e1">
+        <div id="8e7191ee-4802-4fc7-aef3-6eef39801aad">
+         <h1 id="216bfdc7-15ed-45dd-9f23-45db71b40041">
           Multi-Pages Application
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="8769e58f-7882-44b1-87cc-bd966d119061">
+        <div id="934e1924-82a6-49ea-a15c-900013496ab1">
         </div>
        </div>
       </div>
      </div>
-     <div id="63d7b3e2-ef41-4203-9b1e-359bd73ae762">
+     <div id="e8b05c86-bf73-42f8-afd2-ec7137476927">
       <div class="row">
        <div class="col-md">
-        <div id="b8024910-637c-4a1e-ab94-986424415527">
-         <p id="3d9a6aed-3030-4720-b3fa-802429947b65">
+        <div id="de79a045-a7d9-4e6b-a9d9-bce601cb35d0">
+         <p id="11249972-da54-433b-bd8e-5f86ebd4e509">
           A multi-pages Bootwrap application looks something like this:
          </p>
-         <pre id="ace47838-e7b3-4add-85be-72fc19421b32"><code class="python">from flask import Flask
+         <pre id="fe6ddcb9-2969-48be-af08-028e7040f983"><code class="python">from flask import Flask
 from markupsafe import Markup
 from bootwrap import (
   Page, Menu, Image, Anchor, Button, Text
@@ -286,9 +286,9 @@ if __name__ == '__main__':
         </div>
        </div>
        <div class="col-md">
-        <div id="41292228-6ed5-4a79-a4a6-e366fcdb9def">
-         <div class="text-center" id="2b825526-f748-4346-b97f-e4a019085eba">
-          <img height="200" id="81112f97-ed56-45d8-97ce-d285709d3e73" src="multi-pages-app.png"/>
+        <div id="945cdfb6-96cc-479f-8a48-118b5bca58d3">
+         <div class="text-center" id="861d4bb4-fcfe-4800-9cce-80f71accfcc2">
+          <img height="200" id="d2a39e94-7912-42f0-bbe7-98acdd5d273e" src="multi-pages-app.png"/>
          </div>
         </div>
        </div>
diff --git a/docs/layout.html b/docs/layout.html
index 0f7366f..c8bcd1f 100644
--- a/docs/layout.html
+++ b/docs/layout.html
@@ -21,8 +21,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="7500d17e-9974-48ca-86af-60be4d2b0d30" src="logo.png" width="32"/>
-   <span class="text-light" id="595f74f7-9bdc-4078-9471-c3c7612f1dcf">
+   <img alt="Bootwrap Logo" id="8ba496ab-5baa-4442-a4b0-02e2e0f7469d" src="logo.png" width="32"/>
+   <span class="text-light" id="4fa77315-48ba-4470-a6ad-bce21c9e213e">
     <strong>
      Bootwrap
     </strong>
@@ -34,54 +34,54 @@
    <div class="collapse navbar-collapse" id="menu">
     <ul class="navbar-nav me-auto">
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="index.html" id="0aa3b2e0-e466-41a6-b83f-a04e9cce5c9a">
+      <a class="ms-2 nav-link" href="index.html" id="7e0134c8-5c03-4fe7-9e1d-d87ccac48d25">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="084d5030-7946-4016-b226-5d64ce955087">
+      <a class="ms-2 nav-link" href="layout.html" id="242d7d39-b0f9-454a-9201-e2dbb476f1c8">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="b9384f6a-2517-4915-ba32-b38c35f77820">
+      <a class="ms-2 nav-link" href="base.html" id="75b0a33b-29b3-4d18-94f6-ff0600b25e3d">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="cd0ef322-dde7-427f-a6a2-83f46301ce7c">
+      <a class="ms-2 nav-link" href="components.html" id="52320582-b0d4-41fd-8b50-95f0cf94329e">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="b7a840f3-f2d9-48cf-a9f5-9d383002d906" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="79d6a965-aa11-4084-a4cf-7d33dc1edd9c" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <div id="2251951d-a9bb-4096-8daa-37a4bf61adcd">
-    <div class="mt-3" id="9f2b5d71-24af-4d64-8db4-a5e78264b305">
-     <div id="9ad92875-f46a-4136-8b89-9ae584655fc8">
+   <div id="6f0dff41-3d7f-4459-a4d4-12c8847f7df1">
+    <div class="mt-3" id="0cc224b7-122c-440c-bdd7-a8405dafc506">
+     <div id="4d19f10c-3288-4665-af33-5cc7f56a1551">
       <div class="row">
        <div class="col-md">
-        <div id="496e11bd-15fe-4a47-9780-c8fd8c89c4d9">
-         <h1 id="9dc259c8-abd1-4b04-adde-8c9e37a0cf09">
+        <div id="16692a4a-7051-422f-a464-b066f520cfd3">
+         <h1 id="67e1a06c-f0b3-4582-856b-bccf9ebebdbe">
           Layout
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="358fdcc7-3506-4edc-9bd6-2c2621ad792f">
+        <div id="fcc707f4-a127-4dfa-9af5-fd1e43a08e85">
         </div>
        </div>
       </div>
      </div>
-     <div id="fa058af8-032b-4f9b-8450-10d27ebb3a2b">
+     <div id="e8478d44-e969-4d43-bb20-a045a4ae31b6">
       <div class="row">
        <div class="col-md">
-        <div id="0b0ae4cb-f2a9-4107-9348-ffa8fe7c581e">
-         <p id="e0831e42-deb3-4f9f-840d-65374bae3cbc">
+        <div id="e82a10be-da35-4704-b246-3cb56e40dfcd">
+         <p id="de65700f-6a38-4f40-82d9-b5dbc8dadc16">
           To simplify the process of developing Web UI, Bootwrap uses the predefined layout which consists  of two elements
           <code>
            Page
@@ -92,7 +92,7 @@
           </code>
           .
          </p>
-         <p id="d72e90c5-79f3-433f-8a7a-2db285cb289b">
+         <p id="718d6679-2df0-45c9-b35e-2420393a949f">
           <strong>
            Note:
           </strong>
@@ -101,36 +101,36 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="92379ea0-920d-4d82-a73e-18ee58dc33c2">
-         <div class="text-center" id="77dfcd4f-84b1-4417-af3e-2668f93f6d43">
-          <img height="200" id="14da4e13-5baa-4b2b-9307-44c6b80c1639" src="layout.png"/>
+        <div id="37dc7623-88c7-4552-ad9f-8ecf763cf77e">
+         <div class="text-center" id="634ae9a8-ffc1-44ac-a886-22d88f7e7fc1">
+          <img height="200" id="df92a1da-4d15-4668-be7c-84326a11a153" src="layout.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="94a0b70a-5013-489b-b5bc-58a13172921d">
-     <div id="9c0a2220-3621-4796-8bfc-afc52118ed86">
+    <div class="mt-3" id="f786aa4f-fae1-48b8-99dc-79dad48d4643">
+     <div id="9df886fe-cfe5-4bed-91b1-4c0a5c253da0">
       <div class="row">
        <div class="col-md">
-        <div id="1d46a4d4-41af-447e-94e2-f3c06f33a714">
-         <h1 id="a19109ba-9e31-49d1-86ae-8aee18c99f9e">
+        <div id="197b39bd-84b7-4881-bc00-7d05e2642ffd">
+         <h1 id="3ab91efb-b05b-4d40-8ad9-dd7a9f481dd8">
           Page
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="bd525b20-c479-44b7-bf90-acc043a4a962">
+        <div id="62af8526-4333-4ffa-94d1-c80ace949eea">
         </div>
        </div>
       </div>
      </div>
-     <div id="1d14d720-f2f0-477f-a946-90c0693f70ff">
+     <div id="22280417-de25-4086-a0dc-cbbe1d588d28">
       <div class="row">
        <div class="col-md">
-        <div id="80863d0f-28c1-4a6e-9b0c-48d7d1f20fdb">
-         <p id="f9ddc6eb-5c09-4dfe-b479-e1dde3759465">
+        <div id="53695976-9ae1-4dad-a353-42e3b91efa64">
+         <p id="3157e96c-0a1d-4248-a068-961c00d66731">
           The container could be any element inheriting
           <code>
            WebComponent
@@ -141,7 +141,7 @@
           </code>
           .
          </p>
-         <pre id="f86e2948-34b6-4fac-8a9b-24091e4f1b7a"><code class="python">from bootwrap import Page
+         <pre id="59773773-8bff-443c-a449-fbbc6d281b71"><code class="python">from bootwrap import Page
 
 page = Page(
   favicon=..., title=..., resources=..., menu=...,
@@ -150,43 +150,43 @@ page = Page(
         </div>
        </div>
        <div class="col-md">
-        <div id="10e6d0fe-4029-417b-bf07-47190eb3aeb6">
-         <div class="text-center" id="5c4ea769-d154-4f26-980c-2556e86d2082">
-          <img height="250" id="2805383b-16ba-45ac-8602-c00c5b4a1ae5" src="page.png"/>
+        <div id="6dd0bfb7-bdb4-4abe-9c77-610c55e74d04">
+         <div class="text-center" id="dd6bd1a6-2414-4d89-8ae9-7556a5b8d77c">
+          <img height="250" id="d7ea9613-6fa7-45e0-a311-3836e7a4c77d" src="page.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="4d9effa6-6fdb-4c22-9316-d2923c53f7f0">
-     <div id="9294e783-94c6-43d5-825a-149bb9799e97">
+    <div class="mt-3" id="5d82f001-b9dd-4db3-ab86-e144b5709a2b">
+     <div id="cf9d06ad-80ff-40ac-90a4-0abbffaf6255">
       <div class="row">
        <div class="col-md">
-        <div id="8be96d37-5363-4e28-8378-57e3f75e725f">
-         <h1 id="c147ff05-1b4e-4c3e-97be-12fbc478cdb6">
+        <div id="da023b63-2abf-4b8f-ab1d-00722a3ff27f">
+         <h1 id="e566994d-3f8e-49d7-aa44-5e3fa60651f2">
           Menu
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="bc0b35a0-fe93-48ea-b526-eba5cbc1b8df">
+        <div id="9225a0ca-7db2-436d-90d9-2ae2c40e6ec1">
         </div>
        </div>
       </div>
      </div>
-     <div id="a9291644-91d2-426d-9664-4c10637a06a7">
+     <div id="7a8648d8-ddd1-4d2a-9016-27ca3ead454a">
       <div class="row">
        <div class="col-md">
-        <div id="38968076-bd5e-489f-99f5-5bb04a2a06aa">
-         <p id="e2ee48ea-f9ae-4100-9dce-6b22741f8bd0">
+        <div id="df9f7fc0-af25-4b51-a996-03af8617a701">
+         <p id="82daf013-a19e-400b-8cbd-87d950e1d95b">
           The menu represents the top-level navigation bar containing anchors and actions allowing to switch between different application
           <code>
            Page
           </code>
           s.
          </p>
-         <pre id="fdf23935-648c-4fd1-9ef3-48cd5473053b"><code class="python">from bootwrap import Menu
+         <pre id="3616b0fd-65c1-468b-ab5b-9cfa0afe1bbb"><code class="python">from bootwrap import Menu
 
 menu = Menu(
   logo=..., brand=..., anchors=...,  actions=...
@@ -194,9 +194,9 @@ menu = Menu(
         </div>
        </div>
        <div class="col-md">
-        <div id="f49a2d13-0a36-418a-a3a4-345f1b6a92b8">
-         <div class="text-center" id="07ea4618-989f-4857-9643-8606677c21e4">
-          <img height="100" id="cc30e527-9ff0-49af-8389-597a1ba146c6" src="menu.png"/>
+        <div id="0b99a65a-5d95-4c23-ad93-4fada365ed6d">
+         <div class="text-center" id="344dc666-ec4c-43b0-ba4e-a7c04074b965">
+          <img height="100" id="ab93d039-7867-4acb-8c92-d6ff53731e81" src="menu.png"/>
          </div>
         </div>
        </div>


Test patch:
diff --git a/tests/test_panel.py b/tests/test_panel.py
index 1950e17..0b26d29 100644
--- a/tests/test_panel.py
+++ b/tests/test_panel.py
@@ -55,6 +55,23 @@ def test_panel_justify_content():
         Panel().justify_content("xyz")
 
 
+@pytest.mark.panel
+def test_panel_align_items():
+    panel = Panel().align_items('start')
+    actual = HelperHTMLParser.parse(str(panel))
+    expected = HelperHTMLParser.parse(f'''
+        <div id="{panel.identifier}" class="d-flex align-items-start">
+        </div>
+    ''')
+    assert actual == expected
+
+    with pytest.raises(TypeError):
+        Panel().align_items(0)
+
+    with pytest.raises(ValueError):
+        Panel().align_items("xyz")
+
+
 @pytest.mark.panel
 def test_iter():
     text1 = Text('sometext1')