Repository: mmgalushka/bootwrap

Issue:
Add suppoert of  code highlight for JSON and YAML.

Discussion:

Patch:
diff --git a/bootwrap/components/text.py b/bootwrap/components/text.py
index bb3f429..771c43c 100644
--- a/bootwrap/components/text.py
+++ b/bootwrap/components/text.py
@@ -42,7 +42,7 @@ class Text(WebComponent, ClassMixin, AppearanceMixin, OutlineMixin):
         self.__small = False
         self.__strong = False
         self.__paragraph = False
-        self.__code = False
+        self.__language = None
 
     def as_muted(self):
         """Makes the text muted.
@@ -153,18 +153,40 @@ class Text(WebComponent, ClassMixin, AppearanceMixin, OutlineMixin):
         self.__paragraph = True
         return self
 
-    def as_code(self):
+    def as_code(self, language="python"):
         """Makes the text wrap as a code snippet.
 
+        Args:
+            language (str): 
+                The language to highlight, currently supported:
+                "python", "json", "yaml", "bash"
+
         Returns:
             obj (self): The instance of this class.
 
         Example:
             from bootwrap import Panel, Text
 
-            output = Text("print('Hello world!')").as_code()
+            output = Panel(
+                Text('print("language python")').as_code("python"),
+                Text('{"language": "json"}').as_code("json"),
+                Text("language: yaml").as_code("yaml"),
+                Text("~$ ls language/bash").as_code("bash")
+            ).vertical()
         """
-        self.__code = True
+        if not isinstance(language, str):
+            raise TypeError(
+                "Invalid language type, expected "
+                f"{type(language)}, but got {type(language)}."
+            )
+        if language not in [
+            "python", "json", "yaml", "bash"
+        ]:
+            raise ValueError(
+                f"Unsupported language: {language}."
+            )
+
+        self.__language = language
         return self
 
     def __str__(self):
@@ -184,11 +206,11 @@ class Text(WebComponent, ClassMixin, AppearanceMixin, OutlineMixin):
         if self.__level:
             return tag(f'h{self.__level}', attrs, dedent(self.__content))
         else:
-            if self.__code:
+            if self.__language:
                 return tag(
                     'pre',
                     attrs,
-                    tag('code', [attr('class', 'python')], dedent(self.__content))
+                    tag('code', [attr('class', f"language-{self.__language}")], dedent(self.__content))
                 )
             else:
                 if self.__paragraph:
diff --git a/bootwrap/page.py b/bootwrap/page.py
index c74c0ba..6db2441 100644
--- a/bootwrap/page.py
+++ b/bootwrap/page.py
@@ -96,11 +96,14 @@ class Page:
 
         # Collects JS scriptis supporting JQuery and code highlights.
         scripts = [
-            Javascript('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js'),                 # NOQA
-            Javascript('https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js'),         # NOQA
-            Javascript('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js'),      # NOQA
-            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js'),       # NOQA
-            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js') # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js'),                  # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js'),          # NOQA
+            Javascript('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js'),       # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js'),        # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js'), # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js'),   # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js'),   # NOQA
+            Javascript('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js')    # NOQA
         ]
 
         # Adds customer defined resources which could be CSS or JS files.
diff --git a/docs/base.html b/docs/base.html
index 9b08c83..3c22b97 100644
--- a/docs/base.html
+++ b/docs/base.html
@@ -18,11 +18,17 @@
   </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js" type="application/javascript">
   </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js" type="application/javascript">
+  </script>
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="a021d9be-cd90-4bb1-b665-6ee9e39e2104" src="logo.png" width="32"/>
-   <strong class="text-light" id="d682c2a0-c1f4-4d36-93a2-9493151c0db8">
+   <img alt="Bootwrap Logo" id="2c20dd89-ce3b-4567-8a4e-e69ec18fe744" src="logo.png" width="32"/>
+   <strong class="text-light" id="d63ebd9a-f779-4b67-acdb-df7a4bde734f">
     Bootwrap
    </strong>
    <button aria-controls="menu" aria-expanded="false" aria-label="Toggle menu" class="navbar-toggler" data-bs-target="#menu" data-bs-toggle="collapse" type="button">
@@ -32,90 +38,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="05775015-9817-43f4-9f07-740a85b0d60f">
+      <a class="ms-2 nav-link" href="index.html" id="7edcfb55-0ca3-4201-b983-a8785a35fc4f">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="997ca649-449e-471c-b23e-910f575b215e">
+      <a class="ms-2 nav-link" href="layout.html" id="336848ff-461a-4b23-8c50-7274347b38f4">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="ac0130fe-afff-4d0f-a16d-7bdeb61f3381">
+      <a class="ms-2 nav-link" href="base.html" id="5ac42d6c-ed22-499f-828e-69f55185edae">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="d38c3007-518f-4fb2-bd71-0b55919d9f67">
+      <a class="ms-2 nav-link" href="components.html" id="4f0f6aae-e0f7-40b0-87bd-0ff9b95c2914">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="eba13a5c-2af8-4948-bd1d-4490c34f8a3f" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="9a61ed43-f3e0-4320-ad91-f2777ed22454" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <ul class="nav nav-pills" id="14bded5c-a095-4831-9c7b-5cf005947da0" role="tablist">
+   <ul class="nav nav-pills" id="a7e8ee42-f7b9-4c1a-8727-bb664bfc4469" role="tablist">
     <li class="nav-item">
-     <a class="nav-link active" data-bs-target="#f9276721-86c5-438c-b94e-ee96787b6580" data-bs-toggle="tab" href="#f9276721-86c5-438c-b94e-ee96787b6580" id="9cdb9f3f-c0f2-4c70-8f6d-6ad74b7e4a9f" role="tab">
+     <a class="nav-link active" data-bs-target="#b0aeda3c-181c-4939-96a7-05aa3b0032d2" data-bs-toggle="tab" href="#b0aeda3c-181c-4939-96a7-05aa3b0032d2" id="a82d7256-dc67-4752-8a37-82155ea1682d" role="tab">
       WebComponent
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#014ca339-fa9a-4672-b033-4c1a3d6afff4" data-bs-toggle="tab" href="#014ca339-fa9a-4672-b033-4c1a3d6afff4" id="d01979bf-2b48-4a2e-aaac-683713dc199f" role="tab">
+     <a class="nav-link" data-bs-target="#706170bd-7920-4520-bb04-45b9f37fa22e" data-bs-toggle="tab" href="#706170bd-7920-4520-bb04-45b9f37fa22e" id="c9e39105-c4b6-4096-877e-07a516ccd8a4" role="tab">
       ClassMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#23dfcf5f-4590-4252-bf75-ccb2ce4067ec" data-bs-toggle="tab" href="#23dfcf5f-4590-4252-bf75-ccb2ce4067ec" id="ec4c3f59-8fac-4da8-91d6-ce3a25a11edd" role="tab">
+     <a class="nav-link" data-bs-target="#cafdb5d2-9091-403c-8975-b47f6b592537" data-bs-toggle="tab" href="#cafdb5d2-9091-403c-8975-b47f6b592537" id="e1d4940d-18e1-4cfd-8dce-0f0f0fbb39e9" role="tab">
       ActionMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#cc4a1b9b-7195-42ae-b952-f9b4fe4b90eb" data-bs-toggle="tab" href="#cc4a1b9b-7195-42ae-b952-f9b4fe4b90eb" id="10444a20-d20b-480e-b0e9-2799177ee1ec" role="tab">
+     <a class="nav-link" data-bs-target="#b77d1de9-ee66-4461-8380-8f7f655eb6c9" data-bs-toggle="tab" href="#b77d1de9-ee66-4461-8380-8f7f655eb6c9" id="703ae1f9-4c50-4b48-8719-267a47cac0ca" role="tab">
       AppearanceMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#9ce0c44e-3540-4c12-a10f-1e7e95633612" data-bs-toggle="tab" href="#9ce0c44e-3540-4c12-a10f-1e7e95633612" id="0aabe8b6-59d7-4ab6-a4cb-8fd8f0580a4c" role="tab">
+     <a class="nav-link" data-bs-target="#981645b3-2ab1-4c54-8578-ea93e69405be" data-bs-toggle="tab" href="#981645b3-2ab1-4c54-8578-ea93e69405be" id="3087f1e4-d245-48a5-8f7d-ab725c3dd502" role="tab">
       OutlineMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#4d612acb-c719-4e1e-b825-cb38f7378916" data-bs-toggle="tab" href="#4d612acb-c719-4e1e-b825-cb38f7378916" id="b9303d42-9f61-49e1-9e95-4b70b5c6e389" role="tab">
+     <a class="nav-link" data-bs-target="#1cd4168d-9504-4bdc-8e7e-c6a7da812936" data-bs-toggle="tab" href="#1cd4168d-9504-4bdc-8e7e-c6a7da812936" id="0269739b-a3bc-4893-99b4-60ec020ad492" role="tab">
       AvailabilityMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#5b238ddf-f83e-43a9-8aeb-a7db32168c20" data-bs-toggle="tab" href="#5b238ddf-f83e-43a9-8aeb-a7db32168c20" id="dfa670c0-2b5a-4250-b2d4-b845c62d233a" role="tab">
+     <a class="nav-link" data-bs-target="#fab3d7a9-6ecd-47b3-854c-bb14add630df" data-bs-toggle="tab" href="#fab3d7a9-6ecd-47b3-854c-bb14add630df" id="96e9126a-8d78-49f1-b133-7cb0d523f0f0" role="tab">
       Constants
      </a>
     </li>
    </ul>
    <div class="tab-content">
-    <div class="tab-pane fade active show" id="f9276721-86c5-438c-b94e-ee96787b6580">
-     <div class="mt-5" id="c5312847-bb88-40ab-9297-420176f55de0">
-      <div class="d-flex justify-content-between" id="5c6bbb52-5f3d-4c8b-b6ba-748f378a00bb">
-       <h1 id="1737616b-c984-40be-8821-875280f8d55c">
+    <div class="tab-pane fade active show" id="b0aeda3c-181c-4939-96a7-05aa3b0032d2">
+     <div class="mt-5" id="7ee14fec-d0ff-46e1-a313-a6b29f13f2bc">
+      <div class="d-flex justify-content-between" id="825f1889-96a2-4bb3-91ea-2e2ac6eb3c15">
+       <h1 id="a0bd41e7-fb48-4fb3-afab-48968bebc1f9">
         Class
-        <span class="text-primary" id="d75816ac-0301-4427-aec4-517041361c66">
+        <span class="text-primary" id="f84e4152-ef83-40af-af1e-bbd440d7afbf">
          WebComponent
         </span>
        </h1>
-       <div id="b0f2977b-3c0e-4066-8440-2f8acb893255">
+       <div id="9d33ebb5-5095-4497-a0a9-784a7f642a1a">
        </div>
       </div>
-      <span class="text-muted" id="ab75621b-21ca-4521-8b28-ff859a51c2af">
+      <span class="text-muted" id="55fb2644-4eea-4006-a448-7a5ae5d6b3b4">
        A web component base class.
       </span>
-      <pre id="38bf5838-7ad0-4583-b038-afb11cb64cea"><code class="python">WebComponent()</code></pre>
-      <p id="15fd9b3a-9d9b-445c-8dee-74de90676f10">
+      <pre id="3f2eedb0-8f46-45bd-a5e6-d3afdc211209"><code class="language-python">WebComponent()</code></pre>
+      <p id="fd92f462-f161-47b9-b17b-a137d8bb7c13">
        This class must be inherited by all web components.
       </p>
-      <p id="b24e2f26-17fb-41b0-8459-eeef353bcae2">
+      <p id="acfd97b0-5085-44f7-a7e4-ac4f7588e36a">
        In many operations where one web component encapsulates another one has
     implemented a type check. If the received element is not
        <code>
@@ -132,11 +138,11 @@
        </code>
        class.
       </p>
-      <div class="ms-3" id="7d0bf5b3-d2c4-467f-8c25-5a1a936fdb36">
-       <h6 id="44cfda0f-bf97-42d3-94bc-30ffe58db4bb">
+      <div class="ms-3" id="0ad90121-9328-4534-84e4-5be3cf13e01e">
+       <h6 id="b1d3e7a8-8ff2-4326-913e-29cd3360df98">
         Example
        </h6>
-       <pre id="fda76377-1386-44d2-aca3-b09fd4978ef9"><code class="python">from bootwrap import WebComponent
+       <pre id="2f13ab60-3b90-4922-ba20-9b5832aa676f"><code class="language-python">from bootwrap import WebComponent
 
 class CustomHeader(WebComponent):
     def __init__(self, title):
@@ -150,17 +156,17 @@ class CustomHeader(WebComponent):
         '''
 </code></pre>
       </div>
-      <div class="mt-5" id="3034801f-2637-4086-9556-e2bb3bd02637">
-       <h4 id="0859876a-ed10-4bed-b34c-5491337d6e50">
+      <div class="mt-5" id="4732761c-bd70-4631-868b-dc6bcb485ca3">
+       <h4 id="64395435-bcb4-47cc-a2c4-aba2d6f879be">
         Property
-        <span class="text-primary" id="5734063c-ea28-438d-af95-c3a2f77ede3d">
+        <span class="text-primary" id="327bc6ca-e737-4462-bac5-e7aefe1ec387">
          identifier
         </span>
        </h4>
-       <span class="text-muted" id="e452f020-612c-4416-a586-1634780e7615">
+       <span class="text-muted" id="ed7443af-9f44-4cb3-b8fe-bcb5453b33b9">
         A unique web component identifier.
        </span>
-       <p id="ccdd7dde-4231-4c6d-8ead-b376feb6a0de">
+       <p id="7cd05724-468d-49de-89e5-1af283e4db5a">
         Every
         <code>
          WebComponent
@@ -173,7 +179,7 @@ class CustomHeader(WebComponent):
         </code>
         .
        </p>
-       <p id="a8907cea-932d-4aa1-aa86-d0003b373016">
+       <p id="f34b8eb5-bca9-491b-95bf-7a5e78929328">
         When you create a custom
         <code>
          WebComponent
@@ -189,11 +195,11 @@ class CustomHeader(WebComponent):
         </code>
         .
        </p>
-       <div class="ms-3" id="1d75141c-3273-48ce-9259-62fb0d3c7d58">
-        <h6 id="6bcff2e3-4921-4aec-884a-6e7926c658aa">
+       <div class="ms-3" id="109e8dec-f00f-40ba-9520-2806ab61d9ac">
+        <h6 id="75ee3506-e180-42af-95e7-d9fcd2bc3c0e">
          Example
         </h6>
-        <pre id="bee726a7-f10a-414b-8807-76986342de94"><code class="python">header = CustomHeader('Hello World")
+        <pre id="f469243f-2971-4714-8e68-74b42c6ad611"><code class="language-python">header = CustomHeader('Hello World")
 print(header.classes)
 
 # Result: cfe040e6-df5f-4a3a-b96e-b0cefc31bbd9
@@ -202,41 +208,41 @@ print(header.classes)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="014ca339-fa9a-4672-b033-4c1a3d6afff4">
-     <div class="mt-5" id="eff8aeaf-7fc0-45ae-a60d-8b303eff179a">
-      <div class="d-flex justify-content-between" id="9ffa3ff6-1eae-48c2-9064-a5a935fcf884">
-       <h1 id="436f1cee-f8d9-470c-b668-0f58f868655a">
+    <div class="tab-pane fade" id="706170bd-7920-4520-bb04-45b9f37fa22e">
+     <div class="mt-5" id="8a288bdb-6609-48e2-87dd-655cb3618879">
+      <div class="d-flex justify-content-between" id="c1ee02c9-9a3d-43fc-931c-eff86552ed25">
+       <h1 id="f5d95488-f3d8-4788-8482-519ff5b67d36">
         Class
-        <span class="text-primary" id="a32b2cec-cf8e-48b7-8e79-f989f2950a46">
+        <span class="text-primary" id="bb3e86df-41ed-4b8d-8b19-ed3ca1739854">
          ClassMixin
         </span>
        </h1>
-       <div id="376e2418-c8a4-4358-8be5-cdfe9636a2fb">
+       <div id="bbaa17ce-86cd-4774-aff0-56c4a519aa63">
        </div>
       </div>
-      <span class="text-muted" id="a504662f-fd7b-4dd7-9503-959975cff511">
+      <span class="text-muted" id="ef1c6d2d-4d87-459e-9f67-37b3ba18f399">
        Mixin for a web component which class can be amended.
       </span>
-      <pre id="084b054c-6b48-492a-a0a7-ff6de7d9e73b"><code class="python">ClassMixin()</code></pre>
-      <p id="ec220be9-ac9f-4a45-ab06-5acc404a10af">
+      <pre id="8c0d28f9-0b7a-45e5-a768-a3a8af40a407"><code class="language-python">ClassMixin()</code></pre>
+      <p id="c236aed1-bfc0-493a-ad24-1c485378f80d">
        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="00fab7c1-738a-4740-9e61-1049a75e3de2">
-       <h4 id="15764ea6-25f7-45fb-b050-bc11fd925402">
+      <div class="mt-5" id="00173b8c-5c4e-4d0f-9d41-440d525ee09f">
+       <h4 id="bd89079b-7b8e-49b3-a471-703f13eee7b4">
         Property
-        <span class="text-primary" id="d29508c3-5877-4350-939d-80c9020d4b0a">
+        <span class="text-primary" id="2527aa2a-e23e-45fc-ad63-750f7b4eb5e0">
          classes
         </span>
        </h4>
-       <span class="text-muted" id="97346f1a-96e4-4ad6-8ceb-2610f3771f32">
+       <span class="text-muted" id="3d575cbb-4b4b-4edd-ade0-9824495aa453">
         The web component classes.
        </span>
-       <div class="ms-3" id="37332fca-1947-4c63-8a55-73796d530503">
-        <h6 id="30e679ba-3141-4373-9578-f4f773ca675a">
+       <div class="ms-3" id="c9e034c4-d6ef-405d-85d0-45c0f1abcb21">
+        <h6 id="898dc9ab-5ffe-429f-bff2-32cb44c4f49d">
          Example
         </h6>
-        <pre id="4a80996b-052c-4847-9834-3948e3a4cbf2"><code class="python">from bootwrap import Button
+        <pre id="93d899ad-ef53-4cd6-9a55-3bd38bcd8e6c"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").add_classes("ms-1 me-1")
@@ -246,32 +252,32 @@ print(button.classes)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="aba54d9d-521b-4f1e-82bd-fc92496deaea">
-       <div class="d-flex justify-content-between" id="2122419d-c7de-45d9-9f3f-c4980b1d8aa8">
-        <h4 id="77c06f50-3cff-461d-a2b7-f14ae36ee3d8">
+      <div class="mt-5" id="ea6ef213-ec1c-47df-96f5-83591ca0d537">
+       <div class="d-flex justify-content-between" id="c0f7250d-a155-4011-9f37-b1ccb9864d56">
+        <h4 id="27f814b0-cb40-42d5-a20d-c2f7061b298c">
          Method
-         <span class="text-primary" id="29c8feac-e635-4338-b489-e36dc0d4392a">
+         <span class="text-primary" id="057f8974-cba9-4526-8081-84468180fec4">
           add_classes
          </span>
         </h4>
-        <div id="5256383b-34d4-4510-b8bf-99a0ea06cfc7">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#82c3ab93-6282-4908-b643-a48b50848381" data-bs-toggle="collapse" id="6157ddfd-f78f-426e-b35e-75768a6a77a8" onclick="return false;" type="button">
+        <div id="794930bc-cc07-4cd7-b655-20c310e6ddb6">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f3e8182d-ac5b-4525-a265-8456d7d59dd8" data-bs-toggle="collapse" id="602759cd-5993-437e-9ca0-38526019d375" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e9f7dcee-4989-40c9-8952-8a2fcb41d14f" data-bs-toggle="collapse" id="f387b56c-2013-45e9-a92a-515f13a70a45" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ee498c9e-6282-49e4-abd0-9f7fab33028e" data-bs-toggle="collapse" id="3fed6cf8-48a2-4712-9be9-b25a11b2e948" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="4442d3a0-6a94-4a04-9c1d-2fe854857b16">
+       <span class="text-muted" id="564f27d5-1b07-4a53-87b5-2c367163116e">
         Adds other classes.
        </span>
-       <pre id="ad071a76-4f26-40bb-8d25-33888d1ad1ec"><code class="python">add_classes(classes)</code></pre>
-       <div class="ms-3 collapse" id="82c3ab93-6282-4908-b643-a48b50848381">
-        <h6 id="34025c73-4a22-4d74-a314-467bedb251d3">
+       <pre id="c50ea5b1-034c-4e06-904b-2d98c5435544"><code class="language-python">add_classes(classes)</code></pre>
+       <div class="ms-3 collapse" id="f3e8182d-ac5b-4525-a265-8456d7d59dd8">
+        <h6 id="ef50d6ff-086e-4457-8c9f-50b24f3d92e2">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="e1925dfb-ac89-40c1-ba59-786d4d41ee13">
+        <table class="table table-sm bg-light" id="d86a1a04-6eec-4793-b6b8-d1cac27240f3">
          <thead>
           <tr>
            <th scope="col">
@@ -305,11 +311,11 @@ print(button.classes)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="e9f7dcee-4989-40c9-8952-8a2fcb41d14f">
-        <h6 id="28d3d9c8-437d-46d8-8f84-6c629d6da77c">
+       <div class="ms-3 collapse" id="ee498c9e-6282-49e4-abd0-9f7fab33028e">
+        <h6 id="7a45ce78-cd80-43e8-a5cb-27998949ae74">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="811afa75-80a8-4d12-beba-2cf586f86d84">
+        <table class="table table-sm bg-light" id="24994ac9-4b8f-4211-ba57-c4fbcf6d0669">
          <thead>
           <tr>
            <th scope="col">
@@ -342,47 +348,47 @@ print(button.classes)
          </tbody>
         </table>
        </div>
-       <p id="afd6ab26-1582-4b9d-994a-346c59d56a2a">
+       <p id="a465e992-c3fd-4e57-a44d-b731918959a2">
         Note, the order of specified classes will be preserved during the
         component rendering.
        </p>
-       <div class="ms-3" id="ab206d40-81ee-41dc-bb2c-0f105b5138af">
-        <h6 id="b5260b63-d99c-4cd4-a477-ca9bc0d214d1">
+       <div class="ms-3" id="58767547-f079-4117-b163-b39346cd77ea">
+        <h6 id="b5f34508-26d2-456d-a2b4-621f3208782c">
          Example
         </h6>
-        <pre id="8d709177-07dc-4c67-af76-238837824316"><code class="python">from bootwrap import Button
+        <pre id="310048ce-cc2b-4f1d-9f8d-b73cac51bb85"><code class="language-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="8612130c-4446-4d2a-9b7c-524ac139abd1">
-       <div class="d-flex justify-content-between" id="4f4a9f62-6ff6-4468-8b53-318258764ab8">
-        <h4 id="9507caf7-dfe2-4ab3-a123-dff52b414fd9">
+      <div class="mt-5" id="33f62d1a-eaa9-42dd-9a9c-a10369d40199">
+       <div class="d-flex justify-content-between" id="ed9a8135-1092-465b-960b-305c6103211c">
+        <h4 id="da5459f2-da30-45fc-8a13-dc3b6f62e5a6">
          Method
-         <span class="text-primary" id="836e9dfc-80a5-48f4-bbd5-9026cf5edac7">
+         <span class="text-primary" id="d97d329c-4ae4-471f-8807-29be5775d51b">
           m
          </span>
         </h4>
-        <div id="68afc567-1a10-4125-adba-99b282060279">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2ee0f0bf-0917-4976-8196-a8642b5738d9" data-bs-toggle="collapse" id="c9f61440-7fd2-43c2-b48f-68e7d99929f9" onclick="return false;" type="button">
+        <div id="a4b24cf9-5f62-47c7-9a1b-79f650d7f95b">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#176305b8-17a2-4b26-baf8-10b04a3a3a86" data-bs-toggle="collapse" id="fa5fc57c-4f7a-47e1-a17b-f9a2c0f5a614" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#261210c5-0fff-4b3b-ace1-d9537ceef51a" data-bs-toggle="collapse" id="cf928937-c996-4e9d-b978-b25cc6d3ffd9" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#44e8fc51-9049-4984-9985-02c6b7868d74" data-bs-toggle="collapse" id="d171edb4-08a4-4747-be86-8ce3fda44546" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="38d4db3e-0608-4228-b185-a8eb9c01cc32">
+       <span class="text-muted" id="e54ef61a-2def-4e01-975c-dd8219855a6d">
         Sets margin for all four sides to the specified size.
        </span>
-       <pre id="31a99446-2b9d-44d1-aa8c-a097d288ca5a"><code class="python">m(size)</code></pre>
-       <div class="ms-3 collapse" id="2ee0f0bf-0917-4976-8196-a8642b5738d9">
-        <h6 id="bac9631f-8934-441b-ba50-d1ed13d352a5">
+       <pre id="4555af6e-1da9-46f6-b7b0-bfb93dce9481"><code class="language-python">m(size)</code></pre>
+       <div class="ms-3 collapse" id="176305b8-17a2-4b26-baf8-10b04a3a3a86">
+        <h6 id="ad8c8937-92e3-4be8-9b78-eda1d40ac092">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="ebaaf84c-077c-4698-bc75-dcdf88e17a42">
+        <table class="table table-sm bg-light" id="a5fdf39d-4180-420e-ae61-6c4af9444fbf">
          <thead>
           <tr>
            <th scope="col">
@@ -415,11 +421,11 @@ button = Button("Hello").add_classes("ms-1 me-1")
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="261210c5-0fff-4b3b-ace1-d9537ceef51a">
-        <h6 id="809d7483-4cbe-4941-81d6-e77b0db1272a">
+       <div class="ms-3 collapse" id="44e8fc51-9049-4984-9985-02c6b7868d74">
+        <h6 id="8b817423-4112-42fd-806c-965cf01b82ce">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="2e303243-3f47-485a-b490-d70302a7d583">
+        <table class="table table-sm bg-light" id="168abe69-cb19-4d67-8cb8-2b2c0ac18a18">
          <thead>
           <tr>
            <th scope="col">
@@ -452,43 +458,43 @@ button = Button("Hello").add_classes("ms-1 me-1")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="b9b28812-13e7-4420-ae4b-9fe35eade6a8">
-        <h6 id="8c0bdf4b-6a58-49d3-abbe-0d82ff3b670a">
+       <div class="ms-3" id="628d9280-37b3-45e1-95e4-7c2fb9e6a608">
+        <h6 id="31bc90d2-528f-473e-ae1c-e1ae4e32eae3">
          Example
         </h6>
-        <pre id="714a3b97-cb3b-4823-9ccb-41aaffab8130"><code class="python">from bootwrap import Button
+        <pre id="f9d20eff-0460-4890-8566-c2d1f114763d"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").m(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="a2ef0747-8b38-4f95-b19c-c469e16dea54">
-       <div class="d-flex justify-content-between" id="9cd1830a-9f5c-4c27-9b92-ed2ae756614d">
-        <h4 id="6705726d-354e-460e-9e2e-a6644c3012b2">
+      <div class="mt-5" id="57ab8305-c546-4e5b-bca4-11b5c3f328ca">
+       <div class="d-flex justify-content-between" id="0a2ae0f2-4d4d-434a-9414-c2411e7373d5">
+        <h4 id="c9fd8581-b0b8-4f3b-bcb5-727a043b9133">
          Method
-         <span class="text-primary" id="10a1ac12-4d52-4fe1-b2f7-e2142280c8c3">
+         <span class="text-primary" id="e7cc6788-2d02-4016-840b-82ef5cf88aab">
           mb
          </span>
         </h4>
-        <div id="d5c45a3b-cf2d-476f-b449-7dcf5ce2fb77">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1a81e784-6111-407d-a478-87bfd1565fe5" data-bs-toggle="collapse" id="34a8858f-5722-488b-b847-002a66472b41" onclick="return false;" type="button">
+        <div id="600c6d8a-f015-490f-89ef-abe423ca21ab">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ab0fac97-a7a1-49e4-971a-067f0509d3c1" data-bs-toggle="collapse" id="168db13e-8d3c-4f4f-93f9-676f5d5d4334" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c2a20fd9-63d7-4783-8301-0687b9b44352" data-bs-toggle="collapse" id="c9352052-0384-41a8-bbac-87fdb8fb6253" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#dfcd4683-8fb5-4586-bbe7-a446118358e4" data-bs-toggle="collapse" id="c18d877f-bc27-4d46-9ebc-21d8f9640170" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="7c19cdce-de25-4abd-9561-840c4528b02b">
+       <span class="text-muted" id="1e10abeb-8c83-46df-834e-240b5b48b45f">
         Sets margin for the bottom side the specified size.
        </span>
-       <pre id="bf87f4fa-26ce-45d1-b161-0a86cfc47a63"><code class="python">mb(size)</code></pre>
-       <div class="ms-3 collapse" id="1a81e784-6111-407d-a478-87bfd1565fe5">
-        <h6 id="60bbca0d-f5f0-43f5-af0b-23dd415dd772">
+       <pre id="74112efd-f140-49c2-9674-e3d5a0acb47f"><code class="language-python">mb(size)</code></pre>
+       <div class="ms-3 collapse" id="ab0fac97-a7a1-49e4-971a-067f0509d3c1">
+        <h6 id="843a4c1f-0beb-47a5-8197-39ac3b834a1b">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="19ee9c3a-3bb3-4d08-bb81-8a885aa69bbc">
+        <table class="table table-sm bg-light" id="6eee7be4-2075-43ad-b771-0daeecfd18fe">
          <thead>
           <tr>
            <th scope="col">
@@ -521,11 +527,11 @@ button = Button("Hello").m(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="c2a20fd9-63d7-4783-8301-0687b9b44352">
-        <h6 id="4dd9176c-0235-481a-9151-b22486cd24a2">
+       <div class="ms-3 collapse" id="dfcd4683-8fb5-4586-bbe7-a446118358e4">
+        <h6 id="fe344b89-b598-4678-a599-eb304ecf62a3">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="1852094c-76dc-4171-a953-3dfc2e70a1b3">
+        <table class="table table-sm bg-light" id="1e8d4013-72a8-4389-a33e-1e426d285e6d">
          <thead>
           <tr>
            <th scope="col">
@@ -558,43 +564,43 @@ button = Button("Hello").m(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="964d1c8d-2d6f-4d73-99e6-e619cbc7c7a1">
-        <h6 id="5bb6beab-81ee-4238-89f2-a1de32fcc8b4">
+       <div class="ms-3" id="e907f3cf-5347-4c1e-a147-f34bc76a1bee">
+        <h6 id="d1489c87-9494-46cf-865e-4ace73e63901">
          Example
         </h6>
-        <pre id="4488f44d-1031-411b-85bd-78640d82113b"><code class="python">from bootwrap import Button
+        <pre id="ea534938-71fa-4e44-9bf1-b16470aad1df"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").mb(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="d1140279-511a-4392-a3a6-48bece05d468">
-       <div class="d-flex justify-content-between" id="3b9651fa-517c-4bd5-bf7c-67471817dc7e">
-        <h4 id="1e13cd96-7949-4130-bdfe-1eea5f25b4b9">
+      <div class="mt-5" id="5fa18f41-5f93-45fc-9124-78e557a1da4b">
+       <div class="d-flex justify-content-between" id="13bc1359-8aa7-4630-8ba2-4ffa899d8a49">
+        <h4 id="7a2b50e0-c29e-46be-8ce7-d42c1938ddd5">
          Method
-         <span class="text-primary" id="73b4ba9a-2445-4688-a95c-06e31ede2a3a">
+         <span class="text-primary" id="630cfb0a-91d4-4f87-b907-ce4f43ae089b">
           me
          </span>
         </h4>
-        <div id="1f52a9fc-1639-40b6-a5ae-fb3e53ee43c8">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8772dff0-0bc3-4602-8248-12720fc0ef32" data-bs-toggle="collapse" id="8028c100-30c4-4919-893e-6be52a212e10" onclick="return false;" type="button">
+        <div id="92c0df0a-f351-4b44-bf01-e1d679b39ea0">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#af1e3eb7-dbb3-4286-8036-41b2f960b934" data-bs-toggle="collapse" id="03c41c81-5b40-4711-b2c0-49c8b13162e9" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#55f2671a-3e3c-48b5-b0e2-ceca8b60b477" data-bs-toggle="collapse" id="6e2cf9c0-2579-46eb-8205-91874d08af7a" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#9050d31b-2ab2-451a-9abc-d6fed7384117" data-bs-toggle="collapse" id="e9e95345-568a-4a1f-ac75-c45675ab3c1c" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="e7969a62-0391-4c23-9fb7-7309ff158666">
+       <span class="text-muted" id="e7e7bdf4-f669-4a37-b60d-d798c8b71d6f">
         Sets margin for the end(right-side) to the specified size.
        </span>
-       <pre id="20ba9df1-1f8d-47eb-ac8d-678a450b567a"><code class="python">me(size)</code></pre>
-       <div class="ms-3 collapse" id="8772dff0-0bc3-4602-8248-12720fc0ef32">
-        <h6 id="7137c9d9-49ce-4dc6-a8a1-33daed9a1683">
+       <pre id="8b8bae04-37e8-4bd0-8990-e8c3738fc341"><code class="language-python">me(size)</code></pre>
+       <div class="ms-3 collapse" id="af1e3eb7-dbb3-4286-8036-41b2f960b934">
+        <h6 id="3f4b5cce-c228-4037-a1af-92bea2cc8570">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="3b15cb2c-b16c-45e9-823a-381a7ae00043">
+        <table class="table table-sm bg-light" id="60c5cd15-99f1-4086-97f5-522e89c470d2">
          <thead>
           <tr>
            <th scope="col">
@@ -627,11 +633,11 @@ button = Button("Hello").mb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="55f2671a-3e3c-48b5-b0e2-ceca8b60b477">
-        <h6 id="1356086b-b2dd-4e7a-8b0a-1987e948ccd6">
+       <div class="ms-3 collapse" id="9050d31b-2ab2-451a-9abc-d6fed7384117">
+        <h6 id="b77d92ba-93da-4844-ace4-721663d797d8">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="a9c71a50-143a-4641-90f0-710a8b29c7a4">
+        <table class="table table-sm bg-light" id="0f19f4f1-326a-41e2-ba38-1703be7ad364">
          <thead>
           <tr>
            <th scope="col">
@@ -664,43 +670,43 @@ button = Button("Hello").mb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="88f8a102-612d-46e1-bf5d-14a3d8c97b54">
-        <h6 id="7a7426e9-138a-4f0a-aa05-43fbecc9827e">
+       <div class="ms-3" id="e6b0b393-df97-4503-8db0-129692f24b09">
+        <h6 id="567fcda7-5cce-4eb9-b146-70b9ba3dc148">
          Example
         </h6>
-        <pre id="0a24c512-8d8b-445a-97c6-d51b5000c760"><code class="python">from bootwrap import Button
+        <pre id="4fbe3b7c-5b41-456e-8df7-5efa1de2877e"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").me(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="d7e288ea-96f4-42d7-9efc-555f210b958e">
-       <div class="d-flex justify-content-between" id="f7f62e7d-a44c-4e70-b840-0ea535c9fe3a">
-        <h4 id="9b6e1c7c-f7e2-4dd5-9af4-72670755c044">
+      <div class="mt-5" id="9cc9a36e-8d06-43f7-868c-e602c3c7ec3c">
+       <div class="d-flex justify-content-between" id="8d490832-e2d0-4f74-ad78-049b054efa59">
+        <h4 id="72b67987-88e7-42ad-a671-e17b8ca4d5a0">
          Method
-         <span class="text-primary" id="aad77cce-8d4e-4df0-aab4-de9c5280bf55">
+         <span class="text-primary" id="d9efef04-e1ab-4123-90da-55f8c50f5e02">
           ms
          </span>
         </h4>
-        <div id="dcd0ea59-794a-479a-9132-10c16dd718cc">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2c8d6688-a428-47fd-8bab-11270bef0f1f" data-bs-toggle="collapse" id="70ae1fe8-dfa8-4a58-9805-ddaf692cefe0" onclick="return false;" type="button">
+        <div id="c1577210-4e4d-4191-831e-83036297483b">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d5c9a36b-ddce-443f-9042-af4b83912bd9" data-bs-toggle="collapse" id="194b2f9c-4ec4-4509-bbd0-ff2cc194ace4" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#54eda974-e418-436b-91f4-3d86ae76427e" data-bs-toggle="collapse" id="574845ea-b2d7-430b-bd6c-ae907d6b772d" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f70ebbff-5926-4584-87f7-07d1771e411b" data-bs-toggle="collapse" id="3eb17557-cc3e-41b5-b1a3-95a45a889d2c" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="83f58345-dfef-4d28-83e7-2b9e2c598d92">
+       <span class="text-muted" id="d924e3de-b465-4807-a024-a63045a90b4e">
         Sets margin for the start(left-side) to the specified size.
        </span>
-       <pre id="b9541447-bac6-40f4-aefc-cff19a6cf73d"><code class="python">ms(size)</code></pre>
-       <div class="ms-3 collapse" id="2c8d6688-a428-47fd-8bab-11270bef0f1f">
-        <h6 id="1ff1bb9c-41bd-41bf-b219-a5c09d09d2f1">
+       <pre id="efa74f85-5ec9-4456-9e04-2b334b24c55c"><code class="language-python">ms(size)</code></pre>
+       <div class="ms-3 collapse" id="d5c9a36b-ddce-443f-9042-af4b83912bd9">
+        <h6 id="1314b6e6-8d96-407e-816f-20f80df57a32">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="e490657d-e6a6-424d-bb1e-7585a15e7e11">
+        <table class="table table-sm bg-light" id="991df364-3e70-4e9d-8ff9-8950d056a84c">
          <thead>
           <tr>
            <th scope="col">
@@ -733,11 +739,11 @@ button = Button("Hello").me(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="54eda974-e418-436b-91f4-3d86ae76427e">
-        <h6 id="8e6aed31-61c6-442d-bd58-269f386362e8">
+       <div class="ms-3 collapse" id="f70ebbff-5926-4584-87f7-07d1771e411b">
+        <h6 id="582c04e3-0e2f-4e7c-86c4-e507146a9705">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="e1cd0b9c-0f56-4f48-9631-58099425fdb6">
+        <table class="table table-sm bg-light" id="fa2a999a-e5ac-4530-aafa-2f56c2a7dfbc">
          <thead>
           <tr>
            <th scope="col">
@@ -770,43 +776,43 @@ button = Button("Hello").me(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4ccbfc39-9aa8-4d24-aa7b-f87137c74601">
-        <h6 id="e94ff9cb-25c0-4b17-8d68-31d770153890">
+       <div class="ms-3" id="6f157fd2-db6f-4ada-95f9-c3eaee62a745">
+        <h6 id="5a3b321b-3ae9-4a23-9655-bf3cd2e6a53b">
          Example
         </h6>
-        <pre id="f37345bc-1b90-46de-93f0-46480b06f6e7"><code class="python">from bootwrap import Button
+        <pre id="1d7b8e7a-ae81-4981-8a37-6d84a60b21f3"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").ms(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="dc84ea8b-fd32-4477-a3b7-894d265e9b83">
-       <div class="d-flex justify-content-between" id="0645776f-7f43-4cc8-b6cd-8bbe620b64e6">
-        <h4 id="bb1a6288-b01e-4d30-aafa-fbe1a977e34f">
+      <div class="mt-5" id="ee321d88-7e0a-4525-a1e5-55e1aa99e1bc">
+       <div class="d-flex justify-content-between" id="2d63c112-3b12-484a-a6d7-70d25ef32c5c">
+        <h4 id="26dfed89-94fe-4423-a24e-e9a7fbc8c58a">
          Method
-         <span class="text-primary" id="456e806a-bf44-4bc4-a5c2-a77eecd26381">
+         <span class="text-primary" id="f0623f34-14ea-4042-bd43-431ed41eb433">
           mt
          </span>
         </h4>
-        <div id="fdec7bf1-aad1-47d7-b7a0-c09b9b222c00">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#37c909fa-0559-48b7-a0c9-dac3cc9f8797" data-bs-toggle="collapse" id="514f8f04-8fb1-46f6-88e2-b94abebeac7a" onclick="return false;" type="button">
+        <div id="df55a277-fb84-4f81-b1ae-7bb02b8ce74d">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9ef4b06c-6dfb-41cb-ba5d-5653d7c4775a" data-bs-toggle="collapse" id="3a070fe1-79f5-490d-a01e-432a294c1125" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f8b253a2-2660-4ddf-a689-02aa281767c8" data-bs-toggle="collapse" id="ca53548d-1e99-411f-82e8-4b20de2623d6" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#7f327fd8-6685-436c-8a2e-9ea9fac258a2" data-bs-toggle="collapse" id="2335eb71-fbeb-4be2-b85b-7915b284ab1b" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="201e097b-6fe9-40e8-a9e4-1fa0e4c28e46">
+       <span class="text-muted" id="caa5eb30-2063-4b38-b664-c46ced8f5274">
         Sets margin for the top side to the specified size.
        </span>
-       <pre id="120d46ed-9a23-4e23-8845-b35c5dc01109"><code class="python">mt(size)</code></pre>
-       <div class="ms-3 collapse" id="37c909fa-0559-48b7-a0c9-dac3cc9f8797">
-        <h6 id="62f7a82f-6975-4131-bfba-fe92d9486cf8">
+       <pre id="27e8b4d7-7049-4170-9b62-0c4019aaf721"><code class="language-python">mt(size)</code></pre>
+       <div class="ms-3 collapse" id="9ef4b06c-6dfb-41cb-ba5d-5653d7c4775a">
+        <h6 id="8a165bf4-3cec-4238-b9bc-681abe374599">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="2f79b644-b21b-4251-b543-ce5e14c19adf">
+        <table class="table table-sm bg-light" id="fcff2f52-d662-4e16-9c65-9d0930510b80">
          <thead>
           <tr>
            <th scope="col">
@@ -839,11 +845,11 @@ button = Button("Hello").ms(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="f8b253a2-2660-4ddf-a689-02aa281767c8">
-        <h6 id="399a3493-cc42-48c6-bac4-8110b11605a2">
+       <div class="ms-3 collapse" id="7f327fd8-6685-436c-8a2e-9ea9fac258a2">
+        <h6 id="e57097d5-5203-497c-88b7-6a90992c8be9">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="b4964af1-e12f-412f-b50d-3875fa97f112">
+        <table class="table table-sm bg-light" id="865615a7-6ee6-415b-ba5b-4323a8075541">
          <thead>
           <tr>
            <th scope="col">
@@ -876,43 +882,43 @@ button = Button("Hello").ms(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="57e9ef2d-6191-466f-9f40-15874742a853">
-        <h6 id="f5783afc-37d8-4f54-b63c-94558be07703">
+       <div class="ms-3" id="41bc2744-5be7-44f8-b5a5-ba35f78c9d8b">
+        <h6 id="e2d9d41e-8a30-434a-9413-438e0cfbd4d1">
          Example
         </h6>
-        <pre id="3d04ecb1-57b9-4d37-a886-b2ebbe1f102c"><code class="python">from bootwrap import Button
+        <pre id="fd501897-4d20-493d-9a56-3daf051edaf7"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").mt(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="634a5124-7f63-404b-aa8c-bcdc4686bf51">
-       <div class="d-flex justify-content-between" id="1e30008c-93a2-4e37-a881-b4e0bf19dcaa">
-        <h4 id="0b320791-ea40-4cd4-94c2-ee5a232754af">
+      <div class="mt-5" id="e86d65dd-0990-4a30-826c-079467c5cd98">
+       <div class="d-flex justify-content-between" id="f186b4af-ba8b-463f-9710-d41f2a16b099">
+        <h4 id="079074d9-fda1-47a8-b053-1f8f4cc337d8">
          Method
-         <span class="text-primary" id="7d5d7556-6960-4711-94d5-74f190269e10">
+         <span class="text-primary" id="4f5e575f-6064-4699-98eb-fc84539c0ae3">
           mx
          </span>
         </h4>
-        <div id="c23db6e4-6aef-4d77-88a7-56239a214e02">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#44702a30-1022-47d3-ae71-d07643d8e8d6" data-bs-toggle="collapse" id="8ae8f3cb-218f-447b-b747-cc50c5017969" onclick="return false;" type="button">
+        <div id="2375af96-9a6f-47d0-902b-cc4687241a8f">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ab164ec5-1c6d-4b9d-999a-b74aff3ad94a" data-bs-toggle="collapse" id="651ed627-67dc-47f8-b030-54b3cea765f2" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#65d80709-b981-47ad-9b0e-163423fb91ef" data-bs-toggle="collapse" id="acb0a559-43fe-49be-8012-91c929922f7d" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c7ec997b-85db-4877-aa20-720be42f9798" data-bs-toggle="collapse" id="1b4b7658-a723-4798-98fd-878e078ba60e" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="50bdd1b8-b84a-4783-9272-cb203d6ebde2">
+       <span class="text-muted" id="07c4925d-8f6a-4a7a-a943-3c6ac42024ae">
         Sets margin for left and right sides to the specified size.
        </span>
-       <pre id="966f8d6f-6da5-4b6d-9895-e56b4a2c2374"><code class="python">mx(size)</code></pre>
-       <div class="ms-3 collapse" id="44702a30-1022-47d3-ae71-d07643d8e8d6">
-        <h6 id="7f1f1223-aca3-4a89-87ed-2f0bf1282b54">
+       <pre id="257887e1-37a2-4ac5-9fdb-6c4867d20ec6"><code class="language-python">mx(size)</code></pre>
+       <div class="ms-3 collapse" id="ab164ec5-1c6d-4b9d-999a-b74aff3ad94a">
+        <h6 id="4a3ed66f-9786-40e6-b0c6-5654f5d87644">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="db3b4c12-22fa-48f3-aca7-57cd35c21a5e">
+        <table class="table table-sm bg-light" id="6a522d76-9e36-482f-b056-3990912cfd1c">
          <thead>
           <tr>
            <th scope="col">
@@ -945,11 +951,11 @@ button = Button("Hello").mt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="65d80709-b981-47ad-9b0e-163423fb91ef">
-        <h6 id="fa265b05-c869-447c-8e9b-2ba734d975d6">
+       <div class="ms-3 collapse" id="c7ec997b-85db-4877-aa20-720be42f9798">
+        <h6 id="296d60d0-b74e-4c53-92c8-77bc25bc4d16">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="7238e22a-0a62-40e3-818a-278cd4fc5b93">
+        <table class="table table-sm bg-light" id="1f0cda33-387e-43ce-a5f5-caab92b5d7b7">
          <thead>
           <tr>
            <th scope="col">
@@ -982,43 +988,43 @@ button = Button("Hello").mt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d9ec945c-0d49-46a6-88a0-4c09e44fa4ec">
-        <h6 id="4156db15-5a82-4bdc-99ec-7dbfd1c5fd85">
+       <div class="ms-3" id="fa97bfb7-66fc-48ff-a2ab-0971313ea435">
+        <h6 id="79d90323-f0dd-41d7-961a-65140a36e77f">
          Example
         </h6>
-        <pre id="773d1744-9fa4-4fb6-987a-7ad65047f2d8"><code class="python">from bootwrap import Button
+        <pre id="15fdf908-abf8-40f7-93ca-e35ece3f3dae"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").mx(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="0d7210c9-52e9-402c-b8d3-dbae9789cee7">
-       <div class="d-flex justify-content-between" id="9f18401d-e0f6-4b92-b0f9-88224322f4dd">
-        <h4 id="ef2ccc23-e6b1-45eb-845c-98faf90d2ac5">
+      <div class="mt-5" id="13226e7f-316b-4e20-94cf-807945324c96">
+       <div class="d-flex justify-content-between" id="17d57662-d8df-43a2-8523-381006d7d2ef">
+        <h4 id="34d995ea-4810-4543-be5d-e56f659a3bef">
          Method
-         <span class="text-primary" id="4d49959b-8a8d-4f43-af48-d6d355abd79e">
+         <span class="text-primary" id="b65357a5-f691-4566-bcf4-514e9f8df09b">
           my
          </span>
         </h4>
-        <div id="a7e65831-faac-40fc-ab9c-0480c9739225">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#67c4ab32-4d03-4eb6-9198-c2c1c10657b2" data-bs-toggle="collapse" id="42b0869e-65be-47cc-a9f5-0fb06ca98fb8" onclick="return false;" type="button">
+        <div id="ea8a253f-8749-46d5-bf09-b4675465b337">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#92a1f347-68cb-46ab-ba71-09c6532f9587" data-bs-toggle="collapse" id="43a3ef39-70d7-4c4a-b405-bf505ca416eb" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#9d23b16b-2682-4d85-8f16-b58ee6275c82" data-bs-toggle="collapse" id="3f2656fe-e3f1-4c07-8931-24aba288235b" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8f0c80ef-f3ba-49e5-8ce2-e38febff9a9f" data-bs-toggle="collapse" id="8320e86d-54d8-42e4-a3bc-773c81b0a309" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="2fcef907-f926-4359-8c89-696f816a2629">
+       <span class="text-muted" id="e612ad89-6d54-4359-9266-e033e820a62d">
         Sets margin for top and bottom sides to the specified size.
        </span>
-       <pre id="ff0491d3-5899-45db-a1e4-72a1ee0e2227"><code class="python">my(size)</code></pre>
-       <div class="ms-3 collapse" id="67c4ab32-4d03-4eb6-9198-c2c1c10657b2">
-        <h6 id="409891c3-af3e-4a30-a15a-f010b3d1f6c0">
+       <pre id="e1d7655c-ed69-4ac7-a9d5-d07599aeb952"><code class="language-python">my(size)</code></pre>
+       <div class="ms-3 collapse" id="92a1f347-68cb-46ab-ba71-09c6532f9587">
+        <h6 id="aac96598-82b9-46f7-b793-f29a8fabaae8">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="398a1fc9-4376-4605-9608-38fd0cfd54a6">
+        <table class="table table-sm bg-light" id="0b390b39-0426-46fc-b416-3d344f931a8e">
          <thead>
           <tr>
            <th scope="col">
@@ -1051,11 +1057,11 @@ button = Button("Hello").mx(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="9d23b16b-2682-4d85-8f16-b58ee6275c82">
-        <h6 id="c257bdfc-d187-4962-b253-d4a100aa8a8e">
+       <div class="ms-3 collapse" id="8f0c80ef-f3ba-49e5-8ce2-e38febff9a9f">
+        <h6 id="7e4c89a8-5f5f-4916-8cee-3bcb8ef7794b">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="353c59fa-8aab-4082-aadb-8afab4fc8b5d">
+        <table class="table table-sm bg-light" id="5b884adb-47b6-4b6c-b8ec-4d371f7e661d">
          <thead>
           <tr>
            <th scope="col">
@@ -1088,43 +1094,43 @@ button = Button("Hello").mx(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="c4228e5f-3cf7-401a-bae3-47752d19ee28">
-        <h6 id="2642a703-70aa-4715-bd7e-e92a3798d250">
+       <div class="ms-3" id="d40a5eef-5d37-4fd0-9db0-4c8ec7be007c">
+        <h6 id="785270f7-7d05-4c00-8695-32ee21b19bba">
          Example
         </h6>
-        <pre id="8285eeb9-0f56-4e0c-a25c-b03ce27719b7"><code class="python">from bootwrap import Button
+        <pre id="11128ec8-aabb-439b-8fd1-e38e7d8fce41"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").my(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="08908c40-eb15-4354-a690-68a3014a0b71">
-       <div class="d-flex justify-content-between" id="5572e87b-686e-4889-9124-8a712e6d12ff">
-        <h4 id="34350222-ffc0-4aa9-853c-25c58471cd5c">
+      <div class="mt-5" id="c7484067-fe30-4fb3-ad4f-e54ccc245877">
+       <div class="d-flex justify-content-between" id="54a2bb4c-addd-4c37-b9ce-481a2355b984">
+        <h4 id="0a24d844-4781-4a0c-91b3-e87bdb9b35df">
          Method
-         <span class="text-primary" id="e8404b38-a9a9-4429-bd8e-f1d9f9079937">
+         <span class="text-primary" id="cb38ee76-cfa9-4743-9836-dd90ad598fc6">
           p
          </span>
         </h4>
-        <div id="35665856-bef0-4139-93c4-6807f08f6240">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#70c567ed-e481-4ed3-b2b2-9b7d59d112e9" data-bs-toggle="collapse" id="9ceb18b3-b70d-43cd-966f-abee04793455" onclick="return false;" type="button">
+        <div id="303b3986-bfe8-462b-bab6-b6e193f71ed7">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7ae61126-36bf-430a-bae4-af3b9f3089b7" data-bs-toggle="collapse" id="54bea6a7-16ea-4b3a-ae4c-974996a4425f" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f619638e-555f-4b69-aa45-36bba63df0a2" data-bs-toggle="collapse" id="6afaf55a-86b8-4a5f-89f7-54d58644d8c1" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2472587e-4ec4-4b8a-8d54-5925e4533c9e" data-bs-toggle="collapse" id="6f711801-cbf3-4da6-8173-d4226215d57c" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8c32ab3f-0ad8-49e0-849a-897ece385983">
+       <span class="text-muted" id="c22394bc-f01c-4ffa-8c2e-faa3e0ddabf3">
         Sets padding for all four sides to the specified size.
        </span>
-       <pre id="e4f29dc8-82fa-45df-ac55-8378f7d58fc0"><code class="python">p(size)</code></pre>
-       <div class="ms-3 collapse" id="70c567ed-e481-4ed3-b2b2-9b7d59d112e9">
-        <h6 id="7ae89911-68f7-4297-a8ef-f49b5f3a7b59">
+       <pre id="bdd2f0ef-8336-4579-824d-e6df05b52a11"><code class="language-python">p(size)</code></pre>
+       <div class="ms-3 collapse" id="7ae61126-36bf-430a-bae4-af3b9f3089b7">
+        <h6 id="7c15b9b4-6c25-4deb-aa4d-76271af73701">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="8ebd3227-417a-44dc-b903-b5773e17a0f4">
+        <table class="table table-sm bg-light" id="f1408255-7600-465e-8099-6144bdd336e9">
          <thead>
           <tr>
            <th scope="col">
@@ -1157,11 +1163,11 @@ button = Button("Hello").my(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="f619638e-555f-4b69-aa45-36bba63df0a2">
-        <h6 id="a551c2d0-7e2f-4696-a4e2-1bb6bf0561f6">
+       <div class="ms-3 collapse" id="2472587e-4ec4-4b8a-8d54-5925e4533c9e">
+        <h6 id="dc18cb81-9ddc-4f6a-ab5e-a8277be39095">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="63064991-7090-4148-989d-03b15cfdd477">
+        <table class="table table-sm bg-light" id="6228b518-02c0-45d0-9fbb-c4f4598ede5c">
          <thead>
           <tr>
            <th scope="col">
@@ -1194,43 +1200,43 @@ button = Button("Hello").my(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="a23cd800-a8fe-45b8-9993-468f7906d0c9">
-        <h6 id="44a93909-867e-4e10-bfe2-e1c158574f9a">
+       <div class="ms-3" id="bcbb3ea2-e6a7-4095-b036-75ad47682048">
+        <h6 id="89c0ff9f-b67c-42e3-8edc-32509a6c8a62">
          Example
         </h6>
-        <pre id="61a52662-027f-4e8e-af99-8386a1f9bd2b"><code class="python">from bootwrap import Button
+        <pre id="2db16c4f-d4f7-417c-a76a-8869e0d35889"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").p(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="ba07bebc-80c8-4bef-bf84-7fb6f569a6dc">
-       <div class="d-flex justify-content-between" id="ed01ae7e-57a3-4262-9349-f102cb3e1799">
-        <h4 id="f7f6a8f8-335a-46c1-b710-ae113931fa57">
+      <div class="mt-5" id="680785b2-55fa-4514-9e13-a47e9e2ccc18">
+       <div class="d-flex justify-content-between" id="877769d5-a684-4beb-a55f-74562286145c">
+        <h4 id="4aae7bee-2927-45b9-bed2-e1013af1df31">
          Method
-         <span class="text-primary" id="62bddb14-88c9-44e6-b296-3bdea94c341c">
+         <span class="text-primary" id="4a1260de-4d5e-419b-a8a7-6c111f90c384">
           pb
          </span>
         </h4>
-        <div id="c8c87195-a0b7-4d0c-a90a-c17a058b0a78">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#38905a6b-1baa-4cef-a72e-591d7dddce37" data-bs-toggle="collapse" id="363a0d5e-b759-46ef-9624-5433948339ae" onclick="return false;" type="button">
+        <div id="ce6be37b-008b-469c-a2ae-79e62f868b3d">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ae907063-cc18-44c2-8cbf-621ff87e7764" data-bs-toggle="collapse" id="60ce8779-cdac-462c-bc87-2be7fbc425a7" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3781560c-c20c-4023-8fcb-a407908ddf2e" data-bs-toggle="collapse" id="0a6c09f9-f247-450e-8895-d5e32aee3706" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#89213589-733e-43bd-8778-884b00380dd9" data-bs-toggle="collapse" id="d8431ec0-e5b1-4876-8a93-662d58874023" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="dae2e0db-ce29-43fd-854c-5ec293367c9b">
+       <span class="text-muted" id="19da4879-70df-4492-a6fc-582dcf4477f0">
         Sets padding for the bottom side the specified size.
        </span>
-       <pre id="73f6c982-4d53-4f9a-a46a-7be4015ff9bb"><code class="python">pb(size)</code></pre>
-       <div class="ms-3 collapse" id="38905a6b-1baa-4cef-a72e-591d7dddce37">
-        <h6 id="4b0f48d2-56eb-454e-9cbe-1cf8c07cff63">
+       <pre id="64270ebc-ac3e-434a-b419-a5c1b90ec9c1"><code class="language-python">pb(size)</code></pre>
+       <div class="ms-3 collapse" id="ae907063-cc18-44c2-8cbf-621ff87e7764">
+        <h6 id="c691e996-ac54-469e-ac9d-afff84a19ede">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="0322bbcf-6eb5-405f-997a-47a702a476c6">
+        <table class="table table-sm bg-light" id="b07f8ff9-86ff-46b7-8065-92205b4fc345">
          <thead>
           <tr>
            <th scope="col">
@@ -1263,11 +1269,11 @@ button = Button("Hello").p(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="3781560c-c20c-4023-8fcb-a407908ddf2e">
-        <h6 id="a5bf260d-021e-4a79-ae98-8f2f6bf08eb9">
+       <div class="ms-3 collapse" id="89213589-733e-43bd-8778-884b00380dd9">
+        <h6 id="9ec3e57f-463e-4a53-939d-ccd90d4d02e9">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="7283e354-1d1b-4fde-817a-e22271d32484">
+        <table class="table table-sm bg-light" id="d1a60d19-0aa0-46b6-9238-ea78da0a5dbd">
          <thead>
           <tr>
            <th scope="col">
@@ -1300,43 +1306,43 @@ button = Button("Hello").p(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="c462e7c1-4a7a-4046-aae7-380f6c82b4e2">
-        <h6 id="d194aab3-02ae-4f89-86df-eb7067d34711">
+       <div class="ms-3" id="9be8f8c3-abd4-4fe5-8e58-f8ffe06c33f5">
+        <h6 id="40d1e55a-898c-479d-9c1d-33d9c9268611">
          Example
         </h6>
-        <pre id="393690a7-01d9-401f-b440-ac64d51ba426"><code class="python">from bootwrap import Button
+        <pre id="a18aab8c-829b-4857-b131-36cc762ec2d7"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").pb(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="aae34d36-be93-4d4a-be55-75be4fdd7a39">
-       <div class="d-flex justify-content-between" id="d440b635-7d4d-4c7f-b94b-6a2823ec2bd9">
-        <h4 id="ef465e84-bb2f-4758-984d-570ed3a4b0f9">
+      <div class="mt-5" id="96d8f06c-6527-4b72-8741-03a815a7bd67">
+       <div class="d-flex justify-content-between" id="c7bc6eee-219b-4dee-a25a-6dc82b660191">
+        <h4 id="91b379a0-b89d-4bb8-a6a1-22846eaefa4f">
          Method
-         <span class="text-primary" id="56eb4bbf-2062-409e-abce-b79b293b2035">
+         <span class="text-primary" id="43cb4a07-7c78-4101-b32e-ff65ffea3900">
           pe
          </span>
         </h4>
-        <div id="73dd468f-dbd7-4b4b-90e7-70c4019f4e3a">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7b3d412a-c7d9-42f9-bb94-02f1694541bb" data-bs-toggle="collapse" id="dd87053f-deeb-40cc-ac67-0f2a4d8e42ee" onclick="return false;" type="button">
+        <div id="9b71042d-35af-4f83-afec-5681fd8493dc">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#494daf1d-66d6-4530-bd77-08f48841200b" data-bs-toggle="collapse" id="67310ceb-d218-4ef1-885e-2e982b9139a7" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2c414e16-2a03-431a-9107-32386efc6262" data-bs-toggle="collapse" id="c9750b29-a58a-4ad9-a50a-647c96826f4b" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2ca1641a-0840-41dd-bbc9-79593a38c628" data-bs-toggle="collapse" id="6eca4693-f337-483d-9ed2-f5e207d4f1ce" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="7f80194b-1a9f-4eb8-b66a-485fdb94e547">
+       <span class="text-muted" id="d82c1dbe-10e5-4561-a13d-9a4f7afe0a9a">
         Sets padding for the end(right-side) to the specified size.
        </span>
-       <pre id="2bacbf98-8a3f-409d-a25c-d3ec5df0bff6"><code class="python">pe(size)</code></pre>
-       <div class="ms-3 collapse" id="7b3d412a-c7d9-42f9-bb94-02f1694541bb">
-        <h6 id="73d1d3e7-72b2-47fb-b23d-c546709be14f">
+       <pre id="a1864eda-d61a-4ad8-843c-ae48e522e79c"><code class="language-python">pe(size)</code></pre>
+       <div class="ms-3 collapse" id="494daf1d-66d6-4530-bd77-08f48841200b">
+        <h6 id="d0feaa9b-cf9f-42f0-91d9-02245eb1021f">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="a81d3643-cd48-48cd-9538-4b57a88e3d6a">
+        <table class="table table-sm bg-light" id="a77858ab-0f19-451e-94e9-aeb19949ccd4">
          <thead>
           <tr>
            <th scope="col">
@@ -1369,11 +1375,11 @@ button = Button("Hello").pb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="2c414e16-2a03-431a-9107-32386efc6262">
-        <h6 id="6b528cc4-ff38-423a-a88d-5e0e6065d915">
+       <div class="ms-3 collapse" id="2ca1641a-0840-41dd-bbc9-79593a38c628">
+        <h6 id="508b6776-dc12-4585-9e07-b0b24a38d5d6">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="4fea252a-75ce-4929-abf8-b2b8f3f8474b">
+        <table class="table table-sm bg-light" id="fe6d7ddc-37ee-43ac-a096-0f311106bb32">
          <thead>
           <tr>
            <th scope="col">
@@ -1406,43 +1412,43 @@ button = Button("Hello").pb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="e339600e-accb-45ed-a9d8-9b2e0604c729">
-        <h6 id="d64679df-408d-41ff-bbe9-8335ce8328fa">
+       <div class="ms-3" id="bd9e7adf-e0a6-4176-a22b-4e088325a967">
+        <h6 id="f09b4827-6356-4c68-93ca-6eccff442baf">
          Example
         </h6>
-        <pre id="d188f0fb-fc6a-4e54-bc67-eed3353bd71d"><code class="python">from bootwrap import Button
+        <pre id="25a57626-1e81-4871-be04-ab0f811aab42"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").pe(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="11db4f46-89e7-4942-95c8-3e9c99ad14a4">
-       <div class="d-flex justify-content-between" id="05245085-89ab-4a63-be15-930efd8647fc">
-        <h4 id="0cee155d-1da7-44ab-a1bf-ee044dd7c554">
+      <div class="mt-5" id="20835f04-7642-43b6-920d-c254293ce2b4">
+       <div class="d-flex justify-content-between" id="260eaeaa-e3a1-4d62-a76f-e2556c929474">
+        <h4 id="6c83f8b8-9a94-425f-94ad-8ebf46f587a7">
          Method
-         <span class="text-primary" id="01dcc123-2e4d-448e-87f4-8b2a0b6809bd">
+         <span class="text-primary" id="db81c92f-3029-4f94-a906-175baa6dfa05">
           ps
          </span>
         </h4>
-        <div id="3b9f9474-3bc8-45f4-930d-739220ea43bc">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a6eaa975-6dde-4c61-b069-9911025640ee" data-bs-toggle="collapse" id="21ab9e33-ff1c-4ac4-86b9-1bc71dc4295c" onclick="return false;" type="button">
+        <div id="5518842a-c66e-4615-ba79-bf9ea033e4c8">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5a912f55-1304-4e68-bffe-03d9e4de76f5" data-bs-toggle="collapse" id="7bc5c6bd-92b0-4df3-934c-7bd74b84564e" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#50ac9c0d-3ea5-4128-9b1f-aaa1d8a6547f" data-bs-toggle="collapse" id="e89f1a34-5d14-4bce-bee1-d1921acf5cba" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#aadfb671-fb50-4f09-9d77-f9e7759e0d09" data-bs-toggle="collapse" id="f862429a-c9e6-4f52-af39-f891dd89307c" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="6176508c-9270-4b18-8d7e-836986ecf1e5">
+       <span class="text-muted" id="114ac4c0-1665-4570-a841-7d8a63035255">
         Sets padding for the start(left-side) to the specified size.
        </span>
-       <pre id="b9dfb5d3-ec69-4684-afcd-8e5e3ade3035"><code class="python">ps(size)</code></pre>
-       <div class="ms-3 collapse" id="a6eaa975-6dde-4c61-b069-9911025640ee">
-        <h6 id="669cd99e-5382-4453-8301-d3ec9de94aae">
+       <pre id="861560ad-a770-4d47-a648-61fa1403fbee"><code class="language-python">ps(size)</code></pre>
+       <div class="ms-3 collapse" id="5a912f55-1304-4e68-bffe-03d9e4de76f5">
+        <h6 id="f4204f6f-3c51-43d6-8ebf-164186824a9c">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="042e8524-adc7-4419-9a74-728a7203129c">
+        <table class="table table-sm bg-light" id="ca66bc74-dd74-4c7a-9a71-34e2316a78cd">
          <thead>
           <tr>
            <th scope="col">
@@ -1475,11 +1481,11 @@ button = Button("Hello").pe(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="50ac9c0d-3ea5-4128-9b1f-aaa1d8a6547f">
-        <h6 id="3f87c892-b510-41aa-af7f-44bcf1989f31">
+       <div class="ms-3 collapse" id="aadfb671-fb50-4f09-9d77-f9e7759e0d09">
+        <h6 id="2aafc839-a37b-48ab-90b3-e37f8169bea3">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="dc1ac820-6a23-4211-93c1-2ca76fb40e69">
+        <table class="table table-sm bg-light" id="d5626db0-eadc-4893-bc02-8833112054f3">
          <thead>
           <tr>
            <th scope="col">
@@ -1512,43 +1518,43 @@ button = Button("Hello").pe(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="34635c08-04aa-48c2-8b53-81e080b72832">
-        <h6 id="c0587947-4d81-44a2-ba12-c5462de86840">
+       <div class="ms-3" id="40d8d444-174f-4961-a59f-7aabd5c646bb">
+        <h6 id="73b88f75-dad8-473d-a752-d822ee3e4de5">
          Example
         </h6>
-        <pre id="d559c380-9396-4b88-a564-09c89a17180c"><code class="python">from bootwrap import Button
+        <pre id="26c82d5e-de12-432d-bb5a-663135321ad4"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").ps(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="23099db3-fc29-47a1-84a8-e4dda388088a">
-       <div class="d-flex justify-content-between" id="543a4867-6927-40e5-9d5b-4f22b263ea41">
-        <h4 id="df8770af-7ed3-42e4-ba17-3a0caa319c06">
+      <div class="mt-5" id="b204a3ad-34a9-4a2f-8bad-523ecfb260b9">
+       <div class="d-flex justify-content-between" id="926fbde1-0f22-4bfe-b3ff-a483be764a10">
+        <h4 id="27e3d825-307b-41f0-a15a-956f20f053f9">
          Method
-         <span class="text-primary" id="2020e615-9973-4e97-a864-0ab8d4d2a47c">
+         <span class="text-primary" id="f04abf62-77fe-471d-a6a6-279aacb7c25b">
           pt
          </span>
         </h4>
-        <div id="11691b8f-681d-47b5-89fe-cd966ea37c2b">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1756b539-d469-4a3b-b566-7e845098163d" data-bs-toggle="collapse" id="cbdc1151-f922-4d6b-b5c4-66772e8624e5" onclick="return false;" type="button">
+        <div id="fbb17aed-ebc1-41e9-b3d9-5e4925cc2e50">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e3effd84-b8f4-425c-8495-916ebbb10de7" data-bs-toggle="collapse" id="547daa2b-32cc-40ac-89ad-b7173af9a134" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#bc4fbc6a-1436-4048-aee4-c6e12e2d4086" data-bs-toggle="collapse" id="c5b82607-4f28-4c7e-a446-ba76b44284c2" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#929d92ad-04ed-4d6c-863e-f387abdee73a" data-bs-toggle="collapse" id="a02adaff-a12a-4874-b468-99c912fa6aae" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="d0b46e35-f34b-4ba8-88e5-67d2d64d7b20">
+       <span class="text-muted" id="7744cc76-54b8-445e-aca2-534556940281">
         Sets padding for the top side to the specified size.
        </span>
-       <pre id="b2eaa19e-e73c-4ee3-bd7d-a3ce415abe9a"><code class="python">pt(size)</code></pre>
-       <div class="ms-3 collapse" id="1756b539-d469-4a3b-b566-7e845098163d">
-        <h6 id="30a1d047-7a5e-4c2e-b138-72f137dde290">
+       <pre id="56a12f13-b965-46f1-8210-8ab5547b31e0"><code class="language-python">pt(size)</code></pre>
+       <div class="ms-3 collapse" id="e3effd84-b8f4-425c-8495-916ebbb10de7">
+        <h6 id="f81acfb8-f217-4c9a-a356-8c20a31492ec">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="8f1178f8-2cc5-414a-9b6a-747000090564">
+        <table class="table table-sm bg-light" id="5f80cc07-b369-48f5-b0ee-9218aa571759">
          <thead>
           <tr>
            <th scope="col">
@@ -1581,11 +1587,11 @@ button = Button("Hello").ps(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="bc4fbc6a-1436-4048-aee4-c6e12e2d4086">
-        <h6 id="e696460b-f29a-41c0-818a-5b60f0e4b02b">
+       <div class="ms-3 collapse" id="929d92ad-04ed-4d6c-863e-f387abdee73a">
+        <h6 id="376f9c5e-1c8d-4c46-8fd6-a310adfd1f30">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="e8a289c7-c773-4ad1-b58b-9b27889ac85d">
+        <table class="table table-sm bg-light" id="3b8317e5-18cc-4ad7-bafd-9d2c1472b535">
          <thead>
           <tr>
            <th scope="col">
@@ -1618,43 +1624,43 @@ button = Button("Hello").ps(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f111c36c-3bb7-4536-8830-e8b71d4958f1">
-        <h6 id="669d50c8-3181-41ec-a838-da4c34e111e0">
+       <div class="ms-3" id="f9102f3b-2602-4dae-b1ab-a1e5253aba7a">
+        <h6 id="c9e81c8b-f0fe-4ebe-a27f-224726d0f4d0">
          Example
         </h6>
-        <pre id="e6719d80-80c0-4eaa-adfc-52b70f57d470"><code class="python">from bootwrap import Button
+        <pre id="24531de6-e28e-4371-acc9-e3f8c730efe5"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").pt(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="47ac32bf-476f-4505-a4ff-84190cb4fea2">
-       <div class="d-flex justify-content-between" id="5b151ef4-7d94-42c4-a7e7-9ebcfd618b8e">
-        <h4 id="fef152cc-8ef3-4593-be40-4aa12fc934fd">
+      <div class="mt-5" id="4d74dd25-e665-48f5-87a4-00ce7aa1e836">
+       <div class="d-flex justify-content-between" id="79f31f08-e848-4b04-b1ce-8db10075e889">
+        <h4 id="3697cdb0-33ad-47b4-b4ff-86ec3e1a7979">
          Method
-         <span class="text-primary" id="62a280e3-5f5b-4e03-8d8c-faee6426656c">
+         <span class="text-primary" id="3d000d4c-c366-4ac6-bf57-5189d62567c0">
           px
          </span>
         </h4>
-        <div id="ea26dc59-d1cf-4d13-97b4-6ac6d08b4611">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c7c7a596-79fa-4d96-a551-840be19d5296" data-bs-toggle="collapse" id="13750aac-1bd2-499c-b271-fe19fc2b71f9" onclick="return false;" type="button">
+        <div id="bac36242-bae5-410c-9776-857f1ef545a5">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f34f27bc-4fae-4aee-9dd0-2f433fc7ec9d" data-bs-toggle="collapse" id="5489dfae-f581-461c-9b64-945fad9a99ee" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#02d9eef3-5699-40bd-8088-74495796617f" data-bs-toggle="collapse" id="33307214-2bbd-4b4f-99df-f6ce4c9d577a" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#962a2c50-e383-4c1e-a75c-826ee12b35bb" data-bs-toggle="collapse" id="34990aed-e0d5-4d16-a780-897727177391" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c38b8bec-629a-48c4-94c8-9f72dd39f22d">
+       <span class="text-muted" id="a6fff0ac-527d-4fc3-ab3d-62e5f5e061de">
         Sets padding for left and right sides to the specified size.
        </span>
-       <pre id="b8394594-08cf-4385-8f0d-ecaeddc849f9"><code class="python">px(size)</code></pre>
-       <div class="ms-3 collapse" id="c7c7a596-79fa-4d96-a551-840be19d5296">
-        <h6 id="bd4aa1c5-810b-4098-929a-1234c5920bff">
+       <pre id="53c81eb7-560f-4006-97e3-78fc0e406ac2"><code class="language-python">px(size)</code></pre>
+       <div class="ms-3 collapse" id="f34f27bc-4fae-4aee-9dd0-2f433fc7ec9d">
+        <h6 id="1c3a3d18-35de-49e9-95f9-8def2663b186">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="a87ea92c-0e15-44cf-8b9a-33b55347b30d">
+        <table class="table table-sm bg-light" id="0e800b09-60cd-4d7f-94c3-8ec7e64fe788">
          <thead>
           <tr>
            <th scope="col">
@@ -1687,11 +1693,11 @@ button = Button("Hello").pt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="02d9eef3-5699-40bd-8088-74495796617f">
-        <h6 id="ea2cf5ae-0ba3-413d-b5ce-fa2e9a2be517">
+       <div class="ms-3 collapse" id="962a2c50-e383-4c1e-a75c-826ee12b35bb">
+        <h6 id="74d926f6-a7df-4376-b2b0-a42dc59b21b0">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="796ae7d5-a937-4cc3-af4d-8e6f4e75586c">
+        <table class="table table-sm bg-light" id="7d23c9e2-a4b6-48d0-956f-5bb53f45ba44">
          <thead>
           <tr>
            <th scope="col">
@@ -1724,43 +1730,43 @@ button = Button("Hello").pt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="2cd86645-d73f-4887-8077-535349384595">
-        <h6 id="ae4f43c1-ab23-49e4-82c9-a017cbb39fff">
+       <div class="ms-3" id="d57cbb72-8cac-493f-b049-589060234eb5">
+        <h6 id="81352d37-e4c9-459c-b78e-f5ace9d2ff7c">
          Example
         </h6>
-        <pre id="fb876371-7838-49aa-8694-73c37f21ff7d"><code class="python">from bootwrap import Button
+        <pre id="fe205472-8401-4616-a628-04354fba64d0"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").px(3)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="21a9ab9c-6565-43ca-a990-f4b8ae38c6f8">
-       <div class="d-flex justify-content-between" id="719404e2-87c8-4a99-8013-078cc754a188">
-        <h4 id="c58befed-a351-4e4e-9bbf-161bc80d199e">
+      <div class="mt-5" id="5d9a3002-90dd-4081-b343-d3b1622b4254">
+       <div class="d-flex justify-content-between" id="339ff611-9ead-4bbe-96f5-4c2df21b27c8">
+        <h4 id="3489efc7-00e4-460a-bebf-78108bba3862">
          Method
-         <span class="text-primary" id="ce4ff18c-c379-4419-943f-d4e11de583a7">
+         <span class="text-primary" id="5bb72223-582d-4d46-a83d-407a9521e9fb">
           py
          </span>
         </h4>
-        <div id="f7474e53-2811-433e-8061-7e19185adfce">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ef10e5e9-09ea-4922-81c0-b00dd10cf9c9" data-bs-toggle="collapse" id="2bc3b7e9-447e-45f4-9e3b-9eb250c46e60" onclick="return false;" type="button">
+        <div id="85545315-41db-48a7-b40b-769baf4749a7">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#80df5113-214c-4796-87a2-aca0fd30fb9f" data-bs-toggle="collapse" id="2e27cb6d-06c7-433f-94a5-fbcd489f8555" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#4a7d53b7-0afa-4a8a-abcf-81cd53fe5762" data-bs-toggle="collapse" id="2989c917-b475-4ed4-8e8b-ffa6d0cdd0f3" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#61f5ef08-6160-4572-a5c7-4cee461f6843" data-bs-toggle="collapse" id="e8d96688-dcc8-461e-99be-e36eea026839" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="79694ff4-485f-42c1-9c90-66d092c0fe99">
+       <span class="text-muted" id="024a6aad-08bf-4788-98b1-5575bff1d5ef">
         Sets padding for top and bottom sides to the specified size.
        </span>
-       <pre id="acd8ce2d-cd99-494e-b1c2-29c8d30e8eb9"><code class="python">py(size)</code></pre>
-       <div class="ms-3 collapse" id="ef10e5e9-09ea-4922-81c0-b00dd10cf9c9">
-        <h6 id="05e7cdde-2fb7-40f2-b3a0-5de0a5247367">
+       <pre id="9235329e-32f8-429c-9691-9725e51d198f"><code class="language-python">py(size)</code></pre>
+       <div class="ms-3 collapse" id="80df5113-214c-4796-87a2-aca0fd30fb9f">
+        <h6 id="a776bab7-588c-4d60-a3fc-c5b45708fb94">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="1069b9bb-cec0-41b7-a205-9766f5d368dc">
+        <table class="table table-sm bg-light" id="f86c629f-3b4d-4eab-8a47-41f12deb9160">
          <thead>
           <tr>
            <th scope="col">
@@ -1793,11 +1799,11 @@ button = Button("Hello").px(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="4a7d53b7-0afa-4a8a-abcf-81cd53fe5762">
-        <h6 id="700c810d-2d3c-44e3-9003-a4f0cb5a93a0">
+       <div class="ms-3 collapse" id="61f5ef08-6160-4572-a5c7-4cee461f6843">
+        <h6 id="5e0febe2-46c9-4837-9716-83565c9dc2d4">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="2ea8f1f1-3c71-456a-a79c-7d31b7c400f8">
+        <table class="table table-sm bg-light" id="ac14858b-2d27-45b2-8a98-bf2b180c4618">
          <thead>
           <tr>
            <th scope="col">
@@ -1830,11 +1836,11 @@ button = Button("Hello").px(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4e8ef0e0-2c77-494f-a7f7-53216643dc07">
-        <h6 id="859c6c36-5b1e-4c5a-a5e7-306d1fdd34a8">
+       <div class="ms-3" id="55305948-f9f1-4b0a-978d-ce7ae1ca17bf">
+        <h6 id="30851984-8cba-498a-8ae4-e9598d2e43e7">
          Example
         </h6>
-        <pre id="de0d4713-d108-478e-adca-467378ef4576"><code class="python">from bootwrap import Button
+        <pre id="9ce46afd-bf0b-431e-843d-0f600045e487"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").py(3)
@@ -1843,48 +1849,48 @@ button = Button("Hello").py(3)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="23dfcf5f-4590-4252-bf75-ccb2ce4067ec">
-     <div class="mt-5" id="3cb5cc5f-85d3-4f5e-8d37-fc42614e7307">
-      <div class="d-flex justify-content-between" id="5d941f21-4187-45da-950c-2e286f9d43eb">
-       <h1 id="0de95c50-3497-445c-b2ac-3655a2e7a8f5">
+    <div class="tab-pane fade" id="cafdb5d2-9091-403c-8975-b47f6b592537">
+     <div class="mt-5" id="21f4bfb2-74fd-4050-9c46-8c33a12ead32">
+      <div class="d-flex justify-content-between" id="598eb6f5-c8f3-42b3-9418-45842abe2911">
+       <h1 id="6ec77d54-84b4-4e78-b50f-61af5e14b5b4">
         Class
-        <span class="text-primary" id="7abe1176-fae7-4618-999a-adaf64834fde">
+        <span class="text-primary" id="6cfbdd4a-fa55-4c2c-9ba9-7395bdde5a2e">
          ActionMixin
         </span>
        </h1>
-       <div id="b08dbcc3-b46d-4988-bfc2-f54818d4a4f7">
+       <div id="dabf261f-03e1-459a-a380-80bec66af069">
        </div>
       </div>
-      <span class="text-muted" id="f6fcf963-d20a-47fc-8f86-c102a361a2a8">
+      <span class="text-muted" id="9b2328a4-6203-4cca-8bf5-a32494b59b42">
        Mixin for a web component which able to perform an action.
       </span>
-      <pre id="7e1e3c5f-5224-47da-af5e-5bc2b13a327e"><code class="python">ActionMixin()</code></pre>
-      <div class="mt-5" id="d69ec94e-8e71-4f90-bdfe-24a76578f2aa">
-       <div class="d-flex justify-content-between" id="1824a449-d692-4a7a-8236-2a185342b6c9">
-        <h4 id="0d4d0c88-3f6c-4cce-a33f-afe51fe8e3a9">
+      <pre id="754ab82d-dd0e-4230-9cf4-0127b5d499b8"><code class="language-python">ActionMixin()</code></pre>
+      <div class="mt-5" id="811a26d7-9782-44d3-9b65-66c8c2057886">
+       <div class="d-flex justify-content-between" id="3d6d506c-d86b-468c-9191-f9516b7399c3">
+        <h4 id="ecca059f-273c-489b-8f77-04ea59a853c4">
          Method
-         <span class="text-primary" id="a30076d8-6cf0-4c06-9220-940496869d2d">
+         <span class="text-primary" id="4f1fe9c7-7f10-4adb-ab38-bc9f159c161e">
           add_menu
          </span>
         </h4>
-        <div id="39e337f4-c7d1-48c4-b570-17303916806a">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9a799a36-5965-4421-a7f6-96f210acea76" data-bs-toggle="collapse" id="e281a1ce-9b1e-4625-a04c-aaa44c231d58" onclick="return false;" type="button">
+        <div id="87ecc001-3aa9-46c3-bf2e-e80e92e28c08">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#65c2badd-9cb2-40b2-98e8-456fd355bd56" data-bs-toggle="collapse" id="e946fbc8-4a0b-4638-8c95-ab4e00171809" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e7836d44-298c-4ebe-a7b8-8529f6553450" data-bs-toggle="collapse" id="5a6b7118-32ae-4002-8d6e-d98a70098074" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d1c185e8-19c9-4bc9-9601-5e839bd4ee70" data-bs-toggle="collapse" id="d83225c7-4eda-4d3c-9840-398659b4f149" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="7b7ae256-7728-4fa3-a58a-62c22ab4c058">
+       <span class="text-muted" id="14c281be-01fa-4f9c-aeca-c8e1a1b14951">
         Adds dropdown menu.
        </span>
-       <pre id="e8152bfb-b217-4b2d-a9a5-ebfb5db41b96"><code class="python">add_menu(*menu)</code></pre>
-       <div class="ms-3 collapse" id="9a799a36-5965-4421-a7f6-96f210acea76">
-        <h6 id="353b13eb-5145-4ec8-aa2a-e83387e34303">
+       <pre id="4bfeed6d-f98f-4790-b8e2-289efa29932e"><code class="language-python">add_menu(*menu)</code></pre>
+       <div class="ms-3 collapse" id="65c2badd-9cb2-40b2-98e8-456fd355bd56">
+        <h6 id="63b424a4-a9b1-43e6-be97-75b58c9aebb0">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="4b25ab57-ec6c-4911-96a4-a306f77df5d2">
+        <table class="table table-sm bg-light" id="1fb5a72c-b268-47e7-a187-a6ae21515435">
          <thead>
           <tr>
            <th scope="col">
@@ -1926,11 +1932,11 @@ button = Button("Hello").py(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="e7836d44-298c-4ebe-a7b8-8529f6553450">
-        <h6 id="ba61db3a-98a1-4581-96d0-872394fced19">
+       <div class="ms-3 collapse" id="d1c185e8-19c9-4bc9-9601-5e839bd4ee70">
+        <h6 id="eab49386-a2a7-4114-a47f-06ceaf31aff7">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="ef96bee3-1ec8-44d1-9d8f-7fafb81f2154">
+        <table class="table table-sm bg-light" id="d010b4c4-e7ab-44c0-bad5-bd866f8d8ef4">
          <thead>
           <tr>
            <th scope="col">
@@ -1963,11 +1969,11 @@ button = Button("Hello").py(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="e469982b-25c8-4492-a309-fecee1d758b6">
-        <h6 id="30b65091-bf22-4595-99bb-dd3c875961ec">
+       <div class="ms-3" id="89b8072f-9a1a-47db-8797-9b044b9a046e">
+        <h6 id="a4f38d98-9eff-4045-86f2-c468e617132e">
          Example
         </h6>
-        <pre id="1a1d04b5-96d3-4af6-a111-6026484f14d7"><code class="python">from bootwrap import Button
+        <pre id="a294963b-7a86-4106-9700-db6e8cdf6934"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ActionMixin.
 button = Button('Portfolio').add_menu(
@@ -1978,29 +1984,29 @@ button = Button('Portfolio').add_menu(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="b425cd95-2895-403b-94bd-d0166c1f2c6e">
-       <div class="d-flex justify-content-between" id="66019cfc-9784-404c-841f-c9fd288b1585">
-        <h4 id="4f975a18-301b-4e32-86a9-c0bbd8bf58c9">
+      <div class="mt-5" id="e51e8dca-92c2-4001-9ee7-ea58ce35d014">
+       <div class="d-flex justify-content-between" id="79ff0917-f300-4086-9c3e-e769622bb728">
+        <h4 id="8a12d8fa-70eb-4f4b-9dfe-c2ebbef78c84">
          Method
-         <span class="text-primary" id="0fa44099-ca15-4058-81a3-cfdcef7fc21c">
+         <span class="text-primary" id="e25d05b1-1952-4685-8f42-4e968d223bdf">
           dismiss
          </span>
         </h4>
-        <div id="738042fa-7098-4c2f-8f9a-1cd55ccd673f">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8f1ae8ad-fa9f-4df9-b9a4-aac06118ba62" data-bs-toggle="collapse" id="2ffe9205-920c-4cdd-82a5-a3cc520409a8" onclick="return false;" type="button">
+        <div id="ca095737-1027-4106-b891-5b87cfd8292a">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ea4c0fde-3e7c-4d4c-b71e-86a96c39e897" data-bs-toggle="collapse" id="eb354875-4ec1-4d84-a094-c388456e2217" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="34ccea0b-1f23-49aa-a891-fa7824ab4919">
+       <span class="text-muted" id="479893c4-7d16-4098-a6b2-fc9aad6505b3">
         Performes a dismiss action.
        </span>
-       <pre id="1085afd0-2556-471d-baff-8319721e2ca4"><code class="python">dismiss()</code></pre>
-       <div class="ms-3 collapse" id="8f1ae8ad-fa9f-4df9-b9a4-aac06118ba62">
-        <h6 id="b96f43a0-fc50-47c3-9a7d-0c14e7e43c4a">
+       <pre id="61c71a9d-fb74-4ce9-99ab-3e73188d7954"><code class="language-python">dismiss()</code></pre>
+       <div class="ms-3 collapse" id="ea4c0fde-3e7c-4d4c-b71e-86a96c39e897">
+        <h6 id="7ed8f8cd-0c29-46e5-a3df-a6a076a9e8c7">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="8b6482fb-54b4-49ee-914a-d7c803bc4b82">
+        <table class="table table-sm bg-light" id="d1bfd450-2ca8-4b1c-8eef-e0431bffbda4">
          <thead>
           <tr>
            <th scope="col">
@@ -2033,11 +2039,11 @@ button = Button('Portfolio').add_menu(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="fc0d7330-0de9-47e9-ad6f-89ceb3357a31">
-        <h6 id="dbe92d62-6acf-401c-b57a-4f8c1a69332f">
+       <div class="ms-3" id="5baf58f5-16f7-4bcc-8e5e-eb010ce3c2ba">
+        <h6 id="ad7045c3-a985-48f2-ba70-059b6a99796e">
          Example
         </h6>
-        <pre id="6946dd1b-f884-45d6-961a-dd86fbd4c2a1"><code class="python">from bootwrap import Dialog, Button
+        <pre id="884df9f6-b4f4-4668-bb41-5003b71170b1"><code class="language-python">from bootwrap import Dialog, Button
 
 # Note, that Button inherits ActionMixin.
 dialog = Dialog(
@@ -2047,32 +2053,32 @@ dialog = Dialog(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="b57de400-b7fa-4cb5-856e-cc9870aa8731">
-       <div class="d-flex justify-content-between" id="d45ddd6c-9f3a-4b28-8fca-77f568cb5730">
-        <h4 id="21e9e7d9-50df-4f77-aec7-6dc494d444bb">
+      <div class="mt-5" id="563aaeae-d891-4cea-b0af-1c28d0380b49">
+       <div class="d-flex justify-content-between" id="c035f028-c417-47ab-be24-a848d41c0e1a">
+        <h4 id="88334ce7-a925-4183-8fb2-63cae0afa809">
          Method
-         <span class="text-primary" id="9c467908-ed2e-4aa2-ac18-c168952e90ae">
+         <span class="text-primary" id="b156097d-2c6a-4b85-a9a4-5fd5c3e81d77">
           link
          </span>
         </h4>
-        <div id="9f8c65f0-e547-49a7-8734-e33714182924">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5dbfd555-c491-496b-b1b5-63a25cee5415" data-bs-toggle="collapse" id="3708ed48-f8cd-4c42-90fe-be5546b59fa6" onclick="return false;" type="button">
+        <div id="9988302d-01f7-4280-89a2-5b8a9eb557db">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#44d356e6-9075-4d95-bc2a-260aa2bb88ac" data-bs-toggle="collapse" id="75e06ec1-6ae7-4480-a402-e06e4844b119" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c803bee9-3531-44f9-bed4-2db744e7f54f" data-bs-toggle="collapse" id="954ad2f1-708c-4a03-9124-67b685da064a" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#37c67809-19a8-4de5-9a61-2c2fbadc2a6a" data-bs-toggle="collapse" id="2bf097e6-5858-4257-b369-ee71cc3684ff" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="d818916c-e1b3-4d1d-a0bb-1e89c73f5423">
+       <span class="text-muted" id="648fb05f-2337-4348-943a-93a10845b70f">
         Links to the web-resource.
        </span>
-       <pre id="5b1ff220-3fa8-4ec9-adc4-f6e449d93018"><code class="python">link(target)</code></pre>
-       <div class="ms-3 collapse" id="5dbfd555-c491-496b-b1b5-63a25cee5415">
-        <h6 id="8bb304c5-27a0-4548-8109-b1b6b8cb372c">
+       <pre id="ff7b8677-08f6-4307-b325-e3608c93ea90"><code class="language-python">link(target)</code></pre>
+       <div class="ms-3 collapse" id="44d356e6-9075-4d95-bc2a-260aa2bb88ac">
+        <h6 id="7b56f8cb-fcdf-46df-961f-f7fb06cee688">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="c8816800-6cb5-4fee-83ca-096261d03194">
+        <table class="table table-sm bg-light" id="85beface-c4a5-4d3d-9f14-d82e8b859b63">
          <thead>
           <tr>
            <th scope="col">
@@ -2110,11 +2116,11 @@ dialog = Dialog(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="c803bee9-3531-44f9-bed4-2db744e7f54f">
-        <h6 id="1fd797ba-ec98-4025-a39c-c69c9535caca">
+       <div class="ms-3 collapse" id="37c67809-19a8-4de5-9a61-2c2fbadc2a6a">
+        <h6 id="342bdc63-d374-4e90-a608-c6474e82acf7">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="5888dd1a-50bb-48be-94d9-95b73589ba37">
+        <table class="table table-sm bg-light" id="2190f169-b2a4-427b-905c-32ba6b9c6859">
          <thead>
           <tr>
            <th scope="col">
@@ -2147,40 +2153,40 @@ dialog = Dialog(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="8efc2f9c-6c2e-47ed-92f7-bfbcd0e6c826">
-        <h6 id="9c5b464a-e21e-4743-bcb1-324a2f1fed2b">
+       <div class="ms-3" id="04110272-d1e9-41b9-b471-d5021bcec1ab">
+        <h6 id="cf772b12-97b1-4372-9be4-78613dca01da">
          Example
         </h6>
-        <pre id="f20eb95b-b7ca-4079-9021-d5e0bf88034b"><code class="python">from bootwrap import Button
+        <pre id="129a1c63-ab5d-4e7d-b416-6a2878fa49ea"><code class="language-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="9b427371-4a9c-400b-9aea-3d62dbee2fdf">
-       <div class="d-flex justify-content-between" id="5ea25c07-7491-401c-b8b0-33a10ca6db1f">
-        <h4 id="ec8d6bd8-692b-4d48-9e3a-7b87c6f16e7e">
+      <div class="mt-5" id="ca7b80a2-4689-4ecb-8f84-959e2c0aef36">
+       <div class="d-flex justify-content-between" id="85c32d10-69b6-49a4-9efb-6a63a5bab2a2">
+        <h4 id="979c1ab9-70d3-44aa-ae0b-dbd3015e8776">
          Method
-         <span class="text-primary" id="2b79a0eb-d239-4533-be1c-9551e9e4af15">
+         <span class="text-primary" id="364d263e-94ff-473d-afd2-8a074318887a">
           submit
          </span>
         </h4>
-        <div id="780d7dc8-afc9-47a3-a748-97837aa1de0d">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#619a51a2-5051-4c98-b28b-b268331c89ae" data-bs-toggle="collapse" id="0b573303-109b-4136-9129-7022de0e5743" onclick="return false;" type="button">
+        <div id="2184e879-0267-4dae-b15a-1f88f28c0687">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f4597624-ed7d-40a7-abe6-65030ed30072" data-bs-toggle="collapse" id="6796ec4f-1d5b-4407-becb-584d09b7193d" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="fb4711c0-5aca-4c6f-b099-8eb537bb8429">
+       <span class="text-muted" id="5cbcb79f-bf19-4b52-a257-907b21bf3803">
         Performes a submit action.
        </span>
-       <pre id="cad23c6c-7191-4ab6-9802-6f940170fc4f"><code class="python">submit()</code></pre>
-       <div class="ms-3 collapse" id="619a51a2-5051-4c98-b28b-b268331c89ae">
-        <h6 id="8ee9b8db-c48b-403c-ab69-185c478d9489">
+       <pre id="6a824b26-36f0-45b6-b67e-6ed8b9cbdf80"><code class="language-python">submit()</code></pre>
+       <div class="ms-3 collapse" id="f4597624-ed7d-40a7-abe6-65030ed30072">
+        <h6 id="948e21f0-761b-48a5-81d8-07986dc8e74b">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="ed8a3dd8-2718-4ba8-b266-9dfa8aa99597">
+        <table class="table table-sm bg-light" id="966c17ee-e5a2-4144-b103-28031dcb6426">
          <thead>
           <tr>
            <th scope="col">
@@ -2213,11 +2219,11 @@ button = Button("Search").link("https://www.google.com")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="99e38e6c-7b72-460e-974d-6808e6a0f835">
-        <h6 id="b4f58a9a-e8e0-412e-aae4-6aeefd944573">
+       <div class="ms-3" id="bd045aff-721e-45b7-ac04-933b2df725ad">
+        <h6 id="9d48f2e5-30b6-4349-8090-71998912ff6a">
          Example
         </h6>
-        <pre id="963cf7b6-0528-468d-a2d8-fcf679d00456"><code class="python">from bootwrap import Form, Button
+        <pre id="4a210418-083a-493a-a1c0-c6328f4dc2ad"><code class="language-python">from bootwrap import Form, Button
 
 # Note, that Button inherits ActionMixin.
 form = Form(
@@ -2227,32 +2233,32 @@ form = Form(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="e3bb0625-d93d-4177-8c23-90fbd50feb13">
-       <div class="d-flex justify-content-between" id="2910bc37-a31d-46e4-8ea1-5547a5993242">
-        <h4 id="2e872cdc-8180-4200-b601-536b4bf63771">
+      <div class="mt-5" id="2511ef68-e1f2-4f80-99b0-93ff4fd68d9d">
+       <div class="d-flex justify-content-between" id="f82b9cb2-90e3-4bc8-99af-4ee5c643397e">
+        <h4 id="db68a9ef-97b7-4d0e-b8e5-6424f3bee43c">
          Method
-         <span class="text-primary" id="b5b5efbc-5991-429e-a65c-7d83227672cf">
+         <span class="text-primary" id="4a1322a5-6713-46ad-a273-f0bbaad7a3eb">
           toggle
          </span>
         </h4>
-        <div id="e490bd0a-ac02-4952-acd2-e75d2ca0b6e4">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#04f23eb5-674a-43e3-bd2d-47b2c4c56ed6" data-bs-toggle="collapse" id="faf55874-6067-4a4e-ba28-cd1b5e4d39d5" onclick="return false;" type="button">
+        <div id="0fae4576-38b5-4dc9-9226-eab4158b108e">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3f3e9b71-ab1e-4c27-aeaa-a5235003712c" data-bs-toggle="collapse" id="01f83e46-a8f8-44f0-a8bd-8036f390d46c" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#064e98ed-0a76-46db-a348-427bd8d1d921" data-bs-toggle="collapse" id="480c90d8-ab37-40ca-a2d3-b39266aecfb0" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#36448961-2e70-467c-9c13-d5c69a6ca058" data-bs-toggle="collapse" id="c844ebd8-887d-457c-a28a-a282784c1500" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="1efac113-0ac1-46ad-85d0-a8196855bb95">
+       <span class="text-muted" id="352f66c0-1212-42df-8517-280a8305ec98">
         Toggles an other web component.
        </span>
-       <pre id="092aa6d1-6886-4739-bef3-014ac3300991"><code class="python">toggle(target)</code></pre>
-       <div class="ms-3 collapse" id="04f23eb5-674a-43e3-bd2d-47b2c4c56ed6">
-        <h6 id="16f01083-57ea-4dc5-ae82-430b8eb554fc">
+       <pre id="ceff6b31-a063-4135-804e-81ede36b9398"><code class="language-python">toggle(target)</code></pre>
+       <div class="ms-3 collapse" id="3f3e9b71-ab1e-4c27-aeaa-a5235003712c">
+        <h6 id="94af4dd0-08b4-4252-afde-10380a01733d">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="460e8336-089b-4d42-95b7-613a63edc171">
+        <table class="table table-sm bg-light" id="2243b275-f78d-4c9c-877c-0ce8e4e659b4">
          <thead>
           <tr>
            <th scope="col">
@@ -2285,11 +2291,11 @@ form = Form(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="064e98ed-0a76-46db-a348-427bd8d1d921">
-        <h6 id="1b1af654-522e-4b75-8132-7a7b5eda758a">
+       <div class="ms-3 collapse" id="36448961-2e70-467c-9c13-d5c69a6ca058">
+        <h6 id="e4798e5e-1743-489c-b253-f643d6525335">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="eea4273b-a2fa-471a-9055-e1ee76c04daf">
+        <table class="table table-sm bg-light" id="1a1de366-eae3-4ff7-92d3-eccec83f865c">
          <thead>
           <tr>
            <th scope="col">
@@ -2322,11 +2328,11 @@ form = Form(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="31add213-1264-4a7c-8c6e-c17146b01c2f">
-        <h6 id="c3fba7ae-ec6b-4f59-b1ce-cce08ffd64c0">
+       <div class="ms-3" id="49bb4c8d-90d6-42fb-8945-2b4de0b462f2">
+        <h6 id="9efd97dc-baad-46f1-a529-42273d7eacc1">
          Example
         </h6>
-        <pre id="96057a93-1127-4ddf-8d02-e95dd54a7032"><code class="python">from bootwrap import Button, Dialog
+        <pre id="1fcc26fc-7af5-4fc5-a1d6-a2ccf1f1c3d3"><code class="language-python">from bootwrap import Button, Dialog
 
 # Note, that Button inherits ActionMixin.
 dialog = Dialog(...)
@@ -2336,46 +2342,46 @@ button = Button("Open").toggle(dialog)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="cc4a1b9b-7195-42ae-b952-f9b4fe4b90eb">
-     <div class="mt-5" id="8bf85235-8990-4e7d-ae69-6f018ce0262d">
-      <div class="d-flex justify-content-between" id="5a355092-4f26-4e77-b3cd-1d0992b26a50">
-       <h1 id="62effaa8-d0f7-4d33-8266-af46da29a2ad">
+    <div class="tab-pane fade" id="b77d1de9-ee66-4461-8380-8f7f655eb6c9">
+     <div class="mt-5" id="4c31b96b-83cc-432b-9c8f-9022495512d9">
+      <div class="d-flex justify-content-between" id="b62b991a-4253-49a7-bf5f-ab645867ec68">
+       <h1 id="7d9f1d53-ad31-4bf6-8fb2-68c09d875f1f">
         Class
-        <span class="text-primary" id="b0e66d7c-7db2-4468-8a38-6808e93f96b6">
+        <span class="text-primary" id="843688cb-2116-460a-8bce-44b865bf2b7e">
          AppearanceMixin
         </span>
        </h1>
-       <div id="ae545bf2-509b-4f7a-a374-27abcf5ac1ca">
+       <div id="badc30c1-5cec-467c-ab4d-14d378b28594">
        </div>
       </div>
-      <span class="text-muted" id="d8e180ba-4336-42d1-8ae2-4d7517d766ba">
+      <span class="text-muted" id="30c1f696-4b53-4054-95d0-4fa81f281307">
        Mixin for a web component which appearance can be associated
     with predefined categories.
       </span>
-      <pre id="06e2a02e-371f-4125-81b3-22794a19fd4a"><code class="python">AppearanceMixin()</code></pre>
-      <div class="mt-5" id="06c8e69c-fc56-47c6-a001-685fd489487a">
-       <div class="d-flex justify-content-between" id="ec37a0ee-d604-42fe-8578-ee3fecb91a7d">
-        <h4 id="8de65717-d679-4819-9744-e4b350cda194">
+      <pre id="5fbb687b-8875-41a7-a210-480086afae76"><code class="language-python">AppearanceMixin()</code></pre>
+      <div class="mt-5" id="f0951e4d-6321-4e32-848a-4390ca1cb3b8">
+       <div class="d-flex justify-content-between" id="7773977e-5a52-43c1-b33d-c6912b031ace">
+        <h4 id="f83fd9dc-9195-4029-84b3-0fc677c36bc6">
          Method
-         <span class="text-primary" id="1bd91ccc-7d82-462a-8fe2-2a848b85e4bf">
+         <span class="text-primary" id="58037627-a228-4784-96e7-35b5bd92a4e9">
           as_danger
          </span>
         </h4>
-        <div id="762e3b50-5e5f-464c-b862-ebee0357c561">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#bfd103f6-86db-4fcb-bb48-e9be270e80df" data-bs-toggle="collapse" id="fc645ab0-6548-4d99-b34a-bda60fae9b13" onclick="return false;" type="button">
+        <div id="1bb54b5c-6171-4063-a5e9-9ee7376b760f">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#1c8cbf93-1590-4851-b5d8-daf235c937ec" data-bs-toggle="collapse" id="364df82d-94eb-43c7-bad2-7ae40f8eb725" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="6069058b-4c67-4769-a72f-b21523c4a926">
+       <span class="text-muted" id="65380d69-1285-4248-9e06-91edf4e11530">
         Makes the 'danger' look to a web components.
        </span>
-       <pre id="5e8cd5f2-77cb-4040-aebf-5ed6d8fa967b"><code class="python">as_danger()</code></pre>
-       <div class="ms-3 collapse" id="bfd103f6-86db-4fcb-bb48-e9be270e80df">
-        <h6 id="31bead29-fe06-438c-9788-55478df38477">
+       <pre id="f939591e-fd2b-4b8e-8e40-7e97ca6ca4e2"><code class="language-python">as_danger()</code></pre>
+       <div class="ms-3 collapse" id="1c8cbf93-1590-4851-b5d8-daf235c937ec">
+        <h6 id="65b19901-bdac-4f23-b7f0-c9b3b1562a24">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="3b93c35f-8f7d-466b-98ea-4c152a6b991e">
+        <table class="table table-sm bg-light" id="7e611a2c-16e0-4b0e-99dc-390a8dace99c">
          <thead>
           <tr>
            <th scope="col">
@@ -2408,40 +2414,40 @@ button = Button("Open").toggle(dialog)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="8f1ffe17-a800-4a83-b67a-9e86d0739066">
-        <h6 id="eff20d98-1a93-4efc-8584-289d4be2f3bb">
+       <div class="ms-3" id="6cf72b33-e431-4c7a-a80c-54fe8d8c0f7e">
+        <h6 id="1dead6af-f63f-45dc-8cac-3c345eb634ba">
          Example
         </h6>
-        <pre id="509fb70e-a411-43cb-8f78-66a563741076"><code class="python">from bootwrap import Button
+        <pre id="1e76b25f-b5ed-4347-8267-85a710d64ef8"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Danger").as_danger()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="4cb215fe-5426-4397-9c50-76510f25d407">
-       <div class="d-flex justify-content-between" id="d91b492f-ffd8-4105-81d6-894b0760cb21">
-        <h4 id="a5ec1386-3cbd-4c6e-9609-43ef08cb2283">
+      <div class="mt-5" id="dd1f432d-729d-4b16-b58b-8250d4b7539e">
+       <div class="d-flex justify-content-between" id="85f87b29-e013-4ddf-9974-059533afa328">
+        <h4 id="aaeb45a6-9e42-4708-b150-153d0e4b4aab">
          Method
-         <span class="text-primary" id="4f2fc1a8-7ef5-47cf-ac41-df98e088d28e">
+         <span class="text-primary" id="75492072-1097-483c-af61-bef115617b2b">
           as_dark
          </span>
         </h4>
-        <div id="665bf4dc-9c1b-40dd-ba97-39c44cfa531e">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e435d365-dc83-4a56-9fe9-427f93563fcb" data-bs-toggle="collapse" id="40a7fab3-b165-4f42-b6d8-6fab6f85c72c" onclick="return false;" type="button">
+        <div id="8c62044a-8378-4e67-b7d4-e73d797f30da">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8e7ba1f0-dc8e-4911-87ed-2f07618ff6ef" data-bs-toggle="collapse" id="80d53e5c-5c92-46d8-b01e-e216be40d403" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="6103a7f5-001a-4600-bd36-46dcf660f209">
+       <span class="text-muted" id="ac40e64f-ba6c-4cc4-9f92-9ba9915d8304">
         Makes the 'dark' look to a web components.
        </span>
-       <pre id="deea99b7-b4f0-4cce-97c4-5a0cf833d341"><code class="python">as_dark()</code></pre>
-       <div class="ms-3 collapse" id="e435d365-dc83-4a56-9fe9-427f93563fcb">
-        <h6 id="885362eb-03d4-4cc0-9b79-c2833508f5b4">
+       <pre id="1e9c73b7-f1f5-410c-9474-5963288edb0f"><code class="language-python">as_dark()</code></pre>
+       <div class="ms-3 collapse" id="8e7ba1f0-dc8e-4911-87ed-2f07618ff6ef">
+        <h6 id="14a2cee3-a581-4415-a8e3-2f86f9b2d06c">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="a45bab5d-d1e9-4254-8140-8ff80b1fc574">
+        <table class="table table-sm bg-light" id="532e2d1c-45cd-48ab-9780-ba1e5c431e08">
          <thead>
           <tr>
            <th scope="col">
@@ -2474,40 +2480,40 @@ button = ("Danger").as_danger()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4991b22e-aa49-4a28-83fc-fa88166180bf">
-        <h6 id="b6be3d67-c810-4fa8-b629-35101669d99c">
+       <div class="ms-3" id="076c3399-5ed7-492f-8b9a-1c001c9b5bd1">
+        <h6 id="b7ab8717-0832-4d16-b19b-9b8f25545ae0">
          Example
         </h6>
-        <pre id="e831e378-6ae0-48e6-8f38-123f5003cf20"><code class="python">from bootwrap import Button
+        <pre id="a66eed80-3da0-4d66-8035-01bfe88c7f63"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Dark").as_dark()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="88bbf3bd-6084-4b7d-a98b-7f32ccece343">
-       <div class="d-flex justify-content-between" id="7ae103e2-cfec-4af9-8c47-f5f35e6d9c94">
-        <h4 id="a1853d8d-dc3c-44dc-b3fa-6e4c5cff0605">
+      <div class="mt-5" id="6ecda719-aad9-4db6-acd3-7cf6f61efaf6">
+       <div class="d-flex justify-content-between" id="33225c78-2261-4d45-a376-d5e641d04f15">
+        <h4 id="5a7487b0-caca-4f3e-808b-629fcb41bb2f">
          Method
-         <span class="text-primary" id="d54c775d-bdfd-4267-acc9-9b7d362efe09">
+         <span class="text-primary" id="b636efd6-3206-4d21-a396-b6515643601d">
           as_info
          </span>
         </h4>
-        <div id="7c0b2fab-4a13-4115-8fb5-085f0c07f364">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f1fc1bd5-d4e5-4c7d-8f4c-d6b0a4761dd1" data-bs-toggle="collapse" id="608a8391-07ea-4ef5-b1cd-22d67a10eb66" onclick="return false;" type="button">
+        <div id="a09250c1-daaa-47b7-bb28-b7a5c5cd5f19">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#12e00485-f8ab-4144-91fe-07c19ad6e4a2" data-bs-toggle="collapse" id="f90f0ce8-f477-4b64-8d47-63f43385a829" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="4cdd9605-4fdb-4855-8649-bdb804dddcd8">
+       <span class="text-muted" id="d9e8ae86-1e67-40a3-bd9f-df4f25f08252">
         Makes the 'info' look to a web components.
        </span>
-       <pre id="2d84dde0-3fd4-4ff0-adcd-b52612bf3d81"><code class="python">as_info()</code></pre>
-       <div class="ms-3 collapse" id="f1fc1bd5-d4e5-4c7d-8f4c-d6b0a4761dd1">
-        <h6 id="de79265b-cb8c-4d98-82db-03987c046c77">
+       <pre id="86961331-0a79-4e47-b1c8-ad3ffa47fd33"><code class="language-python">as_info()</code></pre>
+       <div class="ms-3 collapse" id="12e00485-f8ab-4144-91fe-07c19ad6e4a2">
+        <h6 id="f0ce2ea3-7f8a-4c10-b0fb-21e5e220e116">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="be5d956c-f5b3-4af0-b110-ba90227fd277">
+        <table class="table table-sm bg-light" id="4afe4b55-54c7-4f03-9ea7-3da1937ad814">
          <thead>
           <tr>
            <th scope="col">
@@ -2540,40 +2546,40 @@ button = ("Dark").as_dark()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="e7a8e08b-4309-4cc5-9452-a4f6316fcac9">
-        <h6 id="f14b9a55-9e77-4c24-a305-3da67908d0d0">
+       <div class="ms-3" id="44e1ddcf-73f3-4c9c-a552-a428aa560dc7">
+        <h6 id="548436af-d738-433d-82f5-6c733900ea31">
          Example
         </h6>
-        <pre id="00e54c18-e58e-443f-bacc-95f973d946dc"><code class="python">from bootwrap import Button
+        <pre id="5d86e2d1-66ce-4cd3-9a16-d53f7f71a2d9"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Info").as_info()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="585c8710-bfef-48b8-95ff-1646c184889b">
-       <div class="d-flex justify-content-between" id="0a39d92d-a115-45b0-962b-d37febede8c4">
-        <h4 id="3d6d4265-50cc-4548-94e1-6e0eef442d81">
+      <div class="mt-5" id="5e244c03-259e-4908-abf3-57d2abb93fd3">
+       <div class="d-flex justify-content-between" id="97111220-2d4b-4b3f-af0b-78e2818ddece">
+        <h4 id="46550a8c-f185-42e3-b6a1-39a374200b0f">
          Method
-         <span class="text-primary" id="1e8eaa20-995f-41f4-adc9-74b3ca0d3afc">
+         <span class="text-primary" id="15d86373-d81b-4160-aa38-a68beaab9c12">
           as_light
          </span>
         </h4>
-        <div id="5e5b36db-48b1-44aa-a6ee-e32aa3e9abee">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#20459bd0-9c79-4ce5-a268-0e5211a4153d" data-bs-toggle="collapse" id="e0406bbd-467d-4712-b016-cf8a833ab6c8" onclick="return false;" type="button">
+        <div id="72d95c04-43fb-4897-be4c-1e5374774546">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#5609c40c-3d71-44b5-a577-e4c8399b7bc1" data-bs-toggle="collapse" id="942a27cf-9334-4e2d-bb8f-6e41290b1955" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="e34a8708-7cb8-4942-8770-750afd0130e5">
+       <span class="text-muted" id="9ddf5728-2e09-420f-8e7f-56c10cf51510">
         Makes the 'light' look to a web components.
        </span>
-       <pre id="1543fb0b-af1e-42e2-ba4c-bf7ac0bf6d99"><code class="python">as_light()</code></pre>
-       <div class="ms-3 collapse" id="20459bd0-9c79-4ce5-a268-0e5211a4153d">
-        <h6 id="98528894-e6fd-4e87-ba45-3d35d0ccafa9">
+       <pre id="93c4c2aa-76eb-4916-a868-85d81c9a3026"><code class="language-python">as_light()</code></pre>
+       <div class="ms-3 collapse" id="5609c40c-3d71-44b5-a577-e4c8399b7bc1">
+        <h6 id="1c1eb137-20fc-4995-a1ec-c4123c7b8111">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="830ca639-0f5d-4d82-be06-d4ef342ec351">
+        <table class="table table-sm bg-light" id="9990e5c5-1907-422a-a4a4-269c2474c165">
          <thead>
           <tr>
            <th scope="col">
@@ -2606,40 +2612,40 @@ button = ("Info").as_info()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="5dcadca2-c6ba-4e7d-bfed-38ade744fc7d">
-        <h6 id="b00141f6-c418-4953-b099-c8312b56273a">
+       <div class="ms-3" id="847d05e0-fc96-47a7-9256-b51ebbfd13df">
+        <h6 id="a70dcd9d-5dff-4e31-9184-ee6e4415a6da">
          Example
         </h6>
-        <pre id="fcec9f92-6a48-41c1-8649-f10d29707aad"><code class="python">from bootwrap import Button
+        <pre id="6c935390-2e52-4516-8d78-0875d4a15e6e"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Light").as_light()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="90ff04ea-b610-40a7-bbb5-76986f96fae2">
-       <div class="d-flex justify-content-between" id="bfe72a11-7ea2-4782-a11a-1a9976fc6e23">
-        <h4 id="13459aab-3651-4ed1-b43d-f0a43804dbd4">
+      <div class="mt-5" id="ecb25e2c-02ca-44d6-aa5b-18d9590ed821">
+       <div class="d-flex justify-content-between" id="0a3f13fe-005c-4b9a-a9c0-68ed971dd80a">
+        <h4 id="f8c453b7-7d94-4744-8583-aca88fcc99f2">
          Method
-         <span class="text-primary" id="8323c983-bdab-46a5-97c3-128b20cac248">
+         <span class="text-primary" id="97a63827-3ac5-4d86-8c1b-5b1a53f5f245">
           as_primary
          </span>
         </h4>
-        <div id="f6fdb91d-c4b9-4e08-96b6-165bde50a453">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#10886d8a-3236-4c2b-957b-b1a9be042d4c" data-bs-toggle="collapse" id="32645bf6-e970-4a01-8143-989982781ec3" onclick="return false;" type="button">
+        <div id="72ee3619-a8e7-4df0-87d0-c1fbc6f0fffb">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d9aa1602-92bb-45b1-a97b-a638e52a1c66" data-bs-toggle="collapse" id="eaa511cc-f834-48a9-9581-7e3529adfb77" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="d52f49f0-bfa6-4f93-921d-dafb777b8041">
+       <span class="text-muted" id="cd700060-4b81-4054-afc4-e11d56847833">
         Makes the 'primary' look to a web components.
        </span>
-       <pre id="20d330bb-02cd-4027-9507-19c95e58f52f"><code class="python">as_primary()</code></pre>
-       <div class="ms-3 collapse" id="10886d8a-3236-4c2b-957b-b1a9be042d4c">
-        <h6 id="55ccd965-73fc-4eb8-a625-706c193686d9">
+       <pre id="28210691-dfe6-4390-b2f8-e07950d9f47e"><code class="language-python">as_primary()</code></pre>
+       <div class="ms-3 collapse" id="d9aa1602-92bb-45b1-a97b-a638e52a1c66">
+        <h6 id="ca7f83bd-eb37-487f-9732-86d683c49f64">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="d07e3d9d-f5a4-460e-9b17-da2678db571f">
+        <table class="table table-sm bg-light" id="21458d60-62b4-4be4-87cc-a5b6bb432e15">
          <thead>
           <tr>
            <th scope="col">
@@ -2672,40 +2678,40 @@ button = ("Light").as_light()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d9bee5d6-1d7e-4007-b366-d7c5bb2494d5">
-        <h6 id="eceb379b-60d8-430e-97cc-03617905874a">
+       <div class="ms-3" id="3a13f046-8c7c-4af8-804a-4063c46c934f">
+        <h6 id="1ddfbf1a-9301-4e73-b7be-6d2af91fd3b6">
          Example
         </h6>
-        <pre id="1fc41394-79eb-4fe1-b6b9-9b2c47056562"><code class="python">from bootwrap import Button
+        <pre id="70c95c2d-144b-4e6a-8b93-1138b7cd1809"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_primary()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="bc64b75e-04a0-49ed-b068-b8ca112b7971">
-       <div class="d-flex justify-content-between" id="bb230c38-7edd-41fc-808e-d6407194f6d5">
-        <h4 id="fc71bc6f-bb58-4183-9106-3320946a3c3b">
+      <div class="mt-5" id="bd499cd0-41de-4a64-86d1-37ce2de618db">
+       <div class="d-flex justify-content-between" id="ac4cdef3-3ce6-4ca7-a4cc-457aa507db41">
+        <h4 id="9e7208d6-fec9-4a3a-bd14-a56e465585a3">
          Method
-         <span class="text-primary" id="d82dfa92-c7fe-4e1f-babb-78362f19ab50">
+         <span class="text-primary" id="ea62586e-7d5a-430e-afe8-16677096459d">
           as_secondary
          </span>
         </h4>
-        <div id="7f16589d-c9ff-418a-8ee8-91985cc50d0a">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#11983c9c-0dbe-4983-b680-fec31d07d3e5" data-bs-toggle="collapse" id="107c0ce7-179c-42eb-a3b0-05868617c1e7" onclick="return false;" type="button">
+        <div id="3c353db7-b76a-4843-8fcd-bb9c96656bc4">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c68982fa-4954-4694-b51b-07e690961506" data-bs-toggle="collapse" id="5603ea2b-2ed2-44fd-ad9f-81c26143a02f" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="53168dcb-6ce9-40f8-b44f-29354d1e7e31">
+       <span class="text-muted" id="d65365f4-55af-427c-937b-e8e106150f71">
         Makes the 'secondary' look to a web components.
        </span>
-       <pre id="981156f2-d8e6-4871-9a48-d64a140a2c50"><code class="python">as_secondary()</code></pre>
-       <div class="ms-3 collapse" id="11983c9c-0dbe-4983-b680-fec31d07d3e5">
-        <h6 id="935071a7-a87a-482a-9d69-969f6b7e49b6">
+       <pre id="1bc2cdb6-786a-4331-b504-ef05ec6d21fe"><code class="language-python">as_secondary()</code></pre>
+       <div class="ms-3 collapse" id="c68982fa-4954-4694-b51b-07e690961506">
+        <h6 id="615deeee-f505-4b42-876e-e119d775bb05">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="4f69a8e5-e178-46d3-b158-e8e5c2bb5f74">
+        <table class="table table-sm bg-light" id="5bc8e183-4104-4e1c-adef-ae8d507794bb">
          <thead>
           <tr>
            <th scope="col">
@@ -2738,40 +2744,40 @@ button = ("Primary").as_primary()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="b0141185-5d50-4735-8e98-dfa816366ab5">
-        <h6 id="f839903b-9c40-4841-869b-7921f591b6d0">
+       <div class="ms-3" id="e9e437d1-15bf-4bc3-a26d-861de8ce1e3d">
+        <h6 id="a38d16b3-b2aa-4096-bd56-0890333056a6">
          Example
         </h6>
-        <pre id="c4cfb6f8-7aed-41a1-adf7-153ef8115b6c"><code class="python">from bootwrap import Button
+        <pre id="bf5af41c-8cca-4658-abee-e1b7f80ae12e"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Secondary").as_secondary()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="4f8ee424-7e03-4f4e-a5c3-85f2a42c21c6">
-       <div class="d-flex justify-content-between" id="e661d615-6ab2-41a4-a9d1-0bff1436e9c9">
-        <h4 id="f930a09c-e404-4ec0-9156-f1ff85f5b18c">
+      <div class="mt-5" id="0f3365ec-3380-4db8-95c9-42def5820244">
+       <div class="d-flex justify-content-between" id="b5e29625-6eef-48c1-a111-8600e77cd4f0">
+        <h4 id="042b574b-6add-466e-9c37-831a4c7d49b6">
          Method
-         <span class="text-primary" id="6832a1ee-a475-4e8a-a716-df371795af2c">
+         <span class="text-primary" id="b29bfbe3-240f-487e-8eff-3f0a9d8aabc5">
           as_success
          </span>
         </h4>
-        <div id="ac40a5d1-6743-4bba-b230-1d795a7957f8">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d6782133-b575-4b5f-833f-e16396ba5388" data-bs-toggle="collapse" id="1431876b-c735-4f6d-866f-5a285b391423" onclick="return false;" type="button">
+        <div id="f665e2d6-6f01-45e7-9a1f-e8f208831c31">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#34356793-e051-422b-ad48-8db442021790" data-bs-toggle="collapse" id="405b1f09-0d1a-44d4-a4a3-b1315122e0c0" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="17c1925c-a7b2-4be6-bdd2-fc9cd441c442">
+       <span class="text-muted" id="c86652cf-3f38-41a3-83f8-1102d44bbc11">
         Makes the 'success' look to a web components.
        </span>
-       <pre id="6dd17b26-4f85-4e70-babc-1d3c1e56f754"><code class="python">as_success()</code></pre>
-       <div class="ms-3 collapse" id="d6782133-b575-4b5f-833f-e16396ba5388">
-        <h6 id="ab537744-70ce-474b-a14f-f1e83d6fb8bb">
+       <pre id="c35376c7-8458-4870-9f81-79b2b842f40f"><code class="language-python">as_success()</code></pre>
+       <div class="ms-3 collapse" id="34356793-e051-422b-ad48-8db442021790">
+        <h6 id="7138face-e340-4882-b2c8-d47ba4db7c3f">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="a04e44d2-b74c-4aec-8735-625dc288d98d">
+        <table class="table table-sm bg-light" id="647ff7ed-148e-425e-90a9-8f1aae576458">
          <thead>
           <tr>
            <th scope="col">
@@ -2804,40 +2810,40 @@ button = ("Secondary").as_secondary()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="3a2ece3e-8d13-4795-9168-51dc96f10bfe">
-        <h6 id="3e721579-4962-42ef-bb8e-9ca743c8ff12">
+       <div class="ms-3" id="9c4ae7c1-147c-46de-b44c-9cad0d649355">
+        <h6 id="2948832b-5198-4cc4-adda-a19f88d56342">
          Example
         </h6>
-        <pre id="9b18531a-913f-4278-9484-a7bf4ab8884a"><code class="python">from bootwrap import Button
+        <pre id="6bd2e11e-0f80-481e-845c-6fd79e4f90fe"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Success").as_success()
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="f6c06944-be28-42c7-af72-52c09b6a5351">
-       <div class="d-flex justify-content-between" id="caa5d876-d571-4918-acce-d64bd0c9c742">
-        <h4 id="a1392fd5-a691-4839-b16a-c340fe3f6ee1">
+      <div class="mt-5" id="f322ae16-e25d-41bd-911e-c8de9506c82f">
+       <div class="d-flex justify-content-between" id="364b8859-8f0b-4779-9d40-0790619d2393">
+        <h4 id="c8a88c6b-c996-4559-a569-7dc51b83ba5d">
          Method
-         <span class="text-primary" id="7f971575-42b7-436a-90e9-9b07d3e0887f">
+         <span class="text-primary" id="128f029c-bd7c-4861-a8fb-bfcd6f6ee0e0">
           as_warning
          </span>
         </h4>
-        <div id="7014a96c-d1bc-41b1-bf81-a49a7e3ab8bd">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#cfdcd905-30ef-4018-835b-e0decded2176" data-bs-toggle="collapse" id="85e74333-3af3-40b5-b80b-24272cede4b7" onclick="return false;" type="button">
+        <div id="b36baee5-e53e-4559-8c7e-2d7fabafe9a1">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f65b73ff-9ab6-4cbc-a5a2-85b5d7925cc6" data-bs-toggle="collapse" id="163b0710-7c80-482a-9f71-484a1a3d0beb" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="57754761-a826-482d-b12d-1ec6bfb8606f">
+       <span class="text-muted" id="2f186c0d-ef4c-45fc-b73b-943873251247">
         Makes the 'warning' look to a web components.
        </span>
-       <pre id="62b64fce-e5a9-4898-8f3a-5dee4f7f43f6"><code class="python">as_warning()</code></pre>
-       <div class="ms-3 collapse" id="cfdcd905-30ef-4018-835b-e0decded2176">
-        <h6 id="d9d17942-dfb9-4c38-8978-06afe9db9fd3">
+       <pre id="25478254-0237-4ec6-8311-5d9b00226fc3"><code class="language-python">as_warning()</code></pre>
+       <div class="ms-3 collapse" id="f65b73ff-9ab6-4cbc-a5a2-85b5d7925cc6">
+        <h6 id="e27c1e65-f64a-4e4b-988b-e42125335ade">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="33762d1e-e6ba-4c38-83c5-2292cc91c1ac">
+        <table class="table table-sm bg-light" id="ebaba833-fe87-4b00-9b26-1831d734f406">
          <thead>
           <tr>
            <th scope="col">
@@ -2870,11 +2876,11 @@ button = ("Success").as_success()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="06138eb3-36eb-4c09-aa00-769b9f256118">
-        <h6 id="a0a8c134-790e-487e-bc5f-a75fd7374c2f">
+       <div class="ms-3" id="46083bc8-e14e-401a-b4ec-6648486de8dd">
+        <h6 id="df18c618-6989-4ea5-ad17-27421d00f556">
          Example
         </h6>
-        <pre id="95f10760-b05c-4ef5-9442-928fca42cf13"><code class="python">from bootwrap import Button
+        <pre id="18017a00-64d8-4433-a9b4-f11da7688b0c"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Warning").as_warning()
@@ -2883,23 +2889,23 @@ button = ("Warning").as_warning()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="9ce0c44e-3540-4c12-a10f-1e7e95633612">
-     <div class="mt-5" id="348d218b-b649-4429-bd52-0b7f6f94d353">
-      <div class="d-flex justify-content-between" id="b3016137-fbc1-4f31-bda2-35c0813093e0">
-       <h1 id="14ffa325-dc4b-42b0-bec6-82a16131d21b">
+    <div class="tab-pane fade" id="981645b3-2ab1-4c54-8578-ea93e69405be">
+     <div class="mt-5" id="e0591a99-9d70-4b5a-9a3a-b3aa1c934708">
+      <div class="d-flex justify-content-between" id="f352d4db-0084-45b2-8d2b-ffe0b6bdea0f">
+       <h1 id="783495a3-da2d-4f74-a20b-3d3c7495c6bc">
         Class
-        <span class="text-primary" id="d0c30caa-9c0b-451b-82af-9eeb231b3af7">
+        <span class="text-primary" id="24403145-0781-4f8d-82ec-24f0476a1c2d">
          OutlineMixin
         </span>
        </h1>
-       <div id="afe981a0-adb9-42a3-a619-f6e2c0b72c31">
+       <div id="97599904-461d-4bea-982e-521e11fb0444">
        </div>
       </div>
-      <span class="text-muted" id="e33b576a-1cff-4bcb-b7f8-40f25dd8c236">
+      <span class="text-muted" id="4b374465-fc09-4fce-8fc4-f4459ff094c1">
        Mixin for a web component that can be surrounded by a border.
       </span>
-      <pre id="372c24c4-38e5-49ea-bc43-a0ef4ac93f0b"><code class="python">OutlineMixin()</code></pre>
-      <p id="0cb38b91-027d-4603-9291-8504d681d39c">
+      <pre id="684a275b-f895-4e8d-9210-8ddd7edafa8f"><code class="language-python">OutlineMixin()</code></pre>
+      <p id="cef32363-7054-4ffd-874e-e266676bfc4b">
        Usually
        <code>
         OutlineMixin
@@ -2911,29 +2917,29 @@ button = ("Warning").as_warning()
        to
     specify the border appearance.
       </p>
-      <div class="mt-5" id="b7d8d121-d6d1-43fd-bad1-c0a655893c3f">
-       <div class="d-flex justify-content-between" id="7cc42d7e-f6c7-4e44-896a-3640afa3f242">
-        <h4 id="30d745ab-acaf-47d2-b74d-348a97b84639">
+      <div class="mt-5" id="f4aef073-def1-42b6-a34f-f0202093a20c">
+       <div class="d-flex justify-content-between" id="754d0caf-d8ec-4fb3-86c8-d363e973f42e">
+        <h4 id="2adaab7b-40e0-4dfc-b75e-8c5b32e0515f">
          Method
-         <span class="text-primary" id="a467b72b-2e6c-4b67-af53-a5efad329dee">
+         <span class="text-primary" id="784d0688-2bb2-4ac8-853e-2a83073bebe8">
           as_outline
          </span>
         </h4>
-        <div id="d6ebbc77-cfa8-4b66-a3a5-2c3582b54ed4">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#454acc13-53b2-42bd-adcf-dc5f1394aee2" data-bs-toggle="collapse" id="29d5e7e4-9e3b-4478-b65e-a2b5d897c483" onclick="return false;" type="button">
+        <div id="5db9f1b6-c7ee-4fcb-ae3d-23474d57ce7a">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#14faab86-7cf2-4b9a-8bf8-cbe8b523fad2" data-bs-toggle="collapse" id="ba6ab113-1341-4ed1-bbfe-21d679b7986d" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="4334b1f1-3187-4d83-81e4-a221f9da8c32">
+       <span class="text-muted" id="3776beb9-55fd-4f4b-b87a-4b7b5dd7425b">
         Makes the web component surrounded by a border.
        </span>
-       <pre id="4f417d2c-c4e0-4a5f-80a5-683db5207ef5"><code class="python">as_outline()</code></pre>
-       <div class="ms-3 collapse" id="454acc13-53b2-42bd-adcf-dc5f1394aee2">
-        <h6 id="97730f6c-0c30-495f-ae6e-5dbc2ba54f90">
+       <pre id="5be9710e-05b5-430c-9aff-13863c40306f"><code class="language-python">as_outline()</code></pre>
+       <div class="ms-3 collapse" id="14faab86-7cf2-4b9a-8bf8-cbe8b523fad2">
+        <h6 id="31e54956-9bd8-4c60-a67d-7d1bab87c849">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="9ca1f8df-4359-4516-9224-925d337f6a56">
+        <table class="table table-sm bg-light" id="d9b8becb-1b91-4d05-97f2-18d0c5542a67">
          <thead>
           <tr>
            <th scope="col">
@@ -2966,11 +2972,11 @@ button = ("Warning").as_warning()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="55d879fd-998d-4e98-9f53-1bb9c753cf5d">
-        <h6 id="b533cfc4-ae89-4388-acf8-374df0943c1b">
+       <div class="ms-3" id="a92bfeb5-8052-483e-a40a-2cd7751e3703">
+        <h6 id="79f890e2-1679-4ce9-b5e1-8b46c73184ae">
          Example
         </h6>
-        <pre id="3d208d7a-1db2-41a2-b950-511e1ee4a793"><code class="python">from bootwrap import Button
+        <pre id="611ae892-0649-4f97-b4c1-3e89754da0d4"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_primary().as_outline()
@@ -2979,49 +2985,49 @@ button = ("Primary").as_primary().as_outline()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="4d612acb-c719-4e1e-b825-cb38f7378916">
-     <div class="mt-5" id="8f3bc356-78bd-4b0f-971f-5d627c738d7d">
-      <div class="d-flex justify-content-between" id="9cc89684-6db1-4fd7-9cfc-c38c4c4b5e9f">
-       <h1 id="f4b834bb-9302-48a2-b387-6a04563080a7">
+    <div class="tab-pane fade" id="1cd4168d-9504-4bdc-8e7e-c6a7da812936">
+     <div class="mt-5" id="2dbea0b9-3ca0-431f-aabe-c83350394142">
+      <div class="d-flex justify-content-between" id="adb8b767-6082-48f0-9513-6c8439bd3ea2">
+       <h1 id="c5693b8a-285f-417b-a8aa-9a27ffab5fb5">
         Class
-        <span class="text-primary" id="c8ecebb3-0f22-4b5d-a514-732c21845c95">
+        <span class="text-primary" id="732244d7-7da1-4a88-ad8e-d93639b5f4d0">
          AvailabilityMixin
         </span>
        </h1>
-       <div id="42a9daf2-ba3c-4dc8-bf7f-ccaaf05d6e1a">
+       <div id="5fafab20-cd38-49a9-9bc6-ace50fcdb379">
        </div>
       </div>
-      <span class="text-muted" id="b19ef08e-a23d-4956-ac0c-0e96fd82c467">
+      <span class="text-muted" id="31fe8998-4283-435c-aaea-38ff1a286e5d">
        Mixin for a web component which can be enabled or disabled.
       </span>
-      <pre id="70eb5887-b19b-4576-af84-cdc568c32b26"><code class="python">AvailabilityMixin()</code></pre>
-      <p id="774763b3-72e5-4fb5-8ccf-faa1ef52e02e">
+      <pre id="84e29b03-fa81-415c-b5bb-223da396aef0"><code class="language-python">AvailabilityMixin()</code></pre>
+      <p id="88f3ba8d-0a7e-4085-ae96-dcad3db3a4aa">
        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="2a046925-c6b3-4ee6-a78b-038ba0bda415">
-       <div class="d-flex justify-content-between" id="afb06d12-6b8e-4337-b6fe-5c253aacb791">
-        <h4 id="359e05cf-ae1d-464c-b1b7-c7bd9bdce903">
+      <div class="mt-5" id="ea783a92-758e-4896-99ee-2e5e8febc1bc">
+       <div class="d-flex justify-content-between" id="dd53b5d0-62cd-4737-8568-59d8fb66431c">
+        <h4 id="ad2376fa-2520-49e8-bf87-d0b85d2a7ad7">
          Method
-         <span class="text-primary" id="55989d25-e5eb-4196-84db-4915b22f57d6">
+         <span class="text-primary" id="1ac5cd02-e7a3-4f99-891c-6e735794b735">
           as_disabled
          </span>
         </h4>
-        <div id="386c640c-5813-421e-8893-096e7f980132">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#d5c3133c-6a43-4e28-8ea5-7c422f20b08d" data-bs-toggle="collapse" id="62a48827-1b52-4b86-9fd7-8306d95e3ec4" onclick="return false;" type="button">
+        <div id="18339701-ff57-4bb5-b5b5-18e757ff80e3">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#78120549-bf9e-436a-b68e-fda6731bbd49" data-bs-toggle="collapse" id="d382e28f-58d3-43f5-b5bf-22d2ddbc7131" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="397a3e38-5be1-4c69-9b0a-bdffea37b38d">
+       <span class="text-muted" id="8583bc07-3567-4933-8a9a-a90113eafabb">
         Disables a web component.
        </span>
-       <pre id="a9874e2c-d0a2-4b2b-a0c9-db0283953591"><code class="python">as_disabled()</code></pre>
-       <div class="ms-3 collapse" id="d5c3133c-6a43-4e28-8ea5-7c422f20b08d">
-        <h6 id="ee571deb-f2ac-46cb-8508-2c9a011dc188">
+       <pre id="20358cc2-8e37-477d-829f-cfa89e0f7b9d"><code class="language-python">as_disabled()</code></pre>
+       <div class="ms-3 collapse" id="78120549-bf9e-436a-b68e-fda6731bbd49">
+        <h6 id="02082715-baa9-4d56-abce-e9f759abf09c">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="2a2380d5-bdd9-482b-9ac5-b07b44ec2627">
+        <table class="table table-sm bg-light" id="40479265-10eb-4e18-af40-0ee779bc2cac">
          <thead>
           <tr>
            <th scope="col">
@@ -3054,11 +3060,11 @@ button = ("Primary").as_primary().as_outline()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="2abaa9ac-451e-4fb8-b8ac-42da8c90032b">
-        <h6 id="1fdc8df8-5ec8-46b7-9b18-e17db3fde5a2">
+       <div class="ms-3" id="09428c98-e92d-41d8-a18c-481e6ffc3e64">
+        <h6 id="29d92c1d-b97c-4a37-a050-a00bc3ce3f6b">
          Example
         </h6>
-        <pre id="0737eea4-5256-4ead-bb91-5532bce4643f"><code class="python">from bootwrap import Button
+        <pre id="a59eaa49-b470-48e2-8dcb-c89fe392f463"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_disabled()
@@ -3067,56 +3073,56 @@ button = ("Primary").as_disabled()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="5b238ddf-f83e-43a9-8aeb-a7db32168c20">
-     <div id="a7015ac5-90b2-4f56-bc6a-75afb62c3919">
+    <div class="tab-pane fade" id="fab3d7a9-6ecd-47b3-854c-bb14add630df">
+     <div id="226a867a-6cce-45a0-946f-951daa0052fe">
       <hr/>
-      <ul class="nav" id="f363f148-2f08-4112-b850-140365065d91" role="tablist">
+      <ul class="nav" id="ad107344-ee20-48cc-a1ac-82df5576e745" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#473deded-29dd-402e-adc3-6ce79cf6621c" data-bs-toggle="tab" href="#473deded-29dd-402e-adc3-6ce79cf6621c" id="a6441783-561f-47aa-b3d5-e65a1b78357c" role="tab">
-         <span class="text-secondary" id="ea580b9f-77f1-4d91-b304-91fb82b99596">
+        <a class="nav-link active" data-bs-target="#174b8760-1307-4548-9b28-2ca80860f5cd" data-bs-toggle="tab" href="#174b8760-1307-4548-9b28-2ca80860f5cd" id="88e9ac98-1aef-41d3-ac22-6016fbac8916" role="tab">
+         <span class="text-secondary" id="5e73170c-d5d4-464a-b636-b4737631b880">
           Breakpoint
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#64f1555e-c316-44be-b1db-73cbe3616345" data-bs-toggle="tab" href="#64f1555e-c316-44be-b1db-73cbe3616345" id="d33c2744-5859-4348-ac4a-f5bc245c0aff" role="tab">
-         <span class="text-secondary" id="b7a157bd-5cc1-4a6d-943d-ed1ef29ad9cb">
+        <a class="nav-link" data-bs-target="#ea84455d-8078-464b-be31-75fdc9c495e1" data-bs-toggle="tab" href="#ea84455d-8078-464b-be31-75fdc9c495e1" id="4ff017fd-7953-4560-b26d-7a26c957a3b2" role="tab">
+         <span class="text-secondary" id="db5883db-4372-48bd-8bc0-3cc4fa325d1b">
           Action
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="473deded-29dd-402e-adc3-6ce79cf6621c">
-        <div class="mt-5" id="9c4f1d0e-4f43-4053-9c7b-a57db0601efb">
-         <div class="d-flex justify-content-between" id="491b9db6-c982-4852-958c-8efc15f2e95a">
-          <h1 id="2fb48ef2-9046-4969-81db-569bb94401e3">
+       <div class="tab-pane fade active show" id="174b8760-1307-4548-9b28-2ca80860f5cd">
+        <div class="mt-5" id="c2793ee9-b791-492b-b8ac-fd67ec7e2f2c">
+         <div class="d-flex justify-content-between" id="e0a90e9e-333f-4df9-b4b6-47a24cf323b6">
+          <h1 id="8b75b172-ec62-4454-afa2-f19640a37774">
            Class
-           <span class="text-primary" id="6da570c9-7e1b-4f81-b425-9a636a543fc1">
+           <span class="text-primary" id="3e0a7274-2a79-44e8-a540-3c069efdfc71">
             Breakpoint
            </span>
           </h1>
-          <div id="569cb849-cc15-4735-9d6e-7e7c1a04e25f">
+          <div id="d0e8e2d8-af50-41be-a0f8-f33a71a2b2be">
           </div>
          </div>
-         <span class="text-muted" id="72dd639d-058c-49ce-8a35-b85de8332cc5">
+         <span class="text-muted" id="5a52d96d-4bce-4502-b80f-f8e5b22f383a">
           The breakpoint constants.
          </span>
-         <p id="711cb9cb-05b0-4465-a3bc-f604a9ce32f3">
+         <p id="ce28fbe6-c23a-40b2-8e91-718627cf0a18">
           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="f740776c-19cf-4272-9331-a2151dcfbc8e">
+         <p id="6a40e08e-a390-4dd2-9146-a0a0f6fe68ed">
           See
           <a href="https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints">
            for more information.
           </a>
          </p>
-         <div id="595475d4-2b6c-42f4-8ccc-a0bff297b9e8">
+         <div id="a35f9ffa-0dd7-46a2-80f7-7ffafecadaeb">
           <div class="row">
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="df86940b-bb98-4a8d-8a9f-bc554b0e8008">
+            <div class="p-1 m-1 border text-center" id="f184ec09-db94-4204-82ad-3f7ceb8f5c53">
              Breakpoint.
              <strong class="text-primary">
               LG
@@ -3124,7 +3130,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="647e7049-d2b2-4599-804f-4742a8ed9212">
+            <div class="p-1 m-1 border text-center" id="83e0dc3f-035e-4e8c-b3e5-a860b1d378f8">
              Breakpoint.
              <strong class="text-primary">
               MD
@@ -3132,7 +3138,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="0b7bcc76-2c29-4545-8e69-c5733d1d24ba">
+            <div class="p-1 m-1 border text-center" id="7a2f8070-211a-4039-9a27-77617c794ee0">
              Breakpoint.
              <strong class="text-primary">
               SM
@@ -3140,7 +3146,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="1cbcef57-9e1d-4923-8efa-3c0170f06b46">
+            <div class="p-1 m-1 border text-center" id="85e897b5-eaf6-4f09-8646-f08190cdab4d">
              Breakpoint.
              <strong class="text-primary">
               XL
@@ -3148,7 +3154,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="8385bf29-dee6-44e6-8d4e-dcaaa0551937">
+            <div class="p-1 m-1 border text-center" id="cf21bb8a-7f26-4cc3-987e-f8e022009ac8">
              Breakpoint.
              <strong class="text-primary">
               XS
@@ -3159,25 +3165,25 @@ button = ("Primary").as_disabled()
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="64f1555e-c316-44be-b1db-73cbe3616345">
-        <div class="mt-5" id="2642a617-8bb0-4be9-a2a9-d901ab67593c">
-         <div class="d-flex justify-content-between" id="99e50299-1210-4524-90c8-d644944dff9e">
-          <h1 id="5f56d5c3-6448-49b6-b698-c3c869e60ec0">
+       <div class="tab-pane fade" id="ea84455d-8078-464b-be31-75fdc9c495e1">
+        <div class="mt-5" id="2bfbcb8e-7789-4147-af10-3844b9acaf3b">
+         <div class="d-flex justify-content-between" id="eb1faeb4-1cde-4ff7-a8cf-defa0e9a0f69">
+          <h1 id="a74615f7-e20c-43fe-b9b9-d2357f6a8ba0">
            Class
-           <span class="text-primary" id="c0c4880c-7d00-4ba0-b05f-b78e763c687f">
+           <span class="text-primary" id="e040f31e-236b-4430-b1dc-3a44e8b965ce">
             Action
            </span>
           </h1>
-          <div id="e2734ac5-3c5c-4e97-8dc3-f3248fca9c7e">
+          <div id="c9d3188e-c5ad-40d0-8667-e3f5c2ba38e0">
           </div>
          </div>
-         <span class="text-muted" id="d6095b48-5f25-4403-be54-abf48af5964b">
+         <span class="text-muted" id="fd6acf76-7b70-4916-aad1-9c2c2d7453fe">
           The action constants.
          </span>
-         <div id="72b36636-74f6-4ab4-bcd6-cabb3f43ab83">
+         <div id="efb69c14-82dd-44d0-8524-77c3e302c722">
           <div class="row">
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="8e321a64-120e-476d-9acb-b672d61c75eb">
+            <div class="p-1 m-1 border text-center" id="f0e140d8-ba2a-49e5-bd9c-18e4c114c9f9">
              Action.
              <strong class="text-primary">
               DISMISS
@@ -3185,7 +3191,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="639c2379-0bf5-4996-8c7c-fd16308f9237">
+            <div class="p-1 m-1 border text-center" id="3aa0a20e-b7de-4b6b-b49a-e04c4f969d45">
              Action.
              <strong class="text-primary">
               LINK
@@ -3193,7 +3199,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="04d15942-372b-4249-951c-11ad1ebfde00">
+            <div class="p-1 m-1 border text-center" id="678014b7-8784-4b57-b477-65c7d289906e">
              Action.
              <strong class="text-primary">
               SUBMIT
@@ -3201,7 +3207,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="9ec44b70-44fa-4396-bf31-f99c10766672">
+            <div class="p-1 m-1 border text-center" id="0736ecac-d7ef-4ee2-bae8-db8655080e05">
              Action.
              <strong class="text-primary">
               TOGGLE
diff --git a/docs/components.html b/docs/components.html
index db9e36b..e6626dc 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -18,11 +18,17 @@
   </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js" type="application/javascript">
   </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js" type="application/javascript">
+  </script>
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="cc708297-2e20-4b91-b286-1510dce49730" src="logo.png" width="32"/>
-   <strong class="text-light" id="14bb006a-fd4e-4c79-926c-be6e51577b58">
+   <img alt="Bootwrap Logo" id="bc398606-caa5-4512-be27-83bc5dfe5058" src="logo.png" width="32"/>
+   <strong class="text-light" id="57ccb3fb-fcbc-46f2-ae44-153396ad4a5e">
     Bootwrap
    </strong>
    <button aria-controls="menu" aria-expanded="false" aria-label="Toggle menu" class="navbar-toggler" data-bs-target="#menu" data-bs-toggle="collapse" type="button">
@@ -32,192 +38,192 @@
    <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="3b939ce8-9ddd-47e7-8258-3d891df4e1df">
+      <a class="ms-2 nav-link" href="index.html" id="3d97c295-3201-48ab-b453-016b05cf0d34">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="3a6649db-82e4-4147-8c0f-f1fa27ec55be">
+      <a class="ms-2 nav-link" href="layout.html" id="d4ae4241-a115-4396-9576-22dda90d79e1">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="10fef156-ece5-4541-b8ee-abba508cb0e2">
+      <a class="ms-2 nav-link" href="base.html" id="9532b1ff-f819-4a5b-97e6-11128fcda4cb">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="6d0c2fcc-05ff-42c9-b9ee-78e3bd99c7fd">
+      <a class="ms-2 nav-link" href="components.html" id="bbf69be9-2b68-41f7-915b-737be6eac22f">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="6f738ac1-8bb1-4d34-8986-5863d9682dc0" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="f7ace300-460e-47aa-a74a-96019f7845b0" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <ul class="nav nav-pills" id="a011dbef-c093-4a09-9414-a0e4fd8b7f7d" role="tablist">
+   <ul class="nav nav-pills" id="98a2fb8a-941b-4159-85d4-2ff9e80d843e" role="tablist">
     <li class="nav-item">
-     <a class="nav-link active" data-bs-target="#27f74941-8975-400e-b7c8-69da431121b6" data-bs-toggle="tab" href="#27f74941-8975-400e-b7c8-69da431121b6" id="a0aff907-c874-450d-b2f0-2a51e6624818" role="tab">
+     <a class="nav-link active" data-bs-target="#675e23f2-a3f6-490c-98e4-36b156664e0f" data-bs-toggle="tab" href="#675e23f2-a3f6-490c-98e4-36b156664e0f" id="46928567-18e2-4256-8c39-be1dd9c67cc5" role="tab">
       Anchor
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#65bad313-d01f-4f63-94d9-31de4607dd7d" data-bs-toggle="tab" href="#65bad313-d01f-4f63-94d9-31de4607dd7d" id="63b25250-ff65-453f-be91-b0b8c39cd8ab" role="tab">
+     <a class="nav-link" data-bs-target="#eb43ab69-ffe1-4279-98ce-8cf108648a35" data-bs-toggle="tab" href="#eb43ab69-ffe1-4279-98ce-8cf108648a35" id="00ff18ad-dc3f-4a1f-998b-0dd8ebbad709" role="tab">
       Badge
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#dcd14819-9d68-4c5e-8a0c-1e1a1cd7620f" data-bs-toggle="tab" href="#dcd14819-9d68-4c5e-8a0c-1e1a1cd7620f" id="974d8870-f214-4b22-b437-2328aa281773" role="tab">
+     <a class="nav-link" data-bs-target="#690aa602-636c-4165-ba2f-3358d1896729" data-bs-toggle="tab" href="#690aa602-636c-4165-ba2f-3358d1896729" id="6d1c6767-e3f0-4bab-a208-25052b5dfe9c" role="tab">
       Button
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#4938bfa2-8f07-4229-aa6c-0d9152355245" data-bs-toggle="tab" href="#4938bfa2-8f07-4229-aa6c-0d9152355245" id="2cd6f2c1-ebfe-491f-bba9-8ca5e16e259c" role="tab">
+     <a class="nav-link" data-bs-target="#f7a5f2e6-733b-43ce-a598-fb36ed2cb404" data-bs-toggle="tab" href="#f7a5f2e6-733b-43ce-a598-fb36ed2cb404" id="78514728-5878-4b53-90d0-7012b88f0d5d" role="tab">
       ButtonGroup
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#8d85f898-cbcc-42b6-a7cc-b068ba70673f" data-bs-toggle="tab" href="#8d85f898-cbcc-42b6-a7cc-b068ba70673f" id="2acde060-1d94-49ce-9f17-de5a0bcc1360" role="tab">
+     <a class="nav-link" data-bs-target="#8e92ed3e-3173-418c-8c33-c954a7957dc8" data-bs-toggle="tab" href="#8e92ed3e-3173-418c-8c33-c954a7957dc8" id="1921d171-2e82-4be4-86d0-eba23676bc07" role="tab">
       Deck
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#f7989b01-74e3-44dc-9940-e61551120f41" data-bs-toggle="tab" href="#f7989b01-74e3-44dc-9940-e61551120f41" id="11a28d27-7414-431b-b979-79a9a4f75502" role="tab">
+     <a class="nav-link" data-bs-target="#3323cca0-a2b0-4982-b685-ac84d456fbbe" data-bs-toggle="tab" href="#3323cca0-a2b0-4982-b685-ac84d456fbbe" id="ea2e6651-9bc4-4b7e-aace-7578c2a59317" role="tab">
       Dialog
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#beca1969-af72-4461-b882-565aef1afe2a" data-bs-toggle="tab" href="#beca1969-af72-4461-b882-565aef1afe2a" id="3e269d74-062d-42e6-a40c-68253fb789bc" role="tab">
+     <a class="nav-link" data-bs-target="#c5a1a358-bbc8-4bd3-a850-f11ee9e40894" data-bs-toggle="tab" href="#c5a1a358-bbc8-4bd3-a850-f11ee9e40894" id="3565aa0a-3456-4e8d-94e5-6d8821426d62" role="tab">
       Form
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#c3a30185-a08c-4434-a0c6-4f3c8d4d3189" data-bs-toggle="tab" href="#c3a30185-a08c-4434-a0c6-4f3c8d4d3189" id="fe48d180-1c4d-4832-ba03-9d80bbe09d3b" role="tab">
+     <a class="nav-link" data-bs-target="#b71fb797-b067-40d8-86a4-0ba144a2b32a" data-bs-toggle="tab" href="#b71fb797-b067-40d8-86a4-0ba144a2b32a" id="cb626efd-359d-47ee-b394-50c326e198ba" role="tab">
       Icon
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#d5143d00-3578-4a6b-9d5d-fe0f1d29e729" data-bs-toggle="tab" href="#d5143d00-3578-4a6b-9d5d-fe0f1d29e729" id="96143e09-d07a-4ba8-b2d7-e3a2f152723d" role="tab">
+     <a class="nav-link" data-bs-target="#0bef5b78-3d73-4ba6-a13b-af388d4550a8" data-bs-toggle="tab" href="#0bef5b78-3d73-4ba6-a13b-af388d4550a8" id="e1c72fe8-d191-4489-ac26-d4cc53a90341" role="tab">
       Image
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#aa1277d2-c29c-44d7-95e2-87d954fe9c34" data-bs-toggle="tab" href="#aa1277d2-c29c-44d7-95e2-87d954fe9c34" id="3fc008b6-e138-4756-8040-373a5ea880c2" role="tab">
+     <a class="nav-link" data-bs-target="#c6b6ae92-dee5-48b2-b774-d0e7701d016a" data-bs-toggle="tab" href="#c6b6ae92-dee5-48b2-b774-d0e7701d016a" id="a3a5d205-a328-455b-bcbb-ed0231304670" role="tab">
       Javascript
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#1d691913-3266-467d-a9b0-b15f8d136d30" data-bs-toggle="tab" href="#1d691913-3266-467d-a9b0-b15f8d136d30" id="a41e5362-7ca8-493f-9a0b-95be8b4eb6d2" role="tab">
+     <a class="nav-link" data-bs-target="#9588a132-acb2-4db9-aa3f-205f17e58319" data-bs-toggle="tab" href="#9588a132-acb2-4db9-aa3f-205f17e58319" id="fec0e2fe-a50f-452e-b2a5-95b7095681e4" role="tab">
       Link
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#02f80da1-b39f-4eac-a31a-77d4144b419a" data-bs-toggle="tab" href="#02f80da1-b39f-4eac-a31a-77d4144b419a" id="a033020a-99f8-485c-9b60-26d4cb684842" role="tab">
+     <a class="nav-link" data-bs-target="#a1053c7d-e9fa-49ed-99aa-887098c5cb0d" data-bs-toggle="tab" href="#a1053c7d-e9fa-49ed-99aa-887098c5cb0d" id="21899bd7-3fd1-469a-9a34-d4db4b3430aa" role="tab">
       List
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#34c7abee-054b-4069-acf4-62a5373c1af7" data-bs-toggle="tab" href="#34c7abee-054b-4069-acf4-62a5373c1af7" id="d77f6bca-dab5-430c-ba2d-28065659d3d9" role="tab">
+     <a class="nav-link" data-bs-target="#9ec1caeb-12f7-4fb8-aa3b-c031020e61ca" data-bs-toggle="tab" href="#9ec1caeb-12f7-4fb8-aa3b-c031020e61ca" id="f6564494-3729-49f1-abbe-37b78fd3c11a" role="tab">
       Navigation
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#1aefe3d8-aa39-4654-ab35-72a3aa7cccb8" data-bs-toggle="tab" href="#1aefe3d8-aa39-4654-ab35-72a3aa7cccb8" id="a5b7afd4-31ce-467a-852b-344f0146e7d8" role="tab">
+     <a class="nav-link" data-bs-target="#36ee76b3-67ea-40f2-a51a-c7119d5df542" data-bs-toggle="tab" href="#36ee76b3-67ea-40f2-a51a-c7119d5df542" id="a6d74f24-8987-432c-b384-9db1709b9eac" role="tab">
       Panel
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#79186759-c895-4504-a58e-f8dc4ba3f2b7" data-bs-toggle="tab" href="#79186759-c895-4504-a58e-f8dc4ba3f2b7" id="21f4c071-859e-4959-a7c6-7c3c07fae477" role="tab">
+     <a class="nav-link" data-bs-target="#3c663a1b-af07-49da-a07d-91092e20b49a" data-bs-toggle="tab" href="#3c663a1b-af07-49da-a07d-91092e20b49a" id="0dbed804-9158-45e9-b07b-faacc4085213" role="tab">
       Separator
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#98b35cce-7512-41bd-8e8a-1ffbb124a863" data-bs-toggle="tab" href="#98b35cce-7512-41bd-8e8a-1ffbb124a863" id="f60eae25-b4f2-4509-939c-d861a7dfb631" role="tab">
+     <a class="nav-link" data-bs-target="#d4487fe5-d14b-4bc5-9887-00cdacc7ac36" data-bs-toggle="tab" href="#d4487fe5-d14b-4bc5-9887-00cdacc7ac36" id="8af68030-63e7-44bd-b8d6-6c9b8939994d" role="tab">
       Table
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#e7c64769-e8b1-42ef-ac82-f14c3bd3be46" data-bs-toggle="tab" href="#e7c64769-e8b1-42ef-ac82-f14c3bd3be46" id="06a1b083-fbb2-417b-b791-0597d5ae4544" role="tab">
+     <a class="nav-link" data-bs-target="#8bdf0784-bdfb-465e-a442-e72a73275509" data-bs-toggle="tab" href="#8bdf0784-bdfb-465e-a442-e72a73275509" id="1da80b7e-d7c5-4fee-a257-ab6848920371" role="tab">
       Text
      </a>
     </li>
    </ul>
    <div class="tab-content">
-    <div class="tab-pane fade active show" id="27f74941-8975-400e-b7c8-69da431121b6">
-     <div id="9c838d79-1671-496d-a8ba-37cb7accaa57">
+    <div class="tab-pane fade active show" id="675e23f2-a3f6-490c-98e4-36b156664e0f">
+     <div id="2d611bd2-8ddb-4dc1-85eb-718063231e5c">
       <hr/>
-      <ul class="nav" id="fcc31585-3664-459b-8250-64b76b415707" role="tablist">
+      <ul class="nav" id="00afeee9-7402-4c09-ba9a-2de353a07314" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#7f310559-2636-41e6-a772-20a85aafee2a" data-bs-toggle="tab" href="#7f310559-2636-41e6-a772-20a85aafee2a" id="8b513952-3aed-4c8b-a184-e9b4387380e8" role="tab">
-         <span class="text-secondary" id="ad337c2f-4347-48be-8a0b-c8bbef75006a">
+        <a class="nav-link active" data-bs-target="#04c152b4-cab3-49eb-8b5c-c2825d84a82a" data-bs-toggle="tab" href="#04c152b4-cab3-49eb-8b5c-c2825d84a82a" id="1a480e6a-8c2b-4e5d-af92-3d7f9edef390" role="tab">
+         <span class="text-secondary" id="28c482b0-53ee-48cf-b8e2-0f484d4c2f51">
           Anchor
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#269ced98-fb06-4b2f-86f9-98db40c28f87" data-bs-toggle="tab" href="#269ced98-fb06-4b2f-86f9-98db40c28f87" id="629d168f-a34f-4f28-8ff1-5a7daaf05462" role="tab">
-         <span class="text-secondary" id="067e81d6-8427-4a24-ac69-193fe638f68e">
+        <a class="nav-link" data-bs-target="#a4726916-57ca-467b-894c-f15472b00367" data-bs-toggle="tab" href="#a4726916-57ca-467b-894c-f15472b00367" id="1ff4b78a-eb7d-43ff-864e-9d931e7f35a7" role="tab">
+         <span class="text-secondary" id="8135794b-a792-4830-b9cf-8031a12620d5">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#7cb9faf7-e097-4a13-a521-bc707b559a13" data-bs-toggle="tab" href="#7cb9faf7-e097-4a13-a521-bc707b559a13" id="e680a62c-84e7-4a78-ac65-a9089b2b8a2f" role="tab">
-         <span class="text-secondary" id="2832889f-1fd4-4146-a319-b7b7b7c303d3">
+        <a class="nav-link" data-bs-target="#d022739e-1351-4fc0-901b-e23071c083d2" data-bs-toggle="tab" href="#d022739e-1351-4fc0-901b-e23071c083d2" id="9a9a51ab-5157-4288-87d5-31363bf712f8" role="tab">
+         <span class="text-secondary" id="b0c48819-62aa-48ab-9f7d-5ff5a6d16b0b">
           Link Resource
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#516342a0-6afb-4ea9-b490-955d9ea69acd" data-bs-toggle="tab" href="#516342a0-6afb-4ea9-b490-955d9ea69acd" id="2f616d7e-4f9a-48c9-80e3-c22ee253c6a9" role="tab">
-         <span class="text-secondary" id="70ed5ff8-5a2c-4b52-beb7-a66cd756214d">
+        <a class="nav-link" data-bs-target="#d86cc13f-2d2d-4400-bdfa-afc76cffd215" data-bs-toggle="tab" href="#d86cc13f-2d2d-4400-bdfa-afc76cffd215" id="f2f330d5-4144-496e-9193-15e633391932" role="tab">
+         <span class="text-secondary" id="18db9644-16d4-46b5-83eb-f79b6926dd5d">
           Open Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e4fcdef7-675f-4129-b0f2-10f95ccd4120" data-bs-toggle="tab" href="#e4fcdef7-675f-4129-b0f2-10f95ccd4120" id="1ef1fde2-f1ad-4dbd-b4b7-aae63d1c0b3e" role="tab">
-         <span class="text-secondary" id="61c85cd8-d7aa-46cb-bc61-43b757926201">
+        <a class="nav-link" data-bs-target="#6221d806-534b-44a1-8d0d-7747a5e7efaf" data-bs-toggle="tab" href="#6221d806-534b-44a1-8d0d-7747a5e7efaf" id="7a5e1afc-714f-4bb9-bf43-5ec826a974be" role="tab">
+         <span class="text-secondary" id="eace22c9-672e-4566-9760-22b8f0839d0a">
           Close Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#596a9eb5-0d4b-4748-9b94-61490e19afa8" data-bs-toggle="tab" href="#596a9eb5-0d4b-4748-9b94-61490e19afa8" id="35512c84-c1d0-4d6d-9db7-0a4f560e0bd9" role="tab">
-         <span class="text-secondary" id="fb43be94-2360-4f57-92e9-ce5494d1aa9c">
+        <a class="nav-link" data-bs-target="#9ab51ec4-3810-4e99-bc90-c1c8790284f1" data-bs-toggle="tab" href="#9ab51ec4-3810-4e99-bc90-c1c8790284f1" id="f11e621e-e0a1-42a8-9b3b-b7a3f92ff0ca" role="tab">
+         <span class="text-secondary" id="1fb33af6-b741-44df-9eb4-e15addb0977b">
           Expand/Collapse Panel
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="7f310559-2636-41e6-a772-20a85aafee2a">
-        <div class="mt-5" id="77693873-3ccf-4378-8d5c-ddb07644ab81">
-         <div class="d-flex justify-content-between" id="601b6c47-84b5-4d3c-a521-0a88d1dcb376">
-          <h1 id="0dd05beb-7ef5-4092-9a08-f4406b4b2347">
+       <div class="tab-pane fade active show" id="04c152b4-cab3-49eb-8b5c-c2825d84a82a">
+        <div class="mt-5" id="e0b600a6-99f0-4499-b611-12c4cab08486">
+         <div class="d-flex justify-content-between" id="c7565c7d-e011-4bb4-881b-6f3a9a2cafbf">
+          <h1 id="3f341696-4362-44f1-a69d-1aacd0b012b0">
            Class
-           <span class="text-primary" id="a2160140-9a33-4373-a543-bd4f191534a4">
+           <span class="text-primary" id="5129b3b1-ded9-4cff-98a8-c62ff61ea1d8">
             Anchor
            </span>
           </h1>
-          <div id="72cddd7d-0d24-445c-8bc1-47302f2e539a">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f7afed6b-71e5-4bea-b598-b02411580f6d" data-bs-toggle="collapse" id="75fab22e-2c9d-40b4-9800-a3940022929e" onclick="return false;" type="button">
+          <div id="a9dba936-86a0-44ed-bf5a-991a3bd4c5f3">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8feb32df-1d1c-4966-baa7-784c62632be2" data-bs-toggle="collapse" id="ca980e0f-57b2-425a-ac5d-25d8aaad1630" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="e29e2b54-3a35-4c6b-a757-9075eb08309d">
+         <span class="text-muted" id="712a8743-2af3-4cc2-a589-0147598c7faf">
           A web component for an anchor.
          </span>
-         <pre id="be2c519d-58c7-4062-b344-53fd27c421df"><code class="python">Anchor(inner=None)</code></pre>
-         <div class="ms-3 collapse" id="f7afed6b-71e5-4bea-b598-b02411580f6d">
-          <h6 id="a91c18ae-2799-41cf-b38b-76777dfc5024">
+         <pre id="ed2fba7b-f12f-4f9c-a5b1-5e9c4a2ea09f"><code class="language-python">Anchor(inner=None)</code></pre>
+         <div class="ms-3 collapse" id="8feb32df-1d1c-4966-baa7-784c62632be2">
+          <h6 id="1742983b-98f0-4992-8616-86cd00d72eb3">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="ee01a6a7-7dc2-4dfc-9f26-fffd5fe389ef">
+          <table class="table table-sm bg-light" id="4d553868-c045-4320-b666-cfb538bf14b4">
            <thead>
             <tr>
              <th scope="col">
@@ -250,7 +256,7 @@
            </tbody>
           </table>
          </div>
-         <p id="0a40407d-b66b-4da8-b544-1d7457c3363c">
+         <p id="179c4278-9d32-4173-822b-7d4b3a8024fe">
           The
           <code>
            Anchor
@@ -269,43 +275,43 @@
     conjunction with other components, for example, in creating a navigation
     menu.
          </p>
-         <div class="ms-3" id="9a5ff426-fe0e-4692-a0fd-8b97d9879e15">
-          <h6 id="de3a3cb2-35d7-4361-8eb3-84a0cbbe755e">
+         <div class="ms-3" id="35ace69c-161a-4128-aa2c-cec3f8de1e70">
+          <h6 id="62339d74-8a81-44bd-abfa-6c7333cdfe47">
            Example
           </h6>
-          <pre id="703d9b42-388b-427d-85f8-6ab14d630773"><code class="python">from bootwrap import Anchor
+          <pre id="466c2d4c-2910-4713-bae4-6ac63e52d39e"><code class="language-python">from bootwrap import Anchor
 Anchor('Google Search').link('https://www.google.com/')
 </code></pre>
          </div>
-         <div class="ms-3" id="b8262cfe-c803-4e77-a0cc-d249b35e93d9">
-          <a href="https://www.google.com/" id="4d1559ff-553f-4c2b-86eb-aa16a9b00fba">
+         <div class="ms-3" id="2a4cdb78-4bf7-466d-bba0-8c664f986ab1">
+          <a href="https://www.google.com/" id="139fee79-13e9-4802-a327-6926e3a0f4f9">
            Google Search
           </a>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="269ced98-fb06-4b2f-86f9-98db40c28f87">
-        <div class="mt-3" id="409a6f50-2cac-468d-a439-489c21f3becd">
-         <div id="00beb03c-ad2f-4128-ad6a-41240cfc7294">
+       <div class="tab-pane fade" id="a4726916-57ca-467b-894c-f15472b00367">
+        <div class="mt-3" id="53444ec0-d82c-436f-b95f-bb836157b49e">
+         <div id="cae606da-6b08-46a1-b18f-f2d4ef7e1161">
           <div class="row">
            <div class="col-md">
-            <div id="2fd6295a-13b3-46dc-b7f9-5aab1b8ff2ca">
-             <h1 id="a2c2a21f-36ad-4c3e-805f-ffe6f7f9ca9e">
+            <div id="c0c2e230-2097-4ac7-906f-4ae1d26a81f5">
+             <h1 id="c806ec01-ff47-48ae-b6bc-997bf8b3ac91">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="bc23e7fd-df9e-4718-8905-dccac64b2d4f">
+            <div id="090aa3b2-6d19-47c8-a763-3878dd4097aa">
             </div>
            </div>
           </div>
          </div>
-         <div id="250af278-37ed-40d3-8947-f091ad485f5b">
+         <div id="f27e9c60-1071-40a2-aa55-0dcd0b369c7f">
           <div class="row">
            <div class="col-md">
-            <div id="57aa952c-cb2b-4752-a44e-b1b12e589b87">
-             <p id="67bd675a-8459-4412-802d-66513734b046">
+            <div id="a10411a1-98ab-46f1-8bc9-432bbbd88c33">
+             <p id="afe9c75a-54ea-4138-bb0f-7e990e84ab0f">
               Change
               <code>
                Anchor
@@ -347,8 +353,8 @@ Anchor('Google Search').link('https://www.google.com/')
             </div>
            </div>
            <div class="col-md">
-            <div id="26f8820a-940a-4b4c-936a-22f3fb6caf05">
-             <pre id="c6bd8bbf-52a3-4bf4-825c-8e705e101c0d"><code class="python">from bootwrap import Panel, Anchor
+            <div id="08ac22fc-1828-479b-8f56-5e2a3bc3439a">
+             <pre id="5fb23eeb-49f5-4278-845f-a0f1f0328984"><code class="language-python">from bootwrap import Panel, Anchor
 panel = Panel(
   Anchor("Primary").link("#").as_primary(),
   Anchor("Secondary").link("#").as_secondary(),
@@ -362,29 +368,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="93601d64-6c1d-474d-a23d-c214e5f85e24">
-              <a class="mb-1 text-primary" href="#" id="86a8ab62-be06-44c0-9c42-afcfdac39677">
+             <div id="5caff151-8297-4bcc-b3f9-d04150acff20">
+              <a class="mb-1 text-primary" href="#" id="e583a7bb-1129-4b6e-8f54-0e5596c1a3c9">
                Primary
               </a>
-              <a class="mb-1 text-secondary" href="#" id="1e4faa8c-1943-4494-9d32-67afec940991">
+              <a class="mb-1 text-secondary" href="#" id="30ca266b-1c49-4e76-bf71-48a326f23887">
                Secondary
               </a>
-              <a class="mb-1 text-success" href="#" id="3180b62c-ac6f-4eeb-8efc-8fc274cd25c2">
+              <a class="mb-1 text-success" href="#" id="7dd10a25-c791-481d-9ae3-82533c188bc2">
                Success
               </a>
-              <a class="mb-1 text-warning" href="#" id="69eee5ad-741f-496a-b115-8f070fdb0ccb">
+              <a class="mb-1 text-warning" href="#" id="4ccd8641-396b-4051-89f5-f5d64aa06e94">
                Warning
               </a>
-              <a class="mb-1 text-danger" href="#" id="ae12224a-6052-4cf8-bf9f-db2582ec544a">
+              <a class="mb-1 text-danger" href="#" id="4b208e5f-e351-4adf-aebf-979937380225">
                Danger
               </a>
-              <a class="mb-1 text-info" href="#" id="06fe9eaa-009e-42b1-b3e7-78a65ac8a782">
+              <a class="mb-1 text-info" href="#" id="3f3d42f4-43b9-4fcb-b3db-1f401ae73607">
                Info
               </a>
-              <a class="mb-1 text-light" href="#" id="f86bcf7f-cfcb-45c1-996f-e35b93405306">
+              <a class="mb-1 text-light" href="#" id="2d1349b6-4496-42ff-a023-6df06f7505e2">
                Light
               </a>
-              <a class="mb-1 text-dark" href="#" id="1e0c743d-20b5-4699-b376-fbb89afcfa26">
+              <a class="mb-1 text-dark" href="#" id="bfddfbda-5530-4641-9494-4699417fac10">
                Dark
               </a>
              </div>
@@ -394,28 +400,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="7cb9faf7-e097-4a13-a521-bc707b559a13">
-        <div class="mt-3" id="39276df8-929e-48ef-860a-f5bdd0457f8d">
-         <div id="8e4e51f1-9fd2-463c-aa47-7c14bd910360">
+       <div class="tab-pane fade" id="d022739e-1351-4fc0-901b-e23071c083d2">
+        <div class="mt-3" id="fdcc07cd-5f51-48fd-871a-f45f2d963cd7">
+         <div id="1ca53b2a-2efc-4f9b-8e0e-9064a018b1e5">
           <div class="row">
            <div class="col-md">
-            <div id="122f9dbd-739f-41ef-a4cf-e47f4c5d21ff">
-             <h1 id="bfd8fdc5-0620-4086-a635-0416f4457f58">
+            <div id="f61d81dc-f329-422e-8f6a-195c13b044b8">
+             <h1 id="66e5917f-4225-4c96-9c25-6caca7115079">
               Link Resource
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="30908c42-e64e-41db-9d23-069579c53023">
+            <div id="752a5ea2-4f76-475f-b166-8979678c83fa">
             </div>
            </div>
           </div>
          </div>
-         <div id="33c2fb8c-234a-42ee-a939-1708dad7b7a0">
+         <div id="ef874fa0-120e-4579-a111-a47ccf6c0885">
           <div class="row">
            <div class="col-md">
-            <div id="d5d060b8-bc60-4c84-a2ee-0f115a427b07">
-             <p id="fe924066-1dfa-4a21-8b69-1ff6a3ec1540">
+            <div id="c52f085a-7cd8-4165-8c23-47d85ceb0a3f">
+             <p id="976334e2-3215-4ed8-b977-d8181ec817a9">
               Associate
               <code>
                Anchor
@@ -429,13 +435,13 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="97e94b4f-5328-472f-a063-543708a605e9">
-             <pre id="ac02a923-b2d3-4011-8095-5d1653897e18"><code class="python">from bootwrap import Panel, Anchor
+            <div id="6dd9dedc-3771-4152-8a5b-b3ae4805203e">
+             <pre id="3dbd9abe-e8c1-4ba7-9b8e-a5c74a109be6"><code class="language-python">from bootwrap import Panel, Anchor
 Panel(
     Anchor("Google Search").link("https://www.google.com/")
 )</code></pre>
-             <div id="4ad175e2-373c-4349-b4eb-9893770eab4b">
-              <a href="https://www.google.com/" id="405f2b38-baf7-4c9b-a76a-358f9390660a">
+             <div id="222cd977-36fa-4360-a75b-0c234d9ab04f">
+              <a href="https://www.google.com/" id="5b9b39cd-3c08-4ea1-8b4c-269f90c52257">
                Google Search
               </a>
              </div>
@@ -445,28 +451,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="516342a0-6afb-4ea9-b490-955d9ea69acd">
-        <div class="mt-3" id="80c0458b-fa45-4457-bdac-33af06c7e196">
-         <div id="588965e8-6b01-4401-a06b-dcf2f731808a">
+       <div class="tab-pane fade" id="d86cc13f-2d2d-4400-bdfa-afc76cffd215">
+        <div class="mt-3" id="0a94fca9-0048-453d-9c94-36deb5c9090f">
+         <div id="52f0768d-f212-40a6-a7b1-5da84f2f0992">
           <div class="row">
            <div class="col-md">
-            <div id="0273f5ca-5c31-4bc6-9ccc-4b4c2e5cb4d0">
-             <h1 id="ac6df9fa-c877-4bf9-b859-c0d349f182b5">
+            <div id="b555f66b-dbdd-4b17-96b4-ba0d9a35fe71">
+             <h1 id="c1f1db29-f6c0-423e-a5d8-ad047a3ae086">
               Open Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="2aa85652-ca25-4960-8b9f-09e726a7902f">
+            <div id="c9c19e71-d2c0-4afd-a99b-bd5565e0802c">
             </div>
            </div>
           </div>
          </div>
-         <div id="5200c41e-b4a7-4b78-9b9c-9ceda4d9b9b1">
+         <div id="a4dde6df-ce2b-4bed-9899-579c139eacac">
           <div class="row">
            <div class="col-md">
-            <div id="4f963194-b684-43ff-88ff-16055c96e0e9">
-             <p id="01efc337-af35-4fbd-a2f5-7fa189eefcb7">
+            <div id="861b5204-2b50-4293-aae3-de5afaee7012">
+             <p id="10a3c614-78e3-4a56-909b-77f95561a22c">
               Use
               <code>
                Anchor
@@ -480,16 +486,16 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="80669dac-65a4-4361-97d3-08b29a1cb7c4">
-             <pre id="fb7eaaee-b671-43cf-854d-b653e8ab62f4"><code class="python">from bootwrap import Panel, Dialog, Anchor
+            <div id="012e3cf2-03ca-4e5c-b096-61d5fac5bfd7">
+             <pre id="a0b29092-0a8e-4818-9ea8-17baa0a6d46a"><code class="language-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="ee0b868d-5024-43a4-82c6-0e4902896eaa">
-              <div class="modal" id="d35635af-507a-455b-8bae-ecff81a0ad3c">
+             <div id="4d7d8c4f-9dc4-4a50-96b5-a6d95245ca54">
+              <div class="modal" id="b2e399a5-b753-496b-bc24-0e933c81c48f">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -505,7 +511,7 @@ Panel(dialog, anchor)</code></pre>
                 </div>
                </div>
               </div>
-              <a data-bs-toggle="modal" href="#d35635af-507a-455b-8bae-ecff81a0ad3c" id="30a1b37e-8c57-43e5-a0e0-b90441362d39" role="modal">
+              <a data-bs-toggle="modal" href="#b2e399a5-b753-496b-bc24-0e933c81c48f" id="4bc79e67-1f68-4aa5-b7d3-8ed150f000d9" role="modal">
                Say Hello
               </a>
              </div>
@@ -515,28 +521,28 @@ Panel(dialog, anchor)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e4fcdef7-675f-4129-b0f2-10f95ccd4120">
-        <div class="mt-3" id="28d43587-84ee-4ea7-95fd-36e44a878218">
-         <div id="3bf67abe-f8aa-4eb1-bc14-888161908947">
+       <div class="tab-pane fade" id="6221d806-534b-44a1-8d0d-7747a5e7efaf">
+        <div class="mt-3" id="e60c5418-0982-44de-96be-61b82b82cf10">
+         <div id="c113ef23-de96-4989-b6f8-2008c58d6987">
           <div class="row">
            <div class="col-md">
-            <div id="637bcb31-68a7-424f-ab37-ffa8317631af">
-             <h1 id="f1598918-e739-4fd8-a81c-6d3601db6050">
+            <div id="1c9193e3-0173-4e84-a738-537981554635">
+             <h1 id="774f8790-f59c-4607-8163-afb65b9888e9">
               Close Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="bc9d9d86-9008-49e8-9f39-f555e3e653b8">
+            <div id="288e9eac-3680-4168-9a03-92613249e337">
             </div>
            </div>
           </div>
          </div>
-         <div id="ca73c2ca-7fc4-45c5-802f-1f674758b527">
+         <div id="40d85367-284e-487b-b410-31d409c4d07b">
           <div class="row">
            <div class="col-md">
-            <div id="778af7cc-88df-489d-87c4-80de80d10f9a">
-             <p id="3ccdb6af-b7df-4e05-b358-af89bc721ca3">
+            <div id="8ceb8d82-795e-4d5a-89a9-7ac6b12e1816">
+             <p id="eec18c7d-9dc0-444d-adad-3e25926d4944">
               Use
               <code>
                Anchor
@@ -550,8 +556,8 @@ Panel(dialog, anchor)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="15aee6ff-0260-413c-b493-aeaba20d3a4f">
-             <pre id="ba4f8828-7476-48fd-a66b-a2b99e6765e1"><code class="python">from bootwrap import Panel, Dialog, Anchor
+            <div id="fb98ef5b-d270-4fd7-ac22-2ad7d3a2a1f8">
+             <pre id="134225fb-ae37-4ceb-a07e-4f38054b40eb"><code class="language-python">from bootwrap import Panel, Dialog, Anchor
 dialog = Dialog(
   "Greeting",
   "Hello World!",
@@ -559,8 +565,8 @@ dialog = Dialog(
 )
 anchor = Anchor("Say Hello").toggle(dialog)  
 Panel(dialog, anchor)</code></pre>
-             <div id="2441600a-9246-4348-848e-b38e8ca1ac20">
-              <div class="modal" id="4f1d91cf-6a35-408b-b6b8-5ea0ecf5f96e">
+             <div id="893867c8-4239-49cc-94a6-7136d0abdb30">
+              <div class="modal" id="b7b0d543-f862-4fdf-92d8-8250be812af2">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -574,14 +580,14 @@ Panel(dialog, anchor)</code></pre>
                   Hello World!
                  </div>
                  <div class="modal-footer">
-                  <a data-bs-dismiss="modal" href="#" id="a8a6bdbd-b2cf-4a70-8fbc-67c984e91304">
+                  <a data-bs-dismiss="modal" href="#" id="f8b71007-66c4-454a-8408-8801edf6eeed">
                    Bye
                   </a>
                  </div>
                 </div>
                </div>
               </div>
-              <a data-bs-toggle="modal" href="#4f1d91cf-6a35-408b-b6b8-5ea0ecf5f96e" id="ae34c5fc-bbbc-4122-af37-a701d1139f4b" role="modal">
+              <a data-bs-toggle="modal" href="#b7b0d543-f862-4fdf-92d8-8250be812af2" id="8b16cc32-85e1-4571-a681-61e79deee170" role="modal">
                Say Hello
               </a>
              </div>
@@ -591,28 +597,28 @@ Panel(dialog, anchor)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="596a9eb5-0d4b-4748-9b94-61490e19afa8">
-        <div class="mt-3" id="373712c2-9d8f-48f6-bfbe-36c4ea889a11">
-         <div id="bf870385-0acf-40c1-a849-4cc8d0f331da">
+       <div class="tab-pane fade" id="9ab51ec4-3810-4e99-bc90-c1c8790284f1">
+        <div class="mt-3" id="7ded2627-2d86-4904-8451-6dbb6ce02897">
+         <div id="cef0b5ac-d639-42fb-b81b-356b5dd50f9b">
           <div class="row">
            <div class="col-md">
-            <div id="17ba7e2b-63f2-430d-967f-ad4d14159af3">
-             <h1 id="b650fc5a-bf86-4263-b2f5-76b017e94fe6">
+            <div id="3918a8df-a37f-4ed9-b790-113b4437b1d7">
+             <h1 id="93fbe0d9-c8f8-49a1-acb5-e32518e85f07">
               Expand/Collapse Panel
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="1c7cd10f-5cc8-4732-b0fc-4b0651bec560">
+            <div id="d6f8a69e-b4c5-464b-8beb-6a9cdceb1a84">
             </div>
            </div>
           </div>
          </div>
-         <div id="0527de84-41e5-4382-afd9-4d6bb998caf4">
+         <div id="837d21a9-d4e2-4779-8237-b9c90b5a6b09">
           <div class="row">
            <div class="col-md">
-            <div id="2662d876-0d35-4ae8-8a64-7d8d87b51e89">
-             <p id="c950b581-68e8-4516-96a9-4919dd7d97d6">
+            <div id="71c24731-8a2f-4134-9352-712194d46a2d">
+             <p id="d4dfaeda-3544-442a-b4a8-c753b291c702">
               Use
               <code>
                Anchor
@@ -626,8 +632,8 @@ Panel(dialog, anchor)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="c25bd1e0-4f61-4d11-a710-b49a2cf769dd">
-             <pre id="60c7696f-27c1-49b6-a23c-f0e8fc2cd5c3"><code class="python">from bootwrap import Panel, Anchor
+            <div id="3acea0f2-de0b-4d43-b618-ff5617c16430">
+             <pre id="531e2e5a-e699-4aa5-90c6-1a3571fccbd5"><code class="language-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."
@@ -636,11 +642,11 @@ Panel(
   Anchor("Steve Jobs Quote").toggle(quote),
   quote
 )</code></pre>
-             <div id="edcd8fbc-62f9-48fb-a740-c5235da9f4f7">
-              <a data-bs-target="#af7e860e-25ba-4605-8163-43eeea46597a" data-bs-toggle="collapse" href="#af7e860e-25ba-4605-8163-43eeea46597a" id="693242a0-eb85-448d-b53b-96e54ed77029" role="collapse">
+             <div id="19f4c6c3-52cf-440a-94e6-418c9b02b559">
+              <a data-bs-target="#6ad2f280-5d08-4a22-8fdc-0a345c8ca0ab" data-bs-toggle="collapse" href="#6ad2f280-5d08-4a22-8fdc-0a345c8ca0ab" id="efe521cb-a97b-4297-9d99-6022dca84a2e" role="collapse">
                Steve Jobs Quote
               </a>
-              <div class="collapse" id="af7e860e-25ba-4605-8163-43eeea46597a">
+              <div class="collapse" id="6ad2f280-5d08-4a22-8fdc-0a345c8ca0ab">
                Sometimes life is going to hit you in the head with a brick. Don’t lose faith.
               </div>
              </div>
@@ -653,50 +659,50 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="65bad313-d01f-4f63-94d9-31de4607dd7d">
-     <div id="0b9c30be-5a28-4136-b32c-d107a3d9ad88">
+    <div class="tab-pane fade" id="eb43ab69-ffe1-4279-98ce-8cf108648a35">
+     <div id="ded32eeb-762b-4c5e-b9de-2696254902ee">
       <hr/>
-      <ul class="nav" id="ea3c6fb4-e371-49df-85b1-523d0d530b04" role="tablist">
+      <ul class="nav" id="1d6a4299-d238-4fc7-8e8b-faa93e7bd257" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#64583613-1445-4be5-87cc-e0da8d3a88eb" data-bs-toggle="tab" href="#64583613-1445-4be5-87cc-e0da8d3a88eb" id="3a27ba5c-c84a-4092-a068-0b86ef913fed" role="tab">
-         <span class="text-secondary" id="2ba993c1-590a-497c-b591-39eb956f8ee3">
+        <a class="nav-link active" data-bs-target="#e5711861-4ece-4b9b-a382-8227787b68be" data-bs-toggle="tab" href="#e5711861-4ece-4b9b-a382-8227787b68be" id="ebaff71f-b49d-4b15-bfab-e7f39a1017a4" role="tab">
+         <span class="text-secondary" id="94e6c7ed-fa55-4a49-87fb-eff91aeb7400">
           Badge
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#590ee68b-00f8-4098-ba75-e643d4f6974d" data-bs-toggle="tab" href="#590ee68b-00f8-4098-ba75-e643d4f6974d" id="70cd4200-7bf0-4b3a-998c-7b32e71ff102" role="tab">
-         <span class="text-secondary" id="1e3e2d9a-24f8-488b-886e-4d88dc2a3fb4">
+        <a class="nav-link" data-bs-target="#9ffc74be-92cb-4844-b797-06282d8a2832" data-bs-toggle="tab" href="#9ffc74be-92cb-4844-b797-06282d8a2832" id="d8dd931e-b8fa-45e1-a526-e3ee90be1a49" role="tab">
+         <span class="text-secondary" id="9bcf08be-2519-4b2f-9ea0-8581754b01b3">
           Appearance
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="64583613-1445-4be5-87cc-e0da8d3a88eb">
-        <div class="mt-5" id="7b093a26-9b0f-4a95-a6c8-20d2687c898c">
-         <div class="d-flex justify-content-between" id="26b776c2-50c0-46a5-aba0-4006e21d62f5">
-          <h1 id="d502e094-4c62-4732-af11-4b6f6ce2f37e">
+       <div class="tab-pane fade active show" id="e5711861-4ece-4b9b-a382-8227787b68be">
+        <div class="mt-5" id="309080c0-dfa5-4a82-abcf-4f41ed164b17">
+         <div class="d-flex justify-content-between" id="57f46d02-95ee-4840-aa2d-6697df1ef566">
+          <h1 id="40c0b215-b3f2-4b58-960a-d0294547f7ec">
            Class
-           <span class="text-primary" id="5141da0a-777a-4ea2-9ef6-66cec869ddb7">
+           <span class="text-primary" id="37f93015-d643-49f5-ab19-3920e122eda0">
             Badge
            </span>
           </h1>
-          <div id="4bd92ab4-6666-49c7-b7aa-8def548f3805">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d47eaf84-c89c-48ee-986e-23f0d3cbba2b" data-bs-toggle="collapse" id="d83001bf-6e94-49d4-b31a-73d68ead5b46" onclick="return false;" type="button">
+          <div id="271975d6-464d-472d-aada-cda5fa4008ba">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d95a7b21-7119-4bd6-84ed-0f3de5814c0a" data-bs-toggle="collapse" id="5c181d96-6cda-4f4f-ba19-f6c0e4820238" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="537a85ef-4323-46fe-a0f7-29770a5c10e2">
+         <span class="text-muted" id="06813e00-c830-46c2-bd7e-b42d2b4b1f7d">
           A web component for a badge.
          </span>
-         <pre id="30d27f3d-2302-44d9-bd7b-a76846fabed7"><code class="python">Badge(label)</code></pre>
-         <div class="ms-3 collapse" id="d47eaf84-c89c-48ee-986e-23f0d3cbba2b">
-          <h6 id="736daecd-3beb-457f-858f-d30b1fa93c6a">
+         <pre id="06ae5f47-310e-468e-a181-c243602bd76e"><code class="language-python">Badge(label)</code></pre>
+         <div class="ms-3 collapse" id="d95a7b21-7119-4bd6-84ed-0f3de5814c0a">
+          <h6 id="70ab40f8-1b1f-4f97-812a-0a6addb1614b">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="66d515ff-fec6-4474-9411-50aced610be1">
+          <table class="table table-sm bg-light" id="87471f16-4671-4893-a7c4-563f9a128559">
            <thead>
             <tr>
              <th scope="col">
@@ -729,43 +735,43 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="ef867c7d-8ffb-4b45-9581-9a4c317a506e">
-          <h6 id="8bc2b60f-2ea4-4bb1-be90-625fc21055df">
+         <div class="ms-3" id="d83ffe87-f3f3-4c71-910c-b5f1b6168932">
+          <h6 id="71d61a20-386f-4232-9b87-1335975030eb">
            Example
           </h6>
-          <pre id="4b027c29-9a20-4fee-be63-55fa7a032d87"><code class="python">from bootwrap import Badge
+          <pre id="b7690192-94da-4e49-9614-1fc8cfbce0f7"><code class="language-python">from bootwrap import Badge
 Badge('Some Badge').as_dark()
 </code></pre>
          </div>
-         <div class="ms-3" id="06029d60-f92c-4534-9442-66f692c96764">
-          <span class="badge text-bg-dark" id="9bd33477-fb00-4d1f-b39b-575bc337ac9f">
+         <div class="ms-3" id="b510f120-abf2-4f20-8f32-ef8a5960aee8">
+          <span class="badge text-bg-dark" id="22e3cef4-4ee9-4a67-9517-9fe8b163b33a">
            Some Badge
           </span>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="590ee68b-00f8-4098-ba75-e643d4f6974d">
-        <div class="mt-3" id="73cd9514-7ef9-494a-a0ef-113ac9dadf9c">
-         <div id="996db971-4be3-45bd-81cd-8a7f1af67e65">
+       <div class="tab-pane fade" id="9ffc74be-92cb-4844-b797-06282d8a2832">
+        <div class="mt-3" id="895beb19-2909-4dff-9c85-e63416d544b4">
+         <div id="88868701-15e8-4bd6-98ca-effe51c93b8c">
           <div class="row">
            <div class="col-md">
-            <div id="c689df33-b105-419a-bef6-dea1f09e2e85">
-             <h1 id="3ec81f93-12be-4e1a-9859-7b23996889f1">
+            <div id="0e8bf266-cf18-401c-aca8-7832d11cb666">
+             <h1 id="57b6cc3b-fc00-494f-955d-8c8959f2cc8d">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="390d4913-743c-4bcc-983c-860eab11568d">
+            <div id="a2631508-c6b6-4a60-a2c6-28887b3fab57">
             </div>
            </div>
           </div>
          </div>
-         <div id="816044f6-622b-4127-bcc0-d9dd5ddd9d08">
+         <div id="80cde064-3aef-494f-a2a0-1957a2442840">
           <div class="row">
            <div class="col-md">
-            <div id="1ad261b8-851d-4fb9-bccf-76098b79c21c">
-             <p id="98b5545b-7775-4b17-9339-4b10b08eede9">
+            <div id="2677bbec-c595-466a-99fb-238d1efe1262">
+             <p id="8cc08e01-9097-4a53-b3be-f343afb50cb1">
               Change
               <code>
                Badge
@@ -807,8 +813,8 @@ Badge('Some Badge').as_dark()
             </div>
            </div>
            <div class="col-md">
-            <div id="fe128f7b-49b0-4ebb-b88c-078490b6a148">
-             <pre id="5d5257de-e712-43cd-bb26-dde66405594f"><code class="python">from bootwrap import Panel, Badge
+            <div id="2c926eaf-f580-4b2f-840b-18751b1c2030">
+             <pre id="7b7bc5a9-5e59-4e72-978d-231ec3e1fea9"><code class="language-python">from bootwrap import Panel, Badge
 panel = Panel(
   Badge("Primary").as_primary(),
   Badge("Secondary").as_secondary(),
@@ -822,29 +828,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="f0c709cd-ab18-441e-9817-88e7db6a58f8">
-              <span class="badge text-bg-primary mb-1" id="f921399e-c476-4cbb-b0cb-f36c90f703e1">
+             <div id="98420aed-995f-4003-a094-b81136b39c13">
+              <span class="badge text-bg-primary mb-1" id="f7706b0e-7bac-401a-9af9-a003dd54d3d4">
                Primary
               </span>
-              <span class="badge text-bg-secondary mb-1" id="41b51b2d-71c7-4072-9abd-3e805b773ec1">
+              <span class="badge text-bg-secondary mb-1" id="9206962d-e915-4f5e-a97d-41d0fa4ce6ea">
                Secondary
               </span>
-              <span class="badge text-bg-success mb-1" id="c41a841a-1d2e-4bb8-a3b3-7124b5926e07">
+              <span class="badge text-bg-success mb-1" id="db08a469-e8f1-4e5e-a4db-9f298ca10b8a">
                Success
               </span>
-              <span class="badge text-bg-warning mb-1" id="7399b30e-eb1b-4d48-9866-01eadf0845e3">
+              <span class="badge text-bg-warning mb-1" id="77963c19-1411-43ae-82ab-805f021f9a10">
                Warning
               </span>
-              <span class="badge text-bg-danger mb-1" id="a115819a-dcd6-4742-a874-56b8dd93901c">
+              <span class="badge text-bg-danger mb-1" id="16b2b0c4-ed13-42de-8ed1-5b6c38003311">
                Danger
               </span>
-              <span class="badge text-bg-info mb-1" id="64bd7152-e80f-473c-b3ae-0eac5285cdb4">
+              <span class="badge text-bg-info mb-1" id="0cbbc690-5598-4f63-bf9f-4971b67d4582">
                Info
               </span>
-              <span class="badge text-bg-light mb-1" id="e13fbd73-40b8-4e00-8ab3-604cc7df1fca">
+              <span class="badge text-bg-light mb-1" id="253c1a35-3908-45bd-b707-dae9c9d1ad68">
                Light
               </span>
-              <span class="badge text-bg-dark mb-1" id="14478e36-60d9-4313-b53f-ff70e582b902">
+              <span class="badge text-bg-dark mb-1" id="35389d91-844e-4d30-ada0-8a2e0f312385">
                Dark
               </span>
              </div>
@@ -857,99 +863,99 @@ panel</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="dcd14819-9d68-4c5e-8a0c-1e1a1cd7620f">
-     <div id="310fde7c-0e45-4028-b3c1-da4693b0b348">
+    <div class="tab-pane fade" id="690aa602-636c-4165-ba2f-3358d1896729">
+     <div id="bba57d3f-611a-4be1-8d20-61f462cb3823">
       <hr/>
-      <ul class="nav" id="3a6521dc-4596-4b90-845c-b7f427624e52" role="tablist">
+      <ul class="nav" id="00129ee3-03f7-4b3d-9149-1932dec744fa" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#3eb99925-8f9d-4b0e-a8f9-5dc4d7dceb27" data-bs-toggle="tab" href="#3eb99925-8f9d-4b0e-a8f9-5dc4d7dceb27" id="a6b1c77c-bea6-478b-ae03-76cf46351280" role="tab">
-         <span class="text-secondary" id="bc906095-92ec-4136-8273-de27f520a901">
+        <a class="nav-link active" data-bs-target="#9e58db88-589d-4a55-9f92-9bc3914f828e" data-bs-toggle="tab" href="#9e58db88-589d-4a55-9f92-9bc3914f828e" id="d48b767b-0063-4372-ab87-6d3db67b7df3" role="tab">
+         <span class="text-secondary" id="368680a7-1169-41c3-a7a3-14cc6f96bf53">
           Button
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e6b7e050-37f5-4124-9548-edb4d26ec4f6" data-bs-toggle="tab" href="#e6b7e050-37f5-4124-9548-edb4d26ec4f6" id="ba897304-e863-45a1-beb4-da9e80582fa5" role="tab">
-         <span class="text-secondary" id="9f175fb0-07b6-44c6-92ed-69b84c505fa7">
+        <a class="nav-link" data-bs-target="#6a66dc23-722d-4301-a39e-a05dfe0b5d4b" data-bs-toggle="tab" href="#6a66dc23-722d-4301-a39e-a05dfe0b5d4b" id="d06fbc03-a075-4901-9162-278ee20476d0" role="tab">
+         <span class="text-secondary" id="4c26a57c-859e-46b7-8851-56ef6f49801f">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#587587c9-5658-49b5-9154-c1c4e67ed59f" data-bs-toggle="tab" href="#587587c9-5658-49b5-9154-c1c4e67ed59f" id="ec7fa8ee-1d1a-4e18-8e25-c85894f6fbfe" role="tab">
-         <span class="text-secondary" id="b086d73a-8094-49c8-b852-57081774b64e">
+        <a class="nav-link" data-bs-target="#74bd3b07-ebb9-421a-9c28-95b0d512a671" data-bs-toggle="tab" href="#74bd3b07-ebb9-421a-9c28-95b0d512a671" id="47baad7c-5af5-49be-943c-d723bdc44f28" role="tab">
+         <span class="text-secondary" id="27fdcbea-7536-4be1-a9b7-f2621922e328">
           Outline
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#33426b73-a51f-4ac1-9afb-a448194e53e6" data-bs-toggle="tab" href="#33426b73-a51f-4ac1-9afb-a448194e53e6" id="08ab6747-329a-4985-80a8-345b9b6268ee" role="tab">
-         <span class="text-secondary" id="b6044ac0-8569-4f3f-91c2-76e93d4d497a">
+        <a class="nav-link" data-bs-target="#de664ebd-9e91-416d-8719-0335ac012479" data-bs-toggle="tab" href="#de664ebd-9e91-416d-8719-0335ac012479" id="e29343c8-1b53-4787-bea9-cef75213752b" role="tab">
+         <span class="text-secondary" id="caf01a3d-aaea-43a8-b296-c8418d27115e">
           Disable
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#01fdba8a-2349-4bbd-8cee-790a2b8c4b35" data-bs-toggle="tab" href="#01fdba8a-2349-4bbd-8cee-790a2b8c4b35" id="635be4de-f936-4a85-9ed6-27375e491dcd" role="tab">
-         <span class="text-secondary" id="6abb73dd-0132-41e4-a2f8-b3a67e90f1f2">
+        <a class="nav-link" data-bs-target="#e0e64592-ce35-4834-a347-27770ac04443" data-bs-toggle="tab" href="#e0e64592-ce35-4834-a347-27770ac04443" id="ee254345-6f2e-485f-8778-ce52a8386a0f" role="tab">
+         <span class="text-secondary" id="e47e94cf-6896-4757-8a8a-273d1cd818b8">
           Link Resource
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#0ca0a4da-fb75-4a79-8926-e8613f04e8e1" data-bs-toggle="tab" href="#0ca0a4da-fb75-4a79-8926-e8613f04e8e1" id="3871abf9-4098-4d9c-94e0-5a2aa76686c4" role="tab">
-         <span class="text-secondary" id="99ce6dab-480e-4ba7-a4ca-3eeb6e89ecce">
+        <a class="nav-link" data-bs-target="#d56bbd21-1b68-4a17-b612-831243b76e47" data-bs-toggle="tab" href="#d56bbd21-1b68-4a17-b612-831243b76e47" id="d892a8bf-bf0a-4399-aa7c-4a0d2bd49058" role="tab">
+         <span class="text-secondary" id="526773f1-6879-4fd8-bcdd-1e8ed142b108">
           Open Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#b7eba904-aaaa-4d93-aaab-69113cdd96e4" data-bs-toggle="tab" href="#b7eba904-aaaa-4d93-aaab-69113cdd96e4" id="755aeb73-b013-41cc-981d-b07748499e2a" role="tab">
-         <span class="text-secondary" id="2ce4acf2-e81f-4d23-b600-1ebc110dc767">
+        <a class="nav-link" data-bs-target="#5646e082-996a-4502-a7cb-a1facc285c98" data-bs-toggle="tab" href="#5646e082-996a-4502-a7cb-a1facc285c98" id="4904775d-def7-4d62-93b5-e544799e5d4f" role="tab">
+         <span class="text-secondary" id="a56b1765-3fab-4a3d-896a-31d89a8784d4">
           Close Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#eac617c4-807c-429f-961c-27cf872ba292" data-bs-toggle="tab" href="#eac617c4-807c-429f-961c-27cf872ba292" id="a2708b07-a074-4e51-b3f8-13397edcaf70" role="tab">
-         <span class="text-secondary" id="3439121e-582c-4d03-968f-184896cd7148">
+        <a class="nav-link" data-bs-target="#adb4f9e2-4bc3-47fa-a8d7-e3ee4b8c19f3" data-bs-toggle="tab" href="#adb4f9e2-4bc3-47fa-a8d7-e3ee4b8c19f3" id="1fac2128-8e7d-467e-aadf-53131099067c" role="tab">
+         <span class="text-secondary" id="6c1b34b9-50ad-434b-ada3-e5d31d574a24">
           Expand/Collapse Panel
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#1b21c2fc-5145-4fef-b8b3-d597490ffa8e" data-bs-toggle="tab" href="#1b21c2fc-5145-4fef-b8b3-d597490ffa8e" id="a5996331-2ad2-48bb-b784-278a7a0d48d3" role="tab">
-         <span class="text-secondary" id="fd8072b2-5853-4c42-b5bf-15d03ea78509">
+        <a class="nav-link" data-bs-target="#5474b3c0-bb62-4ca8-acad-b2260f5be5c2" data-bs-toggle="tab" href="#5474b3c0-bb62-4ca8-acad-b2260f5be5c2" id="ec1d14fb-b6b2-494d-8591-177585f3b438" role="tab">
+         <span class="text-secondary" id="65785451-b148-4323-905a-002d73fbe357">
           Submit Action
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="3eb99925-8f9d-4b0e-a8f9-5dc4d7dceb27">
-        <div class="mt-5" id="f6f08f2f-29ba-4b40-a24c-06a610baaaf6">
-         <div class="d-flex justify-content-between" id="85f2d1b2-f4f1-4478-a370-83e81758bca3">
-          <h1 id="1bc24e35-903b-49e2-a5ff-d93cbd137a5e">
+       <div class="tab-pane fade active show" id="9e58db88-589d-4a55-9f92-9bc3914f828e">
+        <div class="mt-5" id="58d308f4-a1c8-4f56-92c2-f1c802b07fe0">
+         <div class="d-flex justify-content-between" id="ed3fe145-a923-4696-849e-ac4af510dde8">
+          <h1 id="389b6c96-eb4f-4d2e-9bfc-c2c41cc31a77">
            Class
-           <span class="text-primary" id="215f320d-c82c-4976-a8fc-7e8c221513a6">
+           <span class="text-primary" id="a1da76ad-5f4c-4030-a52a-0b5b3125fcf2">
             Button
            </span>
           </h1>
-          <div id="eba0c115-3480-430e-8d3d-0074b7848275">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7d1a0bc1-fd71-443b-8345-1bfc1af6b04e" data-bs-toggle="collapse" id="699a918e-f3e6-4c64-9fc6-a0cc501ce550" onclick="return false;" type="button">
+          <div id="06742484-8775-4e29-b5dc-21fe9c271cb0">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#cf1a0294-5240-490c-bdab-ad1b340a40c9" data-bs-toggle="collapse" id="3d06c93f-3c3a-49fb-9112-3137aa73931e" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="b3ba8997-5b92-4c1b-86ef-1d2a301f13b7">
+         <span class="text-muted" id="f0736144-b822-4020-a299-525980ecba1f">
           A web component for a button.
          </span>
-         <pre id="add681d0-17e0-49db-a42a-7c95ec33000c"><code class="python">Button(name)</code></pre>
-         <div class="ms-3 collapse" id="7d1a0bc1-fd71-443b-8345-1bfc1af6b04e">
-          <h6 id="2bf1e770-81d1-452a-aa39-5cca455c32f7">
+         <pre id="42dad2c9-cce8-47b3-b19b-781a5d870751"><code class="language-python">Button(name)</code></pre>
+         <div class="ms-3 collapse" id="cf1a0294-5240-490c-bdab-ad1b340a40c9">
+          <h6 id="88a7c9ef-6bdd-4121-87a2-34fbbbaef73f">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="7884ede8-1d60-4a5e-85d0-ce7d27aa2341">
+          <table class="table table-sm bg-light" id="59da92e6-edba-4ffe-b08a-51a0df58a16c">
            <thead>
             <tr>
              <th scope="col">
@@ -982,7 +988,7 @@ panel</code></pre>
            </tbody>
           </table>
          </div>
-         <p id="3940af51-6c8e-419a-b44b-a90f59f020be">
+         <p id="c9c13173-3ec7-4b01-936c-3e60447ec188">
           Without applying a stylized method
           <code>
            Button
@@ -994,42 +1000,42 @@ panel</code></pre>
           </code>
           .
          </p>
-         <div class="ms-3" id="69f7cb3c-e847-43da-951f-cea97071d44d">
-          <h6 id="981f6b95-514c-47e1-a421-5bbd2131425a">
+         <div class="ms-3" id="b7acafcd-d3a5-448d-9d60-5126363d1ef8">
+          <h6 id="506f5a18-a023-4101-a20c-b5599a41b61f">
            Example
           </h6>
-          <pre id="cbcba928-96f6-4d90-8ea1-244231d222b7"><code class="python">from bootwrap import Button
+          <pre id="339272e1-1660-494f-b65d-c99f80a0247c"><code class="language-python">from bootwrap import Button
 Button('Google Search').link('https://www.google.com/')
 </code></pre>
          </div>
-         <div class="ms-3" id="ce785a68-3ea6-40dc-aa24-1241eaa0eeb1">
-          <a class="btn" href="https://www.google.com/" id="43ab5ebb-d3d2-4c99-8647-2937573c4a47" role="button">
+         <div class="ms-3" id="052035d9-d965-4682-bfcc-30ee166e8cef">
+          <a class="btn" href="https://www.google.com/" id="4f5c246e-8a22-4fdf-b979-3e3d3497ef58" role="button">
            Google Search
           </a>
          </div>
-         <div class="mt-5" id="7f4b6bac-b79b-4af5-baa4-5d36ec84536a">
-          <div class="d-flex justify-content-between" id="7f807b8e-c345-42e0-8729-7addb5d79a2f">
-           <h4 id="6b88b886-763a-47dc-a730-96fd1e839517">
+         <div class="mt-5" id="9a6cc845-60b5-426e-8f18-20d52a510180">
+          <div class="d-flex justify-content-between" id="24ba1bac-194a-40a0-832a-01277d56b8ae">
+           <h4 id="2e4a84c8-2edb-4cc8-977c-7caf431f9876">
             Method
-            <span class="text-primary" id="433c629f-ed47-4a4d-a8a4-a273ef082ca2">
+            <span class="text-primary" id="dd34653e-f951-40b1-904b-f63e9340cda2">
              with_icon
             </span>
            </h4>
-           <div id="03ae1038-80d4-42f0-9d93-b70bf1c6c9c5">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5223da0d-27de-4e23-9672-3f95a12d8428" data-bs-toggle="collapse" id="3750668e-2c85-4989-b059-606653221b01" onclick="return false;" type="button">
+           <div id="139bfa26-63f6-47e8-9fbf-af34e0e97a6d">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a99c5cc3-4ba5-4287-8053-61f105a95fca" data-bs-toggle="collapse" id="4fbeebd3-d49b-4cc2-883d-40942ec3a785" onclick="return false;" type="button">
              Argument
             </button>
            </div>
           </div>
-          <span class="text-muted" id="1a2b597a-198e-4724-ac22-7d61ce9db15f">
+          <span class="text-muted" id="90773ce7-4097-4e87-8488-06ecf075745f">
            Makes button with icon.
           </span>
-          <pre id="2903a428-bbc3-42d9-a243-77eb7f3e2b9f"><code class="python">with_icon(icon, right_side=False)</code></pre>
-          <div class="ms-3 collapse" id="5223da0d-27de-4e23-9672-3f95a12d8428">
-           <h6 id="bf0e3064-3d3f-4b80-87a2-deb3e9c9a483">
+          <pre id="019d9125-d8ed-4337-bf64-a4effd23f6e6"><code class="language-python">with_icon(icon, right_side=False)</code></pre>
+          <div class="ms-3 collapse" id="a99c5cc3-4ba5-4287-8053-61f105a95fca">
+           <h6 id="9f1a1ecc-fb44-40e1-ae78-86e3613f74b8">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="ecdb7b1d-dcfb-4838-a8e8-b6371d96bae2">
+           <table class="table table-sm bg-light" id="94169a1e-76cf-4a83-8a23-c692aa77c2b0">
             <thead>
              <tr>
               <th scope="col">
@@ -1086,11 +1092,11 @@ Button('Google Search').link('https://www.google.com/')
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="3609478d-3fb6-4f1a-a894-0437db62cf0d">
-           <h6 id="91591e9b-4a27-410c-b4f6-6b6ec7a3bbf0">
+          <div class="ms-3" id="3fe316c8-f702-4fbc-9b75-e29028895bd2">
+           <h6 id="1cf2cbd3-8682-4d16-9793-0aee0d39383f">
             Example
            </h6>
-           <pre id="2ed63930-580f-4000-bdf6-f173e680d69a"><code class="python">from bootwrap import Button, Icon, Panel
+           <pre id="fda4c8c1-5f30-46df-9f05-a85ec67fcceb"><code class="language-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")
@@ -1098,16 +1104,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="54432fe3-6fb1-4ace-8e71-e99bd36179e9">
-           <div id="922dbc57-3524-4444-9928-bcd542430c6b">
-            <button class="btn btn-primary" id="a0ed45c6-0063-4d2a-8012-60a164c67c1c" onclick="return false;">
-             <i class="fa-solid fa-arrow-left" id="0f74f3e0-3938-4d81-876b-2fee8f0caf1e">
+          <div class="ms-3" id="e5ef9ffb-4fb9-428c-9f51-9171c2a54c6b">
+           <div id="e69844c1-3542-40aa-ae62-1efb0dffbbb6">
+            <button class="btn btn-primary" id="b4e54274-6d9e-41c1-9acd-b03f2f734dc0" onclick="return false;">
+             <i class="fa-solid fa-arrow-left" id="04183c19-f292-448e-87fa-5f81bf34302a">
              </i>
              Left
             </button>
-            <button class="btn btn-primary" id="6397ef70-edfe-4a36-92a7-22644580ab6b" onclick="return false;">
+            <button class="btn btn-primary" id="34ac8441-b3b4-4318-9b4b-47f46ff540e0" onclick="return false;">
              Right
-             <i class="fa-solid fa-arrow-right" id="bdd58377-d15e-4520-83d3-12b5998c3680">
+             <i class="fa-solid fa-arrow-right" id="af84d4bd-879f-4c3b-89bb-2196839ca591">
              </i>
             </button>
            </div>
@@ -1115,28 +1121,28 @@ Panel(btn_left, btn_right)
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e6b7e050-37f5-4124-9548-edb4d26ec4f6">
-        <div class="mt-3" id="ece6962a-2bf6-4d69-8b03-fe5060ed7c36">
-         <div id="d322f76c-c8e7-48fb-8760-33596bc5cb16">
+       <div class="tab-pane fade" id="6a66dc23-722d-4301-a39e-a05dfe0b5d4b">
+        <div class="mt-3" id="28e082ec-66ef-40eb-a222-038f751b6e97">
+         <div id="9c56906b-bcba-4459-8a1a-9c610d891912">
           <div class="row">
            <div class="col-md">
-            <div id="a44f18c5-b943-4fbc-84db-88d1170fb1ba">
-             <h1 id="cf8e20c6-d07e-4fbb-b66b-31b678c04aa4">
+            <div id="971dc2ba-c203-4ca0-a18f-e0836da8e567">
+             <h1 id="8adb7778-a3c4-4e76-a705-0e43ce3fd2e1">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="94f14b5a-ebd4-4f53-b6ab-872e16a2719f">
+            <div id="134dd979-7279-486b-944b-b27ef3ada4c4">
             </div>
            </div>
           </div>
          </div>
-         <div id="ae392d91-29f4-4fae-a296-fbc199b5e560">
+         <div id="2117151f-4398-4421-b9d2-786258590d32">
           <div class="row">
            <div class="col-md">
-            <div id="513bec0c-4a27-4bda-9850-b4d84658715e">
-             <p id="4f8789f0-f74f-49ce-b0d7-ecb03ca23cd8">
+            <div id="305360a9-1505-4d3f-9d4d-8b9ba5cbe340">
+             <p id="e5f89374-2993-4629-8292-a7d4ce845985">
               Change
               <code>
                Button
@@ -1178,8 +1184,8 @@ Panel(btn_left, btn_right)
             </div>
            </div>
            <div class="col-md">
-            <div id="4f2cd0c2-600e-431f-a615-58d7e4fe679f">
-             <pre id="2475ed49-1b1c-452f-a6b7-96a773020b4e"><code class="python">from bootwrap import Panel, Button
+            <div id="d2f7adf0-28ea-4791-aa45-855cef0be14c">
+             <pre id="6c35f288-0a7a-4a43-a6c2-2574046756a1"><code class="language-python">from bootwrap import Panel, Button
 panel = Panel(
   Button("Primary").link("#").as_primary(),
   Button("Secondary").link("#").as_secondary(),
@@ -1193,29 +1199,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="7b8f77c0-31be-4260-9529-9d4823f4c3fd">
-              <a class="mb-1 btn btn-primary" href="#" id="d3852154-8cd5-4fc1-bfe1-b86207ff2e3b" role="button">
+             <div id="d549bfee-7dbe-41a1-8065-5329d2f0347e">
+              <a class="mb-1 btn btn-primary" href="#" id="5fb0c66f-79d7-49af-833d-2af5addcbc18" role="button">
                Primary
               </a>
-              <a class="mb-1 btn btn-secondary" href="#" id="f6359b57-a57b-41d5-9b43-c44d2cf8c292" role="button">
+              <a class="mb-1 btn btn-secondary" href="#" id="f211f4f8-c39f-45c8-9ae4-1ebc671ddd55" role="button">
                Secondary
               </a>
-              <a class="mb-1 btn btn-success" href="#" id="c83c4007-a9d9-420e-b8aa-0032f0f7defd" role="button">
+              <a class="mb-1 btn btn-success" href="#" id="18f65120-4f4b-42ca-80d5-aa8ed21f2c58" role="button">
                Success
               </a>
-              <a class="mb-1 btn btn-warning" href="#" id="3bab04c3-c81b-48ec-bafe-4fe0c18b0c2f" role="button">
+              <a class="mb-1 btn btn-warning" href="#" id="e54d04a4-92fd-47b8-bbe2-a79973428255" role="button">
                Warning
               </a>
-              <a class="mb-1 btn btn-danger" href="#" id="52611602-922e-4f1b-aada-ae68759efee7" role="button">
+              <a class="mb-1 btn btn-danger" href="#" id="b1689f53-7ab9-43bf-bbed-31f13fbe7ead" role="button">
                Danger
               </a>
-              <a class="mb-1 btn btn-info" href="#" id="2cf7bd01-177b-4f3d-b398-072f3ea26697" role="button">
+              <a class="mb-1 btn btn-info" href="#" id="0339debd-d72f-42a5-8027-b69b6190641e" role="button">
                Info
               </a>
-              <a class="mb-1 btn btn-light" href="#" id="e542b68d-e4b0-4386-ba1b-5efe7f728abf" role="button">
+              <a class="mb-1 btn btn-light" href="#" id="77ae2abe-13b8-491e-827c-9175a703fd68" role="button">
                Light
               </a>
-              <a class="mb-1 btn btn-dark" href="#" id="c477b7c7-870d-4b2d-afa6-80a749e81b35" role="button">
+              <a class="mb-1 btn btn-dark" href="#" id="b6f743ff-d77d-4d76-a8a7-dc516b4fba38" role="button">
                Dark
               </a>
              </div>
@@ -1225,28 +1231,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="587587c9-5658-49b5-9154-c1c4e67ed59f">
-        <div class="mt-3" id="7496c2b5-ed5d-4774-a345-c584fb83473e">
-         <div id="d8221c2a-d505-414e-be33-88d3d910366a">
+       <div class="tab-pane fade" id="74bd3b07-ebb9-421a-9c28-95b0d512a671">
+        <div class="mt-3" id="c8725054-7bc1-4a12-8e28-e188ed950477">
+         <div id="6b474700-fffb-4c10-a255-8d353ec690ed">
           <div class="row">
            <div class="col-md">
-            <div id="56d3d686-bc0a-4a70-9796-66d5360524d1">
-             <h1 id="e4dc292d-1d8f-4520-b8e1-fa50366f89d2">
+            <div id="9a98abed-0807-4fda-b352-3f6b31874012">
+             <h1 id="1b2b690a-5912-44d7-aba0-cb7d4d627dd4">
               Outline
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="b80ff5f8-b919-4b99-8bff-ca955996c598">
+            <div id="67b93770-9e3f-43ab-9092-911503741e7b">
             </div>
            </div>
           </div>
          </div>
-         <div id="7786b36f-1c9e-41cf-89fd-d4cd1c11a2c8">
+         <div id="29897d95-9175-4fbf-9c9d-c0d53f871602">
           <div class="row">
            <div class="col-md">
-            <div id="0359ee22-89fd-45ae-9aaa-0b94a53d42f1">
-             <p id="ddca9802-add1-442a-8dbf-603107407b5f">
+            <div id="7da4c364-a3ca-4b3c-92b6-fc2a59f20594">
+             <p id="b6dca5d5-bfac-4da7-8997-3ba82404c836">
               Make
               <code>
                Button
@@ -1260,8 +1266,8 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="be2e1bce-76a9-4299-88fb-ac89aec98263">
-             <pre id="33622287-d26f-4640-afcf-8af333bf9c51"><code class="python">from bootwrap import Panel, Button
+            <div id="7d08040e-6427-4abf-9219-1aff5312fdb4">
+             <pre id="87c9dae5-9174-4d28-b030-30ab5df3497f"><code class="language-python">from bootwrap import Panel, Button
 panel = Panel(
   Button("Primary").link("#").as_primary().as_outline(),
   Button("Secondary").link("#").as_secondary().as_outline(),
@@ -1275,29 +1281,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="23ff77f2-6b28-429b-9507-da849e0bdc47">
-              <a class="mb-1 btn btn-outline-primary" href="#" id="48d16315-923d-485c-842d-9fc7caf6aaec" role="button">
+             <div id="cca77f3f-bbd6-4a20-8b5c-d6f1d7c17de5">
+              <a class="mb-1 btn btn-outline-primary" href="#" id="4ac012b1-f562-4a42-8af5-e97ab66dbfad" role="button">
                Primary
               </a>
-              <a class="mb-1 btn btn-outline-secondary" href="#" id="b7aac6b1-0a54-4fc1-9a63-29d354404460" role="button">
+              <a class="mb-1 btn btn-outline-secondary" href="#" id="b5d061b8-44b0-4204-ab97-380f34e6a279" role="button">
                Secondary
               </a>
-              <a class="mb-1 btn btn-outline-success" href="#" id="2fae3351-6480-47a8-8974-d5eea2f80480" role="button">
+              <a class="mb-1 btn btn-outline-success" href="#" id="c397b144-3c91-49d8-88e0-65c619970492" role="button">
                Success
               </a>
-              <a class="mb-1 btn btn-outline-warning" href="#" id="77f5eb8f-aece-4e31-8dca-22863ce3cd7a" role="button">
+              <a class="mb-1 btn btn-outline-warning" href="#" id="0fefb504-db54-4953-a894-f1233a846cab" role="button">
                Warning
               </a>
-              <a class="mb-1 btn btn-outline-danger" href="#" id="61f10bdd-def8-4f10-8c85-1ab0fb38a8d4" role="button">
+              <a class="mb-1 btn btn-outline-danger" href="#" id="ec13ab28-64d9-419b-a53f-b1825745ce24" role="button">
                Danger
               </a>
-              <a class="mb-1 btn btn-outline-info" href="#" id="2e91c20a-aedb-4251-bedb-af9171bceae0" role="button">
+              <a class="mb-1 btn btn-outline-info" href="#" id="79076376-0e0d-47a0-9de7-ce85c5776e0a" role="button">
                Info
               </a>
-              <a class="mb-1 btn btn-outline-light" href="#" id="7a0192fe-550a-450b-8ec1-48051f709597" role="button">
+              <a class="mb-1 btn btn-outline-light" href="#" id="22d3e93b-60cc-4b8f-9ffc-eb9c8f58a0d7" role="button">
                Light
               </a>
-              <a class="mb-1 btn btn-outline-dark" href="#" id="c86733ed-6a6f-48ec-a5d6-4bd30a446a0b" role="button">
+              <a class="mb-1 btn btn-outline-dark" href="#" id="d0c9867c-7ff8-4abd-ad9a-c0bcbd86b33b" role="button">
                Dark
               </a>
              </div>
@@ -1307,28 +1313,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="33426b73-a51f-4ac1-9afb-a448194e53e6">
-        <div class="mt-3" id="9a739b7a-7265-4d16-b42c-dd68d7031ed2">
-         <div id="ce2f5a1e-feb5-43aa-89bc-f86671f8597f">
+       <div class="tab-pane fade" id="de664ebd-9e91-416d-8719-0335ac012479">
+        <div class="mt-3" id="d79a4900-d63e-4b88-9f6b-4ee8f32baa1f">
+         <div id="74d22561-3a66-4f27-b225-8ee945d956de">
           <div class="row">
            <div class="col-md">
-            <div id="8d8b5096-aa4b-46e9-b58f-9b6bfe63af5a">
-             <h1 id="846b6dfd-04c0-4e07-8174-a9e4fa858411">
+            <div id="04c9c350-9066-4c1b-8d83-5d78bb72014c">
+             <h1 id="20f20e78-d3a3-433e-ae0b-a5c0c77df7bc">
               Disable
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="7bf4c3ce-328a-4607-bd89-d1ccc064c376">
+            <div id="ce545e40-c73a-404a-9eaf-af0c2bd26e4f">
             </div>
            </div>
           </div>
          </div>
-         <div id="d780bb68-8568-4ecb-85e1-348588a2b112">
+         <div id="a7f8d9c5-eb58-466c-9391-838c1911a364">
           <div class="row">
            <div class="col-md">
-            <div id="6f39bda7-5825-4132-9401-bd573add8ea8">
-             <p id="06ba86a0-c588-413a-98df-d6a1cc984de2">
+            <div id="0b3311a4-e9eb-4597-aa43-9d7f3a9b23a0">
+             <p id="6f693127-6d0e-48d1-9c59-bc662b689871">
               But default the
               <code>
                Button
@@ -1350,17 +1356,17 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="8f1e01c0-5a41-4be6-a0e1-1c0187dac709">
-             <pre id="d4d08121-4a57-4fef-980e-d8c069971a80"><code class="python">from bootwrap import Panel, Button
+            <div id="3f57df73-0af9-470c-b917-89cfab99c85b">
+             <pre id="3ba893a7-4991-4a9f-be40-c0d542bc5eec"><code class="language-python">from bootwrap import Panel, Button
 Panel(
   Button("Enabled").as_primary(),
   Button("Disabled").as_primary().as_disabled()
 )</code></pre>
-             <div id="be2104e6-e143-4b6f-b26e-a3dd610b38fd">
-              <button class="btn btn-primary" id="1437fb5a-3382-44fe-95b1-f6c2fd2db208" onclick="return false;">
+             <div id="50a23913-f6e3-4008-bead-23aa5bb6620f">
+              <button class="btn btn-primary" id="aecd89a4-8f19-4b06-a097-cea5ed48fbf6" onclick="return false;">
                Enabled
               </button>
-              <button class="btn btn-primary" disabled="" id="a542f42f-7aef-4eb2-bb2b-8c74a7200ba7" onclick="return false;">
+              <button class="btn btn-primary" disabled="" id="03c5fea7-3797-434b-9494-36b3957dc9a2" onclick="return false;">
                Disabled
               </button>
              </div>
@@ -1370,28 +1376,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="01fdba8a-2349-4bbd-8cee-790a2b8c4b35">
-        <div class="mt-3" id="657f2bca-ebd6-4303-a00e-fa311650ab2c">
-         <div id="6fa1d624-0e35-4922-94fb-b527952e561a">
+       <div class="tab-pane fade" id="e0e64592-ce35-4834-a347-27770ac04443">
+        <div class="mt-3" id="a4b4cc3f-f467-46c7-bf3e-980fb95fd979">
+         <div id="695ef8c5-afc7-4f0b-ae96-6c2fee77e9cb">
           <div class="row">
            <div class="col-md">
-            <div id="34e14e28-faf0-4d24-802f-c1f2c161a58b">
-             <h1 id="fb45981a-286f-40d7-a0a9-36720ea2df6c">
+            <div id="402c7408-1f9b-4eca-8f11-1d25e77c06ee">
+             <h1 id="f4e09e33-d08a-4feb-a8ec-1dfbeb8bfe06">
               Link Resource
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="67cbed1c-d239-411d-8805-f7dfb5a0da63">
+            <div id="61d6048c-4021-43f9-8069-4aa45164cf07">
             </div>
            </div>
           </div>
          </div>
-         <div id="a801c137-d827-4876-898b-8ca14d63af66">
+         <div id="6823798d-e6e2-48e2-b127-44507b672cdb">
           <div class="row">
            <div class="col-md">
-            <div id="d6bf48b8-ee84-4e38-85b8-837d50757bca">
-             <p id="79a4f229-df97-4b42-ba14-84d4a71e705d">
+            <div id="eafbabd0-2e67-49d1-88d1-8da737abad28">
+             <p id="7496359d-e531-48dc-88a6-4bc63faf62bb">
               Associate
               <code>
                Button
@@ -1405,13 +1411,13 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="ef206e6e-5065-49eb-96db-1e1978094b12">
-             <pre id="69498c23-fd92-4dce-bd20-405308bd4d7b"><code class="python">from bootwrap import Panel, Button
+            <div id="ac4029f4-9327-474a-9b5a-cd732f411341">
+             <pre id="e462a899-c2e4-48b4-9623-a6547e70b36b"><code class="language-python">from bootwrap import Panel, Button
 Panel(
     Button("Google Search").as_primary().link("https://www.google.com/")
 )</code></pre>
-             <div id="3e435118-ee12-4046-b34d-b869a7a80f03">
-              <a class="btn btn-primary" href="https://www.google.com/" id="1509f3b5-df2a-43b7-877e-cf885c0a18e0" role="button">
+             <div id="81726fe7-a0c8-4f9e-bf38-b9cce03dadf7">
+              <a class="btn btn-primary" href="https://www.google.com/" id="3cf8cdcd-11f8-435b-8ef3-1295ec0c129b" role="button">
                Google Search
               </a>
              </div>
@@ -1421,28 +1427,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="0ca0a4da-fb75-4a79-8926-e8613f04e8e1">
-        <div class="mt-3" id="df800d07-5fde-489e-b9af-9e50f3a3ccdd">
-         <div id="25b6e904-64bf-43aa-9ed2-f6cab19de48d">
+       <div class="tab-pane fade" id="d56bbd21-1b68-4a17-b612-831243b76e47">
+        <div class="mt-3" id="01640876-8d8a-4124-b4a4-131d6eb7c68e">
+         <div id="4d2be7b4-653d-4e88-9976-5dc7a718e61e">
           <div class="row">
            <div class="col-md">
-            <div id="5a5f6e86-bfd8-4eb5-a8ce-435682ce55f7">
-             <h1 id="139c6a27-99b4-4700-869f-418db6f43217">
+            <div id="ab3d3581-5ca1-42a2-8ec2-07edc81992a0">
+             <h1 id="8723f5df-98d1-4e55-97fe-ba26ec98d229">
               Open Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="296cd9cd-3f4e-4c89-b601-7a4509885afd">
+            <div id="b706053c-e54f-4439-843d-261e76c183a0">
             </div>
            </div>
           </div>
          </div>
-         <div id="20ab8dbf-4019-4bac-99c8-73005ce34db8">
+         <div id="ae4812be-94f4-4f18-aa91-241c493e9db6">
           <div class="row">
            <div class="col-md">
-            <div id="d15a3f63-a327-465d-a297-5bff075b2780">
-             <p id="06e52c91-0532-4181-b7fd-e93274645408">
+            <div id="c134729d-aadd-4f83-82e9-bba215ee91d5">
+             <p id="472cfd83-9f13-4eeb-9351-340f6123e21a">
               Use
               <code>
                Button
@@ -1456,16 +1462,16 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="ba4fa1e0-774e-4030-be2b-0c2cfcb5d2c0">
-             <pre id="cda421be-2777-43e0-8240-cae53f637845"><code class="python">from bootwrap import Panel, Dialog, Button
+            <div id="76c7f3b6-aef9-42c0-8407-50b32156eafd">
+             <pre id="59ad6820-df2c-4239-92b2-87bac5ff6b38"><code class="language-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="ed62e38b-eab7-4da0-8d3f-a4c17fbc99d8">
-              <div class="modal" id="922e7823-c45c-4d59-9c3c-28fcda48786e">
+             <div id="1ed88cd2-c0b7-4bd8-a4d7-922dc42cb853">
+              <div class="modal" id="5dae8813-fb99-4cb9-afe0-ad4674ce967a">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -1481,7 +1487,7 @@ Panel(dialog, button)</code></pre>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#922e7823-c45c-4d59-9c3c-28fcda48786e" data-bs-toggle="modal" id="97b90032-7530-4e25-9726-37c1727598d3" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#5dae8813-fb99-4cb9-afe0-ad4674ce967a" data-bs-toggle="modal" id="fa0a3f57-1e1f-47d1-95f5-90294f91f48c" onclick="return false;" type="button">
                Say Hello
               </button>
              </div>
@@ -1491,28 +1497,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="b7eba904-aaaa-4d93-aaab-69113cdd96e4">
-        <div class="mt-3" id="21d4ffc2-efbf-4c2e-b61e-c79af702a388">
-         <div id="10a2d7f0-1485-4186-9810-e19b71aa8179">
+       <div class="tab-pane fade" id="5646e082-996a-4502-a7cb-a1facc285c98">
+        <div class="mt-3" id="3aef2432-7c43-4b17-a9b2-2df8c932cb6c">
+         <div id="9d91e15b-edb2-4ac7-ae77-6f6d2651498c">
           <div class="row">
            <div class="col-md">
-            <div id="9018cb78-cb87-4f45-89c4-c0074b9c801b">
-             <h1 id="ef94c1b9-dd49-4219-bdf4-ed11a1fb6eaa">
+            <div id="b0f5f9df-5b29-4df6-9698-8d4193d1595f">
+             <h1 id="e3f4df76-0494-4ec0-8e57-a62db5259d4a">
               Close Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="a817852d-66c7-4e47-a38f-7fd9fb63fdf4">
+            <div id="3dbe15b3-60c8-4731-bbe9-c5d4fee5eeb6">
             </div>
            </div>
           </div>
          </div>
-         <div id="13f5f40e-75f6-447a-9720-b27c51d0251e">
+         <div id="b5a964a2-84eb-459e-b643-a130686bdbb1">
           <div class="row">
            <div class="col-md">
-            <div id="d7efc1ad-2e64-41f9-ad29-0c3600164505">
-             <p id="b5ce42e7-ccc3-4b3e-ab39-6073ac41d4c2">
+            <div id="646289df-76ee-423e-a1a4-f7a8e000165b">
+             <p id="2632ae4b-56cd-46aa-a50c-04dae0fda367">
               Use
               <code>
                Button
@@ -1526,8 +1532,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="93c08ffb-491e-4671-8570-2c0e1e3c612d">
-             <pre id="3673494a-4d8b-4f84-84f6-c3c8300c48ed"><code class="python">from bootwrap import Panel, Dialog, Button
+            <div id="bd30237f-f907-443f-8e6b-c2826ca4170b">
+             <pre id="b83e7348-7120-408e-8c3b-53deb51a9aa1"><code class="language-python">from bootwrap import Panel, Dialog, Button
 dialog = Dialog(
   "Greeting",
   "Hello World!",
@@ -1535,8 +1541,8 @@ dialog = Dialog(
 )
 button = Button("Say Hello").as_primary().toggle(dialog)  
 Panel(dialog, button)</code></pre>
-             <div id="252200a3-87c4-445b-8580-8b5b0c33b97c">
-              <div class="modal" id="5529916a-9aed-49e6-a077-5b79693c97d0">
+             <div id="b0f81952-5cbf-404d-be0c-7b22c89c7a27">
+              <div class="modal" id="8dd63ad8-7e14-4b12-956a-35ab5106718f">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -1550,14 +1556,14 @@ Panel(dialog, button)</code></pre>
                   Hello World!
                  </div>
                  <div class="modal-footer">
-                  <button class="btn btn-primary" data-bs-dismiss="modal" id="deed277a-443d-40bd-b985-ee15f90b25ac" onclick="return false;" type="button">
+                  <button class="btn btn-primary" data-bs-dismiss="modal" id="b133866a-aec0-41f6-9a68-31d7fe8cc8c3" onclick="return false;" type="button">
                    Bye
                   </button>
                  </div>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#5529916a-9aed-49e6-a077-5b79693c97d0" data-bs-toggle="modal" id="e7ba9a9f-8960-4051-a39b-3b346f73eb2e" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#8dd63ad8-7e14-4b12-956a-35ab5106718f" data-bs-toggle="modal" id="7e85ba03-369d-470e-a1f9-432ee38d2b02" onclick="return false;" type="button">
                Say Hello
               </button>
              </div>
@@ -1567,28 +1573,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="eac617c4-807c-429f-961c-27cf872ba292">
-        <div class="mt-3" id="94bd4603-2899-4833-a7c9-a6e70758c6fe">
-         <div id="62e187ca-8623-44da-a3cd-41b865aadd5a">
+       <div class="tab-pane fade" id="adb4f9e2-4bc3-47fa-a8d7-e3ee4b8c19f3">
+        <div class="mt-3" id="b78f32cc-ff00-4285-bc40-4f6a1bff5c09">
+         <div id="10c19c2d-3a5d-4efb-b96c-19b1c4aeeef5">
           <div class="row">
            <div class="col-md">
-            <div id="55020c6b-1f35-4292-8f53-59c0de3ec2bd">
-             <h1 id="5b6a6e57-dba7-4c8e-ab2a-ac69ea437d08">
+            <div id="42a61acf-d3c0-40ec-a7e2-a1686f32c94b">
+             <h1 id="28a93ba8-2e8f-426c-9f4c-35d582746ad9">
               Expand/Collapse Panel
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="5ad1ff94-7e3d-45fb-9dd8-bc0dd513b00d">
+            <div id="b40ab6fc-2659-4044-aa8a-3d5ad608aa9b">
             </div>
            </div>
           </div>
          </div>
-         <div id="82cb8523-a3f8-4d78-b83b-b7cd690af1c1">
+         <div id="06967f00-b1ee-491f-9d31-f2d929bf5730">
           <div class="row">
            <div class="col-md">
-            <div id="726b667d-9685-4648-b5df-c301ebed953d">
-             <p id="4c8a482e-ea93-4e03-8027-f71e0d1b1d87">
+            <div id="84afe946-74dc-48b2-8cbd-5d61afdb4c41">
+             <p id="dd9b12d4-6841-4f8b-8802-560945ab7d37">
               Use
               <code>
                Button
@@ -1602,8 +1608,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="5e3d56f1-61f1-4281-abc1-e8d0699837be">
-             <pre id="40dc1e55-9f1d-449d-8820-eb50fc007f9a"><code class="python">from bootwrap import Panel, Button
+            <div id="872c875a-ae5f-4b9a-9aa6-a22991cc7fe0">
+             <pre id="1d418ccb-5beb-4689-804f-33b048307a22"><code class="language-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."
@@ -1612,11 +1618,11 @@ Panel(
   Button("Steve Jobs Quote").as_primary().toggle(quote),
   quote
 )</code></pre>
-             <div id="e65f2452-5a3b-463c-9517-cc716f3197c4">
-              <button class="btn btn-primary" data-bs-target="#e5e89890-e8d9-49aa-ba1a-0ec17d5b49cf" data-bs-toggle="collapse" id="514df17a-24dd-4c05-8bd8-8173e69eccb1" onclick="return false;" type="button">
+             <div id="c4d3e44c-ef15-4c54-b332-e95077877b2e">
+              <button class="btn btn-primary" data-bs-target="#176df0c1-5a9c-48a4-b53e-e8c45bedd6b7" data-bs-toggle="collapse" id="00511887-2bd2-45db-a9cc-2a56fd7ab7c8" onclick="return false;" type="button">
                Steve Jobs Quote
               </button>
-              <div class="collapse" id="e5e89890-e8d9-49aa-ba1a-0ec17d5b49cf">
+              <div class="collapse" id="176df0c1-5a9c-48a4-b53e-e8c45bedd6b7">
                Sometimes life is going to hit you in the head with a brick. Don’t lose faith.
               </div>
              </div>
@@ -1626,28 +1632,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="1b21c2fc-5145-4fef-b8b3-d597490ffa8e">
-        <div class="mt-3" id="5da298df-8358-43b0-a5f4-207b21678284">
-         <div id="4d4a1818-59fa-4d11-922c-bae06c5f81b5">
+       <div class="tab-pane fade" id="5474b3c0-bb62-4ca8-acad-b2260f5be5c2">
+        <div class="mt-3" id="1a7b2ed0-652d-4909-a4f6-7b40f86ca77d">
+         <div id="4fab2f50-1cc0-4496-918b-365847af1761">
           <div class="row">
            <div class="col-md">
-            <div id="999d4536-3b1d-41dd-aed1-369bc8c0ace0">
-             <h1 id="1db5c375-6c3a-4a36-b8b3-1773a94cb7dc">
+            <div id="a21ab644-d603-4c53-927f-d523bcb2197f">
+             <h1 id="84e08726-9355-4933-ac84-1acc5f910739">
               Submit Action
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="0d2fa957-757f-4c3a-8a5c-4a201f8f0cc2">
+            <div id="261767f7-4889-4507-bf89-8ce9932a6337">
             </div>
            </div>
           </div>
          </div>
-         <div id="9894ec0b-861c-406d-9936-263c49faf57f">
+         <div id="0e2891b8-9765-49aa-8453-02b8dd86c65e">
           <div class="row">
            <div class="col-md">
-            <div id="deb52d07-299f-4fc0-96f5-6d3d0af630d8">
-             <p id="4494630b-25f6-4b5d-a42d-68c5f49d5fab">
+            <div id="c14e3f64-6afc-4332-b989-4ebd9086ce19">
+             <p id="53a6b808-6187-44c3-9beb-86fe7161d607">
               Use
               <code>
                Button
@@ -1658,7 +1664,7 @@ Panel(
               </code>
               function.
              </p>
-             <p id="8f9cc125-4b90-4170-9539-6e6ccd3e37be">
+             <p id="cb5a9656-64e9-4ed8-b11c-75777e209c2c">
               <strong>
                Note:
               </strong>
@@ -1679,22 +1685,22 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="39a15d75-1ae8-448c-9be4-3da93c68504b">
-             <pre id="53621c53-3736-4bda-a2ce-162fa3a7e4df"><code class="python">from bootwrap import Form, TextInput, Button
+            <div id="91ffeba2-1762-4447-8a3b-d7608ca2c9e8">
+             <pre id="c1f37154-4426-4199-abce-d507be9a1492"><code class="language-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="7bf7cc8a-308e-4ee7-92e5-71f289703fb5" method="POST">
+             <form enctype="multipart/form-data" id="733ba1e2-f15c-4c13-a834-238de0aefc9a" method="POST">
               <div class="form-group row">
-               <label class="col-sm-4 col-form-label d-flex align-items-center" for="7986dbb6-3e9e-4cfa-9c2a-b46500c58b35">
+               <label class="col-sm-4 col-form-label d-flex align-items-center" for="5141d830-b601-497c-adda-5ba6f4d3acef">
                 Email
                </label>
                <div class="col-sm-8 d-flex align-items-center">
-                <input class="form-control" id="7986dbb6-3e9e-4cfa-9c2a-b46500c58b35" name="email" type="email" value="my@email.com"/>
+                <input class="form-control" id="5141d830-b601-497c-adda-5ba6f4d3acef" name="email" type="email" value="my@email.com"/>
                </div>
               </div>
-              <button class="btn btn-primary" id="08cbeaa3-c2b5-404b-8cfe-d078d6187125" type="submit">
+              <button class="btn btn-primary" id="688c2e27-d48f-4524-a11c-6df4b0b83b17" type="submit">
                Send
               </button>
              </form>
@@ -1707,57 +1713,57 @@ Form(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="4938bfa2-8f07-4229-aa6c-0d9152355245">
-     <div id="2a562d27-0a85-44ba-a6b1-bbd9f458bdf8">
+    <div class="tab-pane fade" id="f7a5f2e6-733b-43ce-a598-fb36ed2cb404">
+     <div id="1346e546-022b-42b9-9acf-84099d3fae93">
       <hr/>
-      <ul class="nav" id="89ac25fc-628f-462d-a4d1-53bd4071b60b" role="tablist">
+      <ul class="nav" id="f83221b2-e432-495a-ad97-ae2cc83f3820" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#359efbbb-ffe6-422d-8ce4-afec57b6e525" data-bs-toggle="tab" href="#359efbbb-ffe6-422d-8ce4-afec57b6e525" id="37473f30-4af6-48f8-9b8b-8f48a7d15bfc" role="tab">
-         <span class="text-secondary" id="59ce1c00-8ac3-48ff-b585-2f2c994b991f">
+        <a class="nav-link active" data-bs-target="#561bfa59-6aff-4e58-9489-37194be7f48e" data-bs-toggle="tab" href="#561bfa59-6aff-4e58-9489-37194be7f48e" id="5a6e005e-3728-4c7e-aa0a-b7e0e39db20e" role="tab">
+         <span class="text-secondary" id="65cb6f91-6078-4308-80f1-91e7eb7aa848">
           ButtonGroup
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#062a6000-8929-4301-a12d-49dd265ad092" data-bs-toggle="tab" href="#062a6000-8929-4301-a12d-49dd265ad092" id="61fc2211-757d-4d70-a64a-5a7db038155e" role="tab">
-         <span class="text-secondary" id="5037e2bb-724d-4de2-81f0-c839e969c069">
+        <a class="nav-link" data-bs-target="#fec13394-ae31-4005-a5aa-58a311d9058f" data-bs-toggle="tab" href="#fec13394-ae31-4005-a5aa-58a311d9058f" id="b857e087-c63a-4443-9dd4-d12b3e9b6e1b" role="tab">
+         <span class="text-secondary" id="4e926026-ccf4-4c36-85f2-e0ab1509f6fa">
           As check boxes
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#c7e62760-9db4-4e75-880f-8ec85e8ae0b3" data-bs-toggle="tab" href="#c7e62760-9db4-4e75-880f-8ec85e8ae0b3" id="34a47085-3965-4e2e-ac59-06149c032135" role="tab">
-         <span class="text-secondary" id="1cad1eed-efda-4d76-91ad-3881e89d9b54">
+        <a class="nav-link" data-bs-target="#231a92a1-1572-42de-83e5-376cc8bf874d" data-bs-toggle="tab" href="#231a92a1-1572-42de-83e5-376cc8bf874d" id="e92b8f4f-3983-4ef7-9dbd-a21311ca9bea" role="tab">
+         <span class="text-secondary" id="12ba7d9b-139c-4c55-82a3-22616b43181f">
           As radio buttons
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="359efbbb-ffe6-422d-8ce4-afec57b6e525">
-        <div class="mt-5" id="fbe75aa7-97f8-43c2-b5b0-6f128574eee8">
-         <div class="d-flex justify-content-between" id="39674a32-9982-45c2-b3a9-8b7276cd1519">
-          <h1 id="a65265c7-2a22-4920-bda6-3762354dfc18">
+       <div class="tab-pane fade active show" id="561bfa59-6aff-4e58-9489-37194be7f48e">
+        <div class="mt-5" id="009fc04d-64de-4704-a3a3-261eaf4b5eca">
+         <div class="d-flex justify-content-between" id="dc01ae89-afdd-4821-b26e-ba29fba74e9a">
+          <h1 id="5e8357cf-fc84-4be2-a9f9-99f6cc77d8d8">
            Class
-           <span class="text-primary" id="c8b7c5ab-2c95-4840-822e-26afb07529cc">
+           <span class="text-primary" id="ff41e8f6-8a50-4a4c-9e95-dea99b3cc330">
             ButtonGroup
            </span>
           </h1>
-          <div id="4bdbc189-9328-4752-9fe9-b63ddf67d22f">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#dc90a20d-9a9c-42d2-805d-16fdd514b997" data-bs-toggle="collapse" id="9318a769-0ac4-4412-9594-47b9590b5f9e" onclick="return false;" type="button">
+          <div id="558d602f-c96d-46c4-abec-4279f7fa6985">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#50213361-e67d-41c9-a0e2-5e02c0064636" data-bs-toggle="collapse" id="880b3dcb-5e8b-4fae-b5de-2a358336b25f" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="8f66f1e6-f89c-41d9-9ab3-2e2c176bd834">
+         <span class="text-muted" id="981fcb1e-dd20-41de-9d31-e773cec9b191">
           A web component for a button group.
          </span>
-         <pre id="ed059b29-f32d-418c-bf74-c2586839bfc3"><code class="python">ButtonGroup(*buttons)</code></pre>
-         <div class="ms-3 collapse" id="dc90a20d-9a9c-42d2-805d-16fdd514b997">
-          <h6 id="1b15e783-081d-4179-98ee-ce961c62626c">
+         <pre id="83cb6e19-1fc5-45bb-8bf9-941aa00ea01e"><code class="language-python">ButtonGroup(*buttons)</code></pre>
+         <div class="ms-3 collapse" id="50213361-e67d-41c9-a0e2-5e02c0064636">
+          <h6 id="3786328d-403d-4911-be91-10c46a766dd6">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="4e3c3626-ce10-4f4d-a894-c5956045089f">
+          <table class="table table-sm bg-light" id="f701d9ca-eb00-4f62-a842-e5846cc102ba">
            <thead>
             <tr>
              <th scope="col">
@@ -1794,15 +1800,15 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="e8cc7155-b1f2-4b0c-ab8b-7061df157455">
+         <p id="adcadada-c6c6-4f67-ae08-f981cb7cbdd2">
           Group a series of buttons together on a single line or stack them in
     a vertical column.
          </p>
-         <div class="ms-3" id="d7beeb5f-a9b5-4b82-85e9-c903acc0f213">
-          <h6 id="4aa38fe2-7896-40e8-84ff-cfde85913bb6">
+         <div class="ms-3" id="d11aeb75-a429-4b31-8c2a-2b78a08b6c69">
+          <h6 id="0fabd45a-2eb5-4c74-8d52-899e1ba6940a">
            Example
           </h6>
-          <pre id="362a3f8c-cdbf-43bf-92d4-9e01c1d29309"><code class="python">from bootwrap import Button, ButtonGroup
+          <pre id="56fadeb2-1635-491d-9317-c58da1abcf26"><code class="language-python">from bootwrap import Button, ButtonGroup
 
 button1 = Button('One').as_success()
 button2 = Button('Two').as_warning()
@@ -1811,67 +1817,67 @@ button3 = Button('Three').as_danger()
 ButtonGroup(button1, button2, button3)
 </code></pre>
          </div>
-         <div class="ms-3" id="89980417-2f6d-4762-a6ad-54426cf24a83">
-          <div class="btn-group" id="1ad07b2b-18f2-4285-9129-a028a9f1bc6c" role="group">
-           <button class="btn btn-success" id="ec79c1d1-5fc1-4df5-a144-3e0694822966" onclick="return false;">
+         <div class="ms-3" id="707df90b-91f6-48af-bdc1-6309ed2a3cb9">
+          <div class="btn-group" id="6ed0caf7-cdb5-43c2-aab5-3521ad592a72" role="group">
+           <button class="btn btn-success" id="abf9403d-7988-4098-891d-adaa52abdcba" onclick="return false;">
             One
            </button>
-           <button class="btn btn-warning" id="5ea5cfc8-7e5e-4add-bf7b-16b8225daaa5" onclick="return false;">
+           <button class="btn btn-warning" id="cd553b83-da23-4b10-af61-6610b9b8d1d0" onclick="return false;">
             Two
            </button>
-           <button class="btn btn-danger" id="25789604-52bf-4c9e-bbab-5aa4d60421b9" onclick="return false;">
+           <button class="btn btn-danger" id="ff983220-839b-47ef-8e4d-f9e388d209f8" onclick="return false;">
             Three
            </button>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="062a6000-8929-4301-a12d-49dd265ad092">
-        <div class="mt-3" id="578cb7dd-861f-4071-80ec-36146b259125">
-         <div id="16b1c2a3-b426-4d01-bfd8-fa16b5cfa5a0">
+       <div class="tab-pane fade" id="fec13394-ae31-4005-a5aa-58a311d9058f">
+        <div class="mt-3" id="6f9b48b0-3ffa-4af4-8fdf-c5297c34559f">
+         <div id="f203118c-3080-4eea-9078-b806afe8d8f0">
           <div class="row">
            <div class="col-md">
-            <div id="1f8f90cc-db7e-4e1d-9429-6e3b9a5d965c">
-             <h1 id="b8c85f73-c34e-4438-8efd-e414fac21666">
+            <div id="47baf29d-3b5c-4fdd-bc20-a523c3a3ff65">
+             <h1 id="3dfff6b4-ed24-4cdd-a6e3-5bd9fea28d88">
               As check boxes
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="f95c83df-066c-4323-b186-90c44469f815">
+            <div id="7663dd7f-b1bb-4538-8a40-4edb2a75dd87">
             </div>
            </div>
           </div>
          </div>
-         <div id="e99d70f2-3e37-4391-bb50-34a02d101e24">
+         <div id="6b53bd04-0ba1-4b5b-b908-edddab50b7ed">
           <div class="row">
            <div class="col-md">
-            <div id="8d152868-42ed-4bfc-bebc-668f39def747">
-             <p id="510b56bd-efbb-46e3-ab78-cfcd8e5ee1fa">
+            <div id="bbdb7134-2fc9-41bd-8161-21ccdabb2b48">
+             <p id="72e3088d-86bb-4f69-9edc-45f72db59df9">
               Group a series of buttons together, which act as check boxes.
              </p>
             </div>
            </div>
            <div class="col-md">
-            <div id="b6361d4d-5e3c-4fc1-998c-61874162d48e">
-             <pre id="c62b2e30-37a8-4111-8689-64f58cdf9155"><code class="python">from bootwrap import CheckboxInput, ButtonGroup
+            <div id="9688de9c-ada7-40c0-b807-737d8c4651ed">
+             <pre id="2b4a1687-01f5-4f51-a25e-2a1bbef140a4"><code class="language-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="e9910f49-bbe5-4581-b9fd-768febdbbb52" role="group">
-              <input autocomplete="off" class="btn-check" id="db4cf3b4-91b2-463b-8cb9-2e74069e48ed" name="opt1" type="checkbox"/>
-              <label class="btn btn-secondary" for="db4cf3b4-91b2-463b-8cb9-2e74069e48ed">
+             <div class="btn-group" id="96a2dc5e-555f-4bcd-bbd6-d2dff508aba7" role="group">
+              <input autocomplete="off" class="btn-check" id="3318e039-d9bd-47c1-ba39-d7ae7d73b032" name="opt1" type="checkbox"/>
+              <label class="btn btn-secondary" for="3318e039-d9bd-47c1-ba39-d7ae7d73b032">
                One
               </label>
-              <input autocomplete="off" class="btn-check" id="42416d9a-26e2-472e-ac19-64fc2d6d57eb" name="opt2" type="checkbox"/>
-              <label class="btn btn-secondary" for="42416d9a-26e2-472e-ac19-64fc2d6d57eb">
+              <input autocomplete="off" class="btn-check" id="74756896-d065-423d-abfd-07ea69bb6658" name="opt2" type="checkbox"/>
+              <label class="btn btn-secondary" for="74756896-d065-423d-abfd-07ea69bb6658">
                Two
               </label>
-              <input autocomplete="off" class="btn-check" id="5d0f0c06-a25e-4317-abd7-768f95cc1a35" name="opt3" type="checkbox"/>
-              <label class="btn btn-secondary" for="5d0f0c06-a25e-4317-abd7-768f95cc1a35">
+              <input autocomplete="off" class="btn-check" id="6b13f806-30dd-475a-9495-d93202f2bcce" name="opt3" type="checkbox"/>
+              <label class="btn btn-secondary" for="6b13f806-30dd-475a-9495-d93202f2bcce">
                Three
               </label>
              </div>
@@ -1881,52 +1887,52 @@ ButtonGroup(button1, button2, button3)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="c7e62760-9db4-4e75-880f-8ec85e8ae0b3">
-        <div class="mt-3" id="3cffd2cb-c4e7-44ab-a39a-d215341d3432">
-         <div id="a0a37322-bd1f-41aa-b6d1-83fc25317059">
+       <div class="tab-pane fade" id="231a92a1-1572-42de-83e5-376cc8bf874d">
+        <div class="mt-3" id="4cfc45d6-0845-4cd4-a67d-4dbc58c6f7ff">
+         <div id="77235e4d-4c39-4a4c-b559-a7a7fb59f57f">
           <div class="row">
            <div class="col-md">
-            <div id="0d57a45e-76f2-4f5d-a1c1-eb1f4c597af4">
-             <h1 id="0bcf9cbf-2bbe-4f3c-a344-f331cb6a238c">
+            <div id="3e095fc7-a7ad-492b-b1a8-da1aea5de19f">
+             <h1 id="26fce32d-4bca-41b1-9b5a-a7e0be3c9bee">
               As radio buttons
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="03ad2d31-3f90-4d30-9d7e-40659e6373e3">
+            <div id="da9bf2df-de3b-4ade-be71-0fe25d7451b0">
             </div>
            </div>
           </div>
          </div>
-         <div id="ad9b3e68-6ea8-42f7-aaf1-9933e9ad99d1">
+         <div id="c89f15b3-1f1c-4d3f-9391-93ba1c2a310f">
           <div class="row">
            <div class="col-md">
-            <div id="0db5e43c-79a3-4592-b88a-779520840e27">
-             <p id="2e5db55f-27ee-47fa-b4fe-a26ec53ac1ae">
+            <div id="0dfa5092-0270-4e3b-afbf-ff1e982893be">
+             <p id="f9c2dec5-b304-4d7e-a775-4d18f9066061">
               Group a series of buttons together, which act as radio buttons.
              </p>
             </div>
            </div>
            <div class="col-md">
-            <div id="916846e3-40ff-4fa0-b93a-c05dd72bce81">
-             <pre id="cea9e5a3-70ec-4052-be7d-592785113ec4"><code class="python">from bootwrap import CheckboxInput, ButtonGroup
+            <div id="471c6f35-b409-427d-81be-879ee468f7ef">
+             <pre id="caab3095-2bcd-43d9-bb7b-04628eceacb6"><code class="language-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="603eb475-6a82-4923-8e64-f4dceb496ded" role="group">
-              <input autocomplete="off" class="btn-check" id="47859c80-f3c7-4219-bd6f-1c130e60a7d9" name="opt" type="radio" value="1"/>
-              <label class="btn btn-secondary" for="47859c80-f3c7-4219-bd6f-1c130e60a7d9">
+             <div class="btn-group" id="e41fec99-5099-46ae-b15b-abe42b9f9c0d" role="group">
+              <input autocomplete="off" class="btn-check" id="c103f1f0-c7ff-46f8-a461-bcc45eec2773" name="opt" type="radio" value="1"/>
+              <label class="btn btn-secondary" for="c103f1f0-c7ff-46f8-a461-bcc45eec2773">
                One
               </label>
-              <input autocomplete="off" class="btn-check" id="f856406d-3cf4-4d24-acc5-a9e1ab029053" name="opt" type="radio" value="2"/>
-              <label class="btn btn-secondary" for="f856406d-3cf4-4d24-acc5-a9e1ab029053">
+              <input autocomplete="off" class="btn-check" id="b249b4a7-0b98-43ac-9d63-ffcd7de746ca" name="opt" type="radio" value="2"/>
+              <label class="btn btn-secondary" for="b249b4a7-0b98-43ac-9d63-ffcd7de746ca">
                Two
               </label>
-              <input autocomplete="off" class="btn-check" id="09b2ed93-734d-40e9-95ad-c7b1f5966daf" name="opt" type="radio" value="3"/>
-              <label class="btn btn-secondary" for="09b2ed93-734d-40e9-95ad-c7b1f5966daf">
+              <input autocomplete="off" class="btn-check" id="23999991-1196-45c3-be73-6b76b87f51e7" name="opt" type="radio" value="3"/>
+              <label class="btn btn-secondary" for="23999991-1196-45c3-be73-6b76b87f51e7">
                Three
               </label>
              </div>
@@ -1939,50 +1945,50 @@ ButtonGroup(button1, button2, button3)</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="8d85f898-cbcc-42b6-a7cc-b068ba70673f">
-     <div id="5fd8a600-836b-4dda-bd38-5750afae41f5">
+    <div class="tab-pane fade" id="8e92ed3e-3173-418c-8c33-c954a7957dc8">
+     <div id="7cd7a940-143d-4aff-94c0-1c5f44651438">
       <hr/>
-      <ul class="nav" id="7776f8c1-0cb8-4618-84c5-fe15c4fb1f47" role="tablist">
+      <ul class="nav" id="59bc783b-fa9c-4749-8101-43b1642da8d4" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#2fcfa28f-2fd5-468a-8833-953d71094f76" data-bs-toggle="tab" href="#2fcfa28f-2fd5-468a-8833-953d71094f76" id="dc818624-b2b2-4f5f-a544-b345718be7c7" role="tab">
-         <span class="text-secondary" id="f71692b4-7cce-4691-ba7e-57db9b995d8f">
+        <a class="nav-link active" data-bs-target="#b6fc4e32-c9b7-4479-9ff0-d2c217911c26" data-bs-toggle="tab" href="#b6fc4e32-c9b7-4479-9ff0-d2c217911c26" id="b07a0168-6093-4a17-9e4c-afd1c6586d19" role="tab">
+         <span class="text-secondary" id="468786c5-ca72-4401-98a6-1e951addeb01">
           Deck
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#438be98d-85f5-4c0e-8d7e-fc8c1a57be88" data-bs-toggle="tab" href="#438be98d-85f5-4c0e-8d7e-fc8c1a57be88" id="73ff5618-4665-42fd-9f67-bcd49008813d" role="tab">
-         <span class="text-secondary" id="65ee22db-82b6-4b4f-96cd-0a7c198fa730">
+        <a class="nav-link" data-bs-target="#ba59b65c-8758-4bc5-ba56-4882f38659a2" data-bs-toggle="tab" href="#ba59b65c-8758-4bc5-ba56-4882f38659a2" id="ff192f5b-52a5-4b94-8d96-f500c3bcbf22" role="tab">
+         <span class="text-secondary" id="023b229f-8b11-4add-88b1-866999e8fa30">
           Deck.Card
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="2fcfa28f-2fd5-468a-8833-953d71094f76">
-        <div class="mt-5" id="3df132bf-d800-487e-a6cc-dbb89587c8bc">
-         <div class="d-flex justify-content-between" id="292c455a-2c50-4a6e-80fe-1911ed20b48a">
-          <h1 id="b3f7933f-51a3-4d37-ba0e-52bfada7a461">
+       <div class="tab-pane fade active show" id="b6fc4e32-c9b7-4479-9ff0-d2c217911c26">
+        <div class="mt-5" id="54aaba92-980c-402d-a272-e889812479b4">
+         <div class="d-flex justify-content-between" id="c7e315c3-6481-4f0a-895a-4626370cabcd">
+          <h1 id="005d3240-e919-4413-b688-dd33e7583fb5">
            Class
-           <span class="text-primary" id="3601755a-fbde-4682-913e-9eb42e888fea">
+           <span class="text-primary" id="d66dc8f5-2e37-408f-ae6c-2ada3bb7e8bc">
             Deck
            </span>
           </h1>
-          <div id="daba497d-8aca-4197-8e4a-06b5ea28494c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a64f0746-9607-49e8-be15-4ae4b46ede8c" data-bs-toggle="collapse" id="c3695944-f77f-473b-8162-36d7187e8996" onclick="return false;" type="button">
+          <div id="f6e6cdb5-0ad9-47d3-81d6-4cf65b2406ab">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c0efebcf-2f0a-40df-b8a2-6b79506adb52" data-bs-toggle="collapse" id="0fdfd0fd-abeb-4a5c-868b-76c33ff5756d" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="e5598e00-606e-4f9a-97a0-0f4221678b14">
+         <span class="text-muted" id="fbeec0e1-9520-45b9-97ce-1ded5c572c6f">
           A web component for a deck of cards.
          </span>
-         <pre id="78aaa2c1-a734-486b-9df1-8cd5ed655a51"><code class="python">Deck(*cards)</code></pre>
-         <div class="ms-3 collapse" id="a64f0746-9607-49e8-be15-4ae4b46ede8c">
-          <h6 id="bb2e12c0-57a0-4308-8816-ba5510300d18">
+         <pre id="887be028-c19b-4891-a3b0-c600dff35aa1"><code class="language-python">Deck(*cards)</code></pre>
+         <div class="ms-3 collapse" id="c0efebcf-2f0a-40df-b8a2-6b79506adb52">
+          <h6 id="9369a296-b062-47ab-bcfd-482ff93f72b6">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="804cf6fc-6151-4690-8e3c-ed70fb5305ed">
+          <table class="table table-sm bg-light" id="78a77ce8-c5ae-415d-993e-392b17183dc4">
            <thead>
             <tr>
              <th scope="col">
@@ -2023,11 +2029,11 @@ ButtonGroup(button1, button2, button3)</code></pre>
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="271b64a1-13a2-48f5-84bd-0c85894e69a8">
-          <h6 id="09692217-dd15-47b7-a6d2-5def9aa676c7">
+         <div class="ms-3" id="5d68c447-efe0-499c-a964-e12321fb5da4">
+          <h6 id="c67d6829-b1fc-4e6d-af7d-4d377ffb1da7">
            Example
           </h6>
-          <pre id="fe237d66-e2d8-4c25-b9ca-01dfa9754bb3"><code class="python">from bootwrap import Button, Deck, Image
+          <pre id="f55c5621-ed2c-412f-994c-6cc656b1f4e6"><code class="language-python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2060,101 +2066,101 @@ Deck(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="f35c6a5f-8eef-497a-8a00-b7d7d42cdcfc">
-          <div class="card-deck grid-container" id="23ba39cd-f24e-45ed-a603-cb1b81c1c20b">
-           <div class="card" id="5c56747a-a2ae-44e9-ae03-0b4811522c3c">
+         <div class="ms-3" id="32e10264-0e85-4c3b-a732-9a588b7eb3f7">
+          <div class="card-deck grid-container" id="2560f495-6ae8-408e-b716-4fc6b90f346c">
+           <div class="card" id="7d7ed9bc-8ea2-4a1a-adaa-3a10407c70cb">
             <a onclick="location.href='https://www.google.com';">
-             <img class="mt-3 card-img-top" id="9e07ed9e-05af-4057-a00a-b794284b5da6" src="google-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="63895390-8f25-4459-9247-0dd92b9c5e3c" src="google-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.google.com';">
              <div class="text-right mb-2">
-              <small class="text-muted" id="d8e1b5f0-4a47-4c83-a044-2b5a2edbf744">
+              <small class="text-muted" id="3b2e952a-c325-4c36-a237-64019c59f5bc">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="8e7b2582-81d9-41cf-b3d8-ca45dda632f1">
+             <h5 class="card-title" id="ada15f29-b5f8-4650-a5e2-6bdb6bfbe8a9">
               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="bcc238f7-6e2e-4e45-bd3e-40749f0416f3" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="6a58278e-4d9d-4084-8d87-8882dd43274f" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="ce33b862-e367-40de-bbc4-93c5d09ff55c" onclick="return false;">
+               <button class="dropdown-item btn" id="0569bf38-0db5-4c35-ad7e-a3e32f6cad77" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="264e73f4-6bdd-4531-a2ca-aa433d24be52" onclick="return false;">
+               <button class="dropdown-item btn" id="ed236400-94ea-45bd-ab30-9511fdb26bd8" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="62982e00-58a8-417c-9c12-fbe9d45c8ddd" onclick="return false;">
+               <button class="dropdown-item btn" id="a03d843c-d6e1-4b85-ad4f-19925176e394" onclick="return false;">
                 Transfer
                </button>
               </div>
              </div>
             </div>
            </div>
-           <div class="card" id="58865ad0-bcdd-439e-9f9f-810720496e35">
+           <div class="card" id="3eb1db21-5444-440c-841b-ec7e4baaf75d">
             <a onclick="location.href='https://www.linkedin.com';">
-             <img class="mt-3 card-img-top" id="4584c08c-9f08-41bf-ab78-c36be470713c" src="linkedin-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="0639a90d-515f-4a0d-83e4-90621995f423" src="linkedin-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.linkedin.com';">
              <div class="text-right mb-2">
-              <small class="text-muted" id="ab4c02bb-ebbf-41b3-bd96-76b2a5d0f021">
+              <small class="text-muted" id="74e74dd5-fed2-4ec5-9352-ec7e72a8c5bd">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="5abdbd48-788c-403a-8ca8-a803b28fb9c9">
+             <h5 class="card-title" id="d1ab50b4-1d6e-4dec-b45e-219dab1052db">
               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="5c913643-3c05-44bd-a6fe-e1b85374fd70" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="3dec6d1a-ba15-4930-9a3d-44341d9a5e9e" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="ce33b862-e367-40de-bbc4-93c5d09ff55c" onclick="return false;">
+               <button class="dropdown-item btn" id="0569bf38-0db5-4c35-ad7e-a3e32f6cad77" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="264e73f4-6bdd-4531-a2ca-aa433d24be52" onclick="return false;">
+               <button class="dropdown-item btn" id="ed236400-94ea-45bd-ab30-9511fdb26bd8" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="62982e00-58a8-417c-9c12-fbe9d45c8ddd" onclick="return false;">
+               <button class="dropdown-item btn" id="a03d843c-d6e1-4b85-ad4f-19925176e394" onclick="return false;">
                 Transfer
                </button>
               </div>
              </div>
             </div>
            </div>
-           <div class="card" id="8bd87414-e555-403e-8050-22c3c6ef45b2">
+           <div class="card" id="88268013-ce40-473c-a35d-8a043d7db74a">
             <a onclick="location.href='https://www.amazon.com';">
-             <img class="mt-3 card-img-top" id="2da6a11a-abac-4271-a60f-95d7d8dc1e24" src="amazon-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="89f76668-9c65-4b5a-b6ed-8bf6a8294bd1" src="amazon-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.amazon.com';">
              <div class="text-right mb-2">
-              <small class="text-muted" id="6f25ec83-a109-4d94-82a0-8d79119fc211">
+              <small class="text-muted" id="a0d96ae6-fed7-4092-ae57-260ba265c652">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="abd3fe98-0041-47b8-97b3-7c0214a833d4">
+             <h5 class="card-title" id="2959ceb9-b689-4ca9-8da7-703585cc7718">
               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="f0255fac-1351-401d-86ce-4952e02166af" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="aa889abf-d85d-44f4-8f81-64e645f4aca7" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="ce33b862-e367-40de-bbc4-93c5d09ff55c" onclick="return false;">
+               <button class="dropdown-item btn" id="0569bf38-0db5-4c35-ad7e-a3e32f6cad77" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="264e73f4-6bdd-4531-a2ca-aa433d24be52" onclick="return false;">
+               <button class="dropdown-item btn" id="ed236400-94ea-45bd-ab30-9511fdb26bd8" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="62982e00-58a8-417c-9c12-fbe9d45c8ddd" onclick="return false;">
+               <button class="dropdown-item btn" id="a03d843c-d6e1-4b85-ad4f-19925176e394" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -2170,30 +2176,30 @@ Deck(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="438be98d-85f5-4c0e-8d7e-fc8c1a57be88">
-        <div class="mt-5" id="65aab546-86b8-4874-9d4e-b313e14c11dc">
-         <div class="d-flex justify-content-between" id="2c97458a-f2c3-498c-a7bd-22a932f62f70">
-          <h1 id="cdb14df6-41d8-4432-b283-ee0945035d27">
+       <div class="tab-pane fade" id="ba59b65c-8758-4bc5-ba56-4882f38659a2">
+        <div class="mt-5" id="f5423e8a-4335-48ab-ae9e-77898b24d4b0">
+         <div class="d-flex justify-content-between" id="5394e832-4ce4-41b4-8af5-270e6adc85ea">
+          <h1 id="e4998f69-c900-4870-afc8-42fac4e71537">
            Class
-           <span class="text-primary" id="e9eedc41-dc66-4c1e-a873-c2881c9af52c">
+           <span class="text-primary" id="0a9e3ea7-aa09-4627-b355-9eb2db52e383">
             Deck.Card
            </span>
           </h1>
-          <div id="4a7c71f7-712d-45bf-9d36-45c4ed01436e">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#6469bf25-f1d6-496a-b27c-7d76497bb6cd" data-bs-toggle="collapse" id="170f7748-71bf-4f9f-a972-78599be640ff" onclick="return false;" type="button">
+          <div id="85e74773-f18e-4e6b-a3bd-259bc6c2f332">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#de495b9a-f743-4f6d-a4d4-f7c7942cf20d" data-bs-toggle="collapse" id="94204d21-f815-47f4-90cc-edc88225ffcb" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="3073ebb2-d4ea-4389-b34d-0f24555c2633">
+         <span class="text-muted" id="9bebe0d9-9c17-46ce-a633-c6a97feb5d0b">
           A deck card.
          </span>
-         <pre id="96210ad8-e9ae-42d2-9ac6-91fa0f601a39"><code class="python">Deck.Card(title, description=None, marker=None, figure=None)</code></pre>
-         <div class="ms-3 collapse" id="6469bf25-f1d6-496a-b27c-7d76497bb6cd">
-          <h6 id="def62cd4-b7e1-4310-b5c5-3db095b3cff2">
+         <pre id="7061524e-f2f2-4900-a090-7f77db2a960d"><code class="language-python">Deck.Card(title, description=None, marker=None, figure=None)</code></pre>
+         <div class="ms-3 collapse" id="de495b9a-f743-4f6d-a4d4-f7c7942cf20d">
+          <h6 id="be9a1edc-e74b-4494-aaaf-4208dd508a21">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="1b7f4d66-062a-48e7-9401-7a6260e11d39">
+          <table class="table table-sm bg-light" id="17e4cc81-d30a-42bc-9ead-1f7f3091a706">
            <thead>
             <tr>
              <th scope="col">
@@ -2271,11 +2277,11 @@ Deck(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="fbc6e91e-1507-46c7-84a4-0a9f01a22e3e">
-          <h6 id="d3c3fba6-dcf5-4ca4-8c05-bb23b182591f">
+         <div class="ms-3" id="bacab899-46a7-44da-ba10-b16e6b68b31f">
+          <h6 id="106bb7bc-db07-4e4d-be15-81f1ba0b5aaf">
            Example
           </h6>
-          <pre id="6624daf1-3d4b-434e-be5c-6ef7a35b6c9e"><code class="python">from bootwrap import Button, Deck, Image
+          <pre id="7761cbe4-e7b3-4d63-b7c1-37c31ac63d9d"><code class="language-python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2292,55 +2298,55 @@ Deck.Card(
     "https://www.google.com")
 </code></pre>
          </div>
-         <div class="ms-3" id="41da4c7e-f6d0-443a-bebe-ca2f3a625bc5">
-          <div class="card" id="64cf2628-3b37-4231-a416-bb285931538b">
+         <div class="ms-3" id="b7ca9ac4-5476-4ae2-b577-fe3dd9ab0d34">
+          <div class="card" id="8db7d86c-b210-4bfe-b8d6-7039b902dae7">
            <a onclick="location.href='https://www.google.com';">
-            <img class="mt-3 card-img-top" id="6736e432-9c13-48b8-8442-691ceb018c02" src="google-logo.png" width="128"/>
+            <img class="mt-3 card-img-top" id="b15083f0-0721-4998-a59e-8b3242f5d89c" src="google-logo.png" width="128"/>
            </a>
            <div class="card-body" onclick="location.href='https://www.google.com';">
             <div class="text-right mb-2">
-             <small class="text-muted" id="3d62e94e-365d-405e-8a59-92a0b4e34280">
+             <small class="text-muted" id="e1c76905-bcdf-40c1-9ea4-09a1b8b606a2">
               12:04:58 12/01/2021
              </small>
             </div>
-            <h5 class="card-title" id="c3154e66-01a6-4d34-9a99-0424f25796cb">
+            <h5 class="card-title" id="99d06589-6b87-45a9-9062-50688779537b">
              Google (NASDAQ: GOOGL)
             </h5>
             Price for a single Google share
            </div>
            <div class="card-footer text-right">
-            <button class="btn" id="09717b71-f293-4e9c-812a-a4785950b2a4" onclick="return false;">
+            <button class="btn" id="6fac79be-20da-4ebe-9d5b-7fccdf5e4296" onclick="return false;">
              Buy
             </button>
-            <button class="btn" id="6a363fc6-c2c0-420b-8a31-7590df952998" onclick="return false;">
+            <button class="btn" id="852593fc-bcb5-4314-ad2b-f34da574258d" onclick="return false;">
              Sell
             </button>
-            <button class="btn" id="67cc3576-c79e-437e-b97f-15d4147343c8" onclick="return false;">
+            <button class="btn" id="951be0d6-77a1-4637-94bc-3f4e1241fab0" onclick="return false;">
              Transfer
             </button>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="eea9cdc0-2da5-4ff3-b6ab-1bf684f8b4bd">
-          <div class="d-flex justify-content-between" id="be7520b0-d356-4459-8182-f63fa5f69ae3">
-           <h4 id="3cab487c-afcb-47cf-b483-d8e21f0b135e">
+         <div class="mt-5" id="2ec71d91-99ad-4315-83dc-dd82f255a9eb">
+          <div class="d-flex justify-content-between" id="f53f7349-2137-4f8a-bdb1-abc07644cb10">
+           <h4 id="f368bc54-acbc-474a-8ca7-a7efa3a4b8d9">
             Method
-            <span class="text-primary" id="c4849afb-8fd8-437e-8408-e07cb2dee50a">
+            <span class="text-primary" id="3c52bc9c-a372-48c0-9d8a-fadbc434cb49">
              pack_actions
             </span>
            </h4>
-           <div id="8069faa0-5403-4fcd-820b-9a60855ed6d8">
+           <div id="970d3754-5b5b-4b7c-998a-fecf1444f57a">
            </div>
           </div>
-          <span class="text-muted" id="1f3af722-0311-43db-bf3c-766bd309f08f">
+          <span class="text-muted" id="d4ae1e5c-b716-451e-b21e-8e9dc58b4d6d">
            Makes item actions packed under a drop-down menu.
           </span>
-          <pre id="a80d1773-c0bd-46da-bbf2-180d45e58b3e"><code class="python">pack_actions()</code></pre>
-          <div class="ms-3" id="7a71a94d-a66d-4058-a6f1-ab2ed66c3386">
-           <h6 id="1625455d-c0fa-463a-8a47-ef9aaab392fd">
+          <pre id="8a9430b6-a5e4-46bc-af3c-0a2dd0b5797e"><code class="language-python">pack_actions()</code></pre>
+          <div class="ms-3" id="1267cbf9-b5c2-4532-ae0c-71486e0c61f3">
+           <h6 id="d771ea9d-c25b-4632-a8e1-9086c2fdd9cc">
             Example
            </h6>
-           <pre id="4133b505-73bc-4f46-9a85-8bce6eb9e7fb"><code class="python">from bootwrap import Button, Deck, Image
+           <pre id="b6195858-311a-469d-bc05-ee0d5629e2d7"><code class="language-python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2357,34 +2363,34 @@ Deck.Card(
     "https://www.google.com")
 </code></pre>
           </div>
-          <div class="ms-3" id="874d659f-ee99-4f1d-92db-264dc59486f0">
-           <div class="card" id="5112414f-9c20-4a23-801d-afc5c20b1744">
+          <div class="ms-3" id="8ed0cd1b-c02b-4139-81c2-bde374ca1a4c">
+           <div class="card" id="5856977c-12d5-4e94-ac0e-6435596ef163">
             <a onclick="location.href='https://www.google.com';">
-             <img class="mt-3 card-img-top" id="50e34f9e-3108-4ac3-92a8-b3020b2609c3" src="google-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="613c5fc8-e63b-4780-abc9-496f48a04993" src="google-logo.png" width="128"/>
             </a>
             <div class="card-body" onclick="location.href='https://www.google.com';">
              <div class="text-right mb-2">
-              <small class="text-muted" id="64f2367a-c5f5-4970-ab5c-f58039d6b795">
+              <small class="text-muted" id="f7dcb299-a364-414e-b63f-8de49aafda6c">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="2f6cf635-c67c-4e3b-963f-d3ee0d91c0bd">
+             <h5 class="card-title" id="fe3849e1-b672-41f7-be63-3593f0fed470">
               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="00d2f1e4-7d89-466e-8ac9-45bbec19b6b3" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="ea1f7824-7bbc-4329-88c2-846f882386d9" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="be4216fe-c0c6-42f7-8c5d-8adf303dc547" onclick="return false;">
+               <button class="dropdown-item btn" id="311e5b2f-8af6-49cd-b704-3118b14c07c6" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="b5ffd09b-9609-4ef4-9e97-73e55f978c39" onclick="return false;">
+               <button class="dropdown-item btn" id="b1428549-ef18-40f4-8aba-2304454df4ff" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="ddb935bd-2ae9-4bab-81ee-a111e8d64911" onclick="return false;">
+               <button class="dropdown-item btn" id="dd74e1ab-fad3-49ce-81a8-9ce6d749100e" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -2398,57 +2404,57 @@ Deck.Card(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="f7989b01-74e3-44dc-9940-e61551120f41">
-     <div id="1ba742f5-9bd7-474c-9f83-ad921e086adc">
+    <div class="tab-pane fade" id="3323cca0-a2b0-4982-b685-ac84d456fbbe">
+     <div id="8c201c6f-7ac0-4ce5-a2f0-d6518e14b82a">
       <hr/>
-      <ul class="nav" id="6cf13e0a-9347-43f7-b5fc-a2fc56717c6c" role="tablist">
+      <ul class="nav" id="254f5e78-edc0-49f4-bb14-20d55bd289d6" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#8a52f7ce-e952-4645-a0e9-3d25aa077418" data-bs-toggle="tab" href="#8a52f7ce-e952-4645-a0e9-3d25aa077418" id="44ed285b-ad47-4294-b1a8-6a88a10caf62" role="tab">
-         <span class="text-secondary" id="54b7b1da-0069-4429-91b5-068aa417448f">
+        <a class="nav-link active" data-bs-target="#79dab171-a9a0-4812-8e1a-87c611ba6530" data-bs-toggle="tab" href="#79dab171-a9a0-4812-8e1a-87c611ba6530" id="4cb604ef-f67e-464d-9019-d3464c461877" role="tab">
+         <span class="text-secondary" id="73afe12e-238a-49aa-a098-bde49ad1bf73">
           Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#ad2c3d44-9d58-419d-bd1d-1d4c5787c89a" data-bs-toggle="tab" href="#ad2c3d44-9d58-419d-bd1d-1d4c5787c89a" id="1656e6ec-23fb-4b2d-8387-039bdcca4b5f" role="tab">
-         <span class="text-secondary" id="2c1ff1ab-8618-43d0-9cc7-e3f260c4b7ca">
+        <a class="nav-link" data-bs-target="#b1ea7ff7-f83f-42e7-ab55-d74a0339e4f0" data-bs-toggle="tab" href="#b1ea7ff7-f83f-42e7-ab55-d74a0339e4f0" id="4ff22b9e-3f29-4cd6-879e-afd5d4a9eb00" role="tab">
+         <span class="text-secondary" id="06ae934c-4d23-43e2-8b02-eb71bcaabafd">
           Question Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#f56d2246-b517-4a62-a80e-be0cd0545a79" data-bs-toggle="tab" href="#f56d2246-b517-4a62-a80e-be0cd0545a79" id="abdfaeba-4ebe-4ab2-a3ce-f3a025f73eab" role="tab">
-         <span class="text-secondary" id="28d69d48-9070-4528-b16e-a0b84a86fd9b">
+        <a class="nav-link" data-bs-target="#7235e9eb-5f71-4766-be9a-755341030c67" data-bs-toggle="tab" href="#7235e9eb-5f71-4766-be9a-755341030c67" id="85c58614-3997-488e-959c-ce38c84e9929" role="tab">
+         <span class="text-secondary" id="a067ae37-e33b-483e-88b1-3a8e390371b6">
           Complex Dialog
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="8a52f7ce-e952-4645-a0e9-3d25aa077418">
-        <div class="mt-5" id="2decbf6b-fd04-4a06-95c7-4356c717494b">
-         <div class="d-flex justify-content-between" id="0c5b2084-6c87-48a1-b265-827b203658b2">
-          <h1 id="00a005fb-0269-4c8c-af80-7d95f594aeb4">
+       <div class="tab-pane fade active show" id="79dab171-a9a0-4812-8e1a-87c611ba6530">
+        <div class="mt-5" id="7d6e7ec8-4d71-455c-a5ef-c0c9fe66c091">
+         <div class="d-flex justify-content-between" id="36634e77-75d3-4650-a703-5f91e941c8d2">
+          <h1 id="e0d2c973-d4cc-4144-a114-5a54750726e7">
            Class
-           <span class="text-primary" id="a9ad485c-cc44-435f-937c-2e87f2acdd40">
+           <span class="text-primary" id="2b507cb9-bb52-4f48-8b10-361e4986497d">
             Dialog
            </span>
           </h1>
-          <div id="95ece331-c7ea-4b26-8ac3-9037138ef5e8">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#eaa69d59-8458-421e-a50b-6d1117aad1f1" data-bs-toggle="collapse" id="8a06a198-dfbb-4d43-9ba8-495adcce9539" onclick="return false;" type="button">
+          <div id="c1596746-440d-4069-9919-307d183f3f30">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d3224345-0288-4165-9b1f-fc3f8e0725c9" data-bs-toggle="collapse" id="ef1da188-bbfb-4cd7-9ef8-f84629615709" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="7910e4ea-5dd6-4e89-93b4-de836251c88a">
+         <span class="text-muted" id="55805e0a-f51e-4cd9-b6ea-6e9e37f9b722">
           A dialog.
          </span>
-         <pre id="c8126ddf-05d5-47bc-9702-38b96e1ab46e"><code class="python">Dialog(title, content, *actions)</code></pre>
-         <div class="ms-3 collapse" id="eaa69d59-8458-421e-a50b-6d1117aad1f1">
-          <h6 id="cd861428-41a9-46d5-9881-b6705148f557">
+         <pre id="c18b670d-d0e1-4cb7-83bb-52e917434533"><code class="language-python">Dialog(title, content, *actions)</code></pre>
+         <div class="ms-3 collapse" id="d3224345-0288-4165-9b1f-fc3f8e0725c9">
+          <h6 id="76ebf5ed-4f69-499d-af29-6a30fc7e62ad">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="ccf7ceca-ad53-4785-ac6b-708adcb5c54d">
+          <table class="table table-sm bg-light" id="06272929-f388-4d2c-8899-61b05dcd828b">
            <thead>
             <tr>
              <th scope="col">
@@ -2511,11 +2517,11 @@ Deck.Card(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="24199864-ad05-41de-b33d-bfaba1c47258">
-          <h6 id="30265bdc-4f77-4a10-bea6-4c7162de38d4">
+         <div class="ms-3" id="ca89efcb-35b4-4c7e-9765-eb75ed23181f">
+          <h6 id="c75e0725-e277-4231-8663-c95230d7c188">
            Example
           </h6>
-          <pre id="d6fd4cd4-b5d7-47a1-9e84-20b8b827046b"><code class="python">from bootwrap import Panel, Dialog, Button
+          <pre id="3553649d-57a4-4632-ae54-0c0fcd4e9fc5"><code class="language-python">from bootwrap import Panel, Dialog, Button
 
 dialog = Dialog(
     'Greeting',
@@ -2527,9 +2533,9 @@ button = Button('Say Hello').toggle(dialog)
 Panel(dialog, button)
 </code></pre>
          </div>
-         <div class="ms-3" id="ddb288e3-46b7-4100-8f59-9d4f9ddf1d0c">
-          <div id="cf396464-812e-4546-a8e0-257558fb000d">
-           <div class="modal" id="53b00142-96cc-4acc-b853-390ed256cb5c">
+         <div class="ms-3" id="0f6c38c5-04a2-49f7-b5b0-4dc046010012">
+          <div id="e2d057e2-b36c-41f2-8748-6fdece68f42c">
+           <div class="modal" id="8cc37bf2-1b89-4972-9adf-b883af3f6d4c">
             <div class="modal-dialog" role="document">
              <div class="modal-content">
               <div class="modal-header">
@@ -2543,42 +2549,42 @@ Panel(dialog, button)
                Hello World!
               </div>
               <div class="modal-footer">
-               <button class="btn" data-bs-dismiss="modal" id="b06ebe5d-c052-41a6-bf9d-d05ade6abb1d" onclick="return false;" type="button">
+               <button class="btn" data-bs-dismiss="modal" id="36d93a18-a757-45e8-9e50-49edea66be88" onclick="return false;" type="button">
                 Bye
                </button>
               </div>
              </div>
             </div>
            </div>
-           <button class="btn" data-bs-target="#53b00142-96cc-4acc-b853-390ed256cb5c" data-bs-toggle="modal" id="eb322275-8b72-4690-908a-42487b0d7c58" onclick="return false;" type="button">
+           <button class="btn" data-bs-target="#8cc37bf2-1b89-4972-9adf-b883af3f6d4c" data-bs-toggle="modal" id="4186df88-754c-4231-bc71-d4d81852ab85" onclick="return false;" type="button">
             Say Hello
            </button>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="ad2c3d44-9d58-419d-bd1d-1d4c5787c89a">
-        <div class="mt-3" id="06e226f7-9fdd-496a-a504-9df176e4759d">
-         <div id="407da475-e5d8-4168-b3f3-15c3e2b79bd3">
+       <div class="tab-pane fade" id="b1ea7ff7-f83f-42e7-ab55-d74a0339e4f0">
+        <div class="mt-3" id="1c097ea0-b8a5-4359-9104-5756f545e9e1">
+         <div id="68758202-a3dc-40e7-be8a-1e7bba440339">
           <div class="row">
            <div class="col-md">
-            <div id="0d3a9ed5-f9d6-4ab8-97f0-d526acd4f38a">
-             <h1 id="1ab1b4eb-14f0-4527-b9af-f60210027996">
+            <div id="aff1def3-4195-4baa-91b9-9ff3d758d0b2">
+             <h1 id="f892ec9c-b619-4a3f-b0a2-8f4c11a40169">
               Question Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="246b5794-31f8-40c1-8a19-e8a40962c50e">
+            <div id="282deb85-565d-4e62-8fa2-99c71c2b9dc0">
             </div>
            </div>
           </div>
          </div>
-         <div id="7bdcb09b-3bab-46da-b2b9-324aa5765f02">
+         <div id="33bb415f-d332-40b9-87e4-d0bb55ea9edc">
           <div class="row">
            <div class="col-md">
-            <div id="8f0b04ec-6e50-4df0-ba68-701e6630fdf8">
-             <p id="050887d8-fa1b-4eb5-93af-dbab55d569fe">
+            <div id="3a74c53f-dd46-44a4-94fb-0ed1746bfdbd">
+             <p id="78678563-850c-4bf5-8774-21af4cb10347">
               An example of how
               <code>
                Dialog
@@ -2598,8 +2604,8 @@ Panel(dialog, button)
             </div>
            </div>
            <div class="col-md">
-            <div id="013edb81-2bc6-4704-94aa-a2e6c6ce347e">
-             <pre id="45a50092-b8e0-45cb-894f-76baa7e4ef06"><code class="python">from bootwrap import Panel, Dialog, Button
+            <div id="8b7faf6b-eb54-4193-a1ce-ebbfc4eb17b2">
+             <pre id="82e1235e-9d83-4e1a-9dbe-c9182ce3584e"><code class="language-python">from bootwrap import Panel, Dialog, Button
 
 dialog = Dialog(
   "Delete File",
@@ -2611,8 +2617,8 @@ dialog = Dialog(
 button = Button("Delete").as_danger().toggle(dialog)   
 
 Panel(dialog, button)</code></pre>
-             <div id="e25462e0-6db7-4ccf-8349-ff8acb646643">
-              <div class="modal" id="17ae1510-eda8-4aac-80fa-3d0412c72ff0">
+             <div id="26953651-a7ff-4f36-84e3-f06be25849ab">
+              <div class="modal" id="2b824737-e2ee-4b01-9fcb-0637b956ab2d">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -2626,17 +2632,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="3057e30e-78b2-49a6-a07c-329dd587b661" onclick="return false;" type="button">
+                  <button class="btn btn-danger" data-bs-dismiss="modal" id="d9ca4f47-c7d7-4461-8487-51717f39ffc9" onclick="return false;" type="button">
                    Confirm
                   </button>
-                  <button class="btn" data-bs-dismiss="modal" id="71d4c371-2b9f-481b-b9cc-d9df30bdeda1" onclick="return false;" type="button">
+                  <button class="btn" data-bs-dismiss="modal" id="e0a3e2bd-b02a-4148-8046-c37a2f12dd01" onclick="return false;" type="button">
                    Cancel
                   </button>
                  </div>
                 </div>
                </div>
               </div>
-              <button class="btn btn-danger" data-bs-target="#17ae1510-eda8-4aac-80fa-3d0412c72ff0" data-bs-toggle="modal" id="26b01eb0-9741-49de-8322-195ab6b57b95" onclick="return false;" type="button">
+              <button class="btn btn-danger" data-bs-target="#2b824737-e2ee-4b01-9fcb-0637b956ab2d" data-bs-toggle="modal" id="7fa4367a-b733-47a8-bd0c-1e5d74f3fdfe" onclick="return false;" type="button">
                Delete
               </button>
              </div>
@@ -2646,28 +2652,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="f56d2246-b517-4a62-a80e-be0cd0545a79">
-        <div class="mt-3" id="64cdc1b5-c647-4867-ad73-6a846570a250">
-         <div id="9d20362a-77a8-441a-85fd-bcafa3ba2730">
+       <div class="tab-pane fade" id="7235e9eb-5f71-4766-be9a-755341030c67">
+        <div class="mt-3" id="8cadc704-3844-44d8-b492-b3bdaca8b60d">
+         <div id="5fdc56bd-0b0a-4c2c-852a-32722c1326fe">
           <div class="row">
            <div class="col-md">
-            <div id="c09faecc-234b-4351-ab33-27d9310c7e93">
-             <h1 id="b9c3b1a3-bcbb-4370-bce8-d1f43b2921a2">
+            <div id="ad132ddb-7003-4c85-bce8-b48df4f3a5b8">
+             <h1 id="35d1af3f-8966-4bcf-82e7-5fcba55dc59f">
               Complex Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="08f96dfc-5e6b-4a84-bfdc-3c375792492a">
+            <div id="a0811af2-c7f7-4ce0-a349-73369ec8ea7f">
             </div>
            </div>
           </div>
          </div>
-         <div id="c1e91ccd-aea2-4a6a-8a88-c6d2696fede8">
+         <div id="123c576f-2911-4daa-8516-22afc710e028">
           <div class="row">
            <div class="col-md">
-            <div id="94f45f7c-b730-4bfb-b258-0c02c2227c89">
-             <p id="f0a061cd-10ec-4657-9d22-b609647d205d">
+            <div id="04ce112f-29af-4e8a-b37f-6dd44f231477">
+             <p id="ceea7d46-5dc0-4153-88ca-f35a46701e6a">
               An example of how
               <code>
                Dialog
@@ -2696,8 +2702,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="76ef4188-8f1c-4717-a026-f6c7307da1e4">
-             <pre id="ede8e349-92fc-4aa8-95cf-ec852892844c"><code class="python">from bootwrap import Panel, Form, NumericInput, Dialog, Button
+            <div id="1f9edbae-ab42-427d-8ce0-08c2f2d7cf3e">
+             <pre id="9b4b6896-e30b-49b1-9a14-ebc6e0f62b1e"><code class="language-python">from bootwrap import Panel, Form, NumericInput, Dialog, Button
 
 dialog = Dialog(
     "Buy Company Shares",
@@ -2715,8 +2721,8 @@ dialog = Dialog(
 button = Button("Buy Shares").as_primary().toggle(dialog)   
 
 Panel(dialog, button)</code></pre>
-             <div id="1b81bdc8-9eac-4b73-b87e-f0545b01af6f">
-              <div class="modal" id="00508e6d-81b5-47c6-90b1-c5a369fcde14">
+             <div id="b96dde0e-9f15-47f9-bb9d-70847ed91594">
+              <div class="modal" id="cbc389b5-795e-4940-8f46-682fd1e7b15a">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -2727,19 +2733,19 @@ Panel(dialog, button)</code></pre>
                   </button>
                  </div>
                  <div class="modal-body">
-                  <form enctype="multipart/form-data" id="79643cfb-3790-429d-9a34-3f092dbe0223" method="POST">
+                  <form enctype="multipart/form-data" id="065ffb20-a203-4ad9-a6e1-69e6f6275bb7" method="POST">
                    <div class="form-group row">
-                    <label class="col-sm-4 col-form-label d-flex align-items-center" for="03da8f8b-bda4-42e4-9810-86930ea4a4a0">
+                    <label class="col-sm-4 col-form-label d-flex align-items-center" for="eb297d77-3da8-423c-a1a6-883fcc6378db">
                      Amount($)
                     </label>
                     <div class="col-sm-8 d-flex align-items-center">
-                     <input class="form-control" id="03da8f8b-bda4-42e4-9810-86930ea4a4a0" name="amount" placeholder="enter an amount for buying shares" type="number"/>
+                     <input class="form-control" id="eb297d77-3da8-423c-a1a6-883fcc6378db" name="amount" placeholder="enter an amount for buying shares" type="number"/>
                     </div>
                    </div>
-                   <button class="float-right btn" data-bs-dismiss="modal" id="0be9eb92-159e-402b-94b6-b4608438814d" onclick="return false;" type="button">
+                   <button class="float-right btn" data-bs-dismiss="modal" id="b764fcaf-b333-44cf-a4cb-e85e3c75e1ab" onclick="return false;" type="button">
                     Cancel
                    </button>
-                   <button class="float-right me-2 btn btn-success" data-bs-dismiss="modal" id="d5b8c11d-8420-4833-a4c0-b7fa8431a59f" onclick="return false;" type="button">
+                   <button class="float-right me-2 btn btn-success" data-bs-dismiss="modal" id="abab56b3-e6bc-4aeb-a7ec-f32ba628081b" onclick="return false;" type="button">
                     Buy
                    </button>
                   </form>
@@ -2747,7 +2753,7 @@ Panel(dialog, button)</code></pre>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#00508e6d-81b5-47c6-90b1-c5a369fcde14" data-bs-toggle="modal" id="9c02e349-8b0b-4930-9202-aab520cb6268" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#cbc389b5-795e-4940-8f46-682fd1e7b15a" data-bs-toggle="modal" id="aab1ee48-c5a9-4e34-965b-624206c983fc" onclick="return false;" type="button">
                Buy Shares
               </button>
              </div>
@@ -2760,99 +2766,99 @@ Panel(dialog, button)</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="beca1969-af72-4461-b882-565aef1afe2a">
-     <div id="43dfd70f-7d78-41f6-9441-a75238bc29d8">
+    <div class="tab-pane fade" id="c5a1a358-bbc8-4bd3-a850-f11ee9e40894">
+     <div id="0c2125c9-9163-4f44-a2a3-aae78259c6ba">
       <hr/>
-      <ul class="nav" id="2b1c3b32-797b-489e-9592-ae8e7021a6d2" role="tablist">
+      <ul class="nav" id="70665838-ca87-4869-b41b-3188aad777b2" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#cdba1693-f7e0-4d36-8ca8-19c16dadb7c4" data-bs-toggle="tab" href="#cdba1693-f7e0-4d36-8ca8-19c16dadb7c4" id="895efbdc-441b-4b17-8ca7-aa6d5fa1b900" role="tab">
-         <span class="text-secondary" id="00974824-ba2d-4cd7-a21f-325e7e43615d">
+        <a class="nav-link active" data-bs-target="#b52bea43-d76d-4ef7-8852-d017c373ca64" data-bs-toggle="tab" href="#b52bea43-d76d-4ef7-8852-d017c373ca64" id="ed5a2f5a-2f7a-44f8-8650-bede3d01031f" role="tab">
+         <span class="text-secondary" id="2c0a1150-3b74-45e0-ad89-45f47c947024">
           Form
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#3fcb9447-b649-498f-b8c1-8b3ca2632eb7" data-bs-toggle="tab" href="#3fcb9447-b649-498f-b8c1-8b3ca2632eb7" id="a1308320-9efe-4283-b40f-702147988208" role="tab">
-         <span class="text-secondary" id="2627a2af-f12f-4126-a0ce-91ae2ac12045">
+        <a class="nav-link" data-bs-target="#23c5e816-ceaf-41bc-bb99-3be4afc8207e" data-bs-toggle="tab" href="#23c5e816-ceaf-41bc-bb99-3be4afc8207e" id="d3c3ab97-d4d7-4da6-8a66-063424baea26" role="tab">
+         <span class="text-secondary" id="0ee493c5-177a-4cd9-a11e-8155eaba01bf">
           CheckboxInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#d8b67869-7473-40ac-9063-f4814b534570" data-bs-toggle="tab" href="#d8b67869-7473-40ac-9063-f4814b534570" id="0e88b94b-85cd-4896-b682-0ae1f0ea65b5" role="tab">
-         <span class="text-secondary" id="87699354-8207-4c27-8d8d-1dcd69a9a328">
+        <a class="nav-link" data-bs-target="#01ecccf7-4d4b-4fae-96da-4904907a904e" data-bs-toggle="tab" href="#01ecccf7-4d4b-4fae-96da-4904907a904e" id="b9aef63c-46b6-4a9a-9445-11cbf2d15fe1" role="tab">
+         <span class="text-secondary" id="b13d3797-fb29-48ad-95c0-f8989870f62e">
           TextInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e4be5864-8f11-4004-a008-abd76b6eab2a" data-bs-toggle="tab" href="#e4be5864-8f11-4004-a008-abd76b6eab2a" id="485c9a8c-462b-4c78-b73a-7137ccfb3136" role="tab">
-         <span class="text-secondary" id="2d0bbef3-90e5-4b69-bd91-264debcb0c8a">
+        <a class="nav-link" data-bs-target="#9e0ae28b-c5df-4b64-8a90-c5fc66dadad9" data-bs-toggle="tab" href="#9e0ae28b-c5df-4b64-8a90-c5fc66dadad9" id="cd48118b-f4b1-4c9e-bea7-d82c6c4721ad" role="tab">
+         <span class="text-secondary" id="f275c77b-2a61-41e0-9527-5a859dee3cb0">
           NumericInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#8401add8-cf0e-4cd4-b2fc-afd4ee2e48df" data-bs-toggle="tab" href="#8401add8-cf0e-4cd4-b2fc-afd4ee2e48df" id="2d91afc4-c4d7-4163-b28e-817e8abdcb39" role="tab">
-         <span class="text-secondary" id="540c245d-3636-40f4-9475-0449b15eb643">
+        <a class="nav-link" data-bs-target="#38f475fd-f9fb-4a53-bb94-e832d167c276" data-bs-toggle="tab" href="#38f475fd-f9fb-4a53-bb94-e832d167c276" id="876b2b0e-e5bf-4e28-be02-420bc46101d3" role="tab">
+         <span class="text-secondary" id="b3bf919b-c765-4c8d-83a1-de4ca2e51b80">
           SelectInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e10964cd-9112-4662-ac42-91dfcea64e3e" data-bs-toggle="tab" href="#e10964cd-9112-4662-ac42-91dfcea64e3e" id="c801469a-8379-434b-a650-5d60440352d0" role="tab">
-         <span class="text-secondary" id="94235ba4-7f3b-46f3-a0cc-25010eb612cc">
+        <a class="nav-link" data-bs-target="#f63507bd-2b66-46ff-be2e-ca0b0e751ae5" data-bs-toggle="tab" href="#f63507bd-2b66-46ff-be2e-ca0b0e751ae5" id="19957dde-52fb-40a1-9b9e-6409fa7ad252" role="tab">
+         <span class="text-secondary" id="d95a3575-99f1-446a-ab83-26bb97f0ece9">
           SelectInput.Option
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#bb4c64ea-e55b-4a83-a39b-98f0f88db5c7" data-bs-toggle="tab" href="#bb4c64ea-e55b-4a83-a39b-98f0f88db5c7" id="13cec1b1-5bd4-4a90-b963-5ddd5133cdb4" role="tab">
-         <span class="text-secondary" id="b729f16a-79cb-4eaf-9e2b-6ba9f34f80ea">
+        <a class="nav-link" data-bs-target="#fdcc3433-3631-4e1e-8042-9c7354121534" data-bs-toggle="tab" href="#fdcc3433-3631-4e1e-8042-9c7354121534" id="1967df87-03f6-41a0-9b42-2d763b7e0392" role="tab">
+         <span class="text-secondary" id="a3c346eb-1bd0-4033-b7a4-47eae00b395b">
           HiddenInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#f5ac1312-9b0c-4d38-9b52-c4f6243ac39a" data-bs-toggle="tab" href="#f5ac1312-9b0c-4d38-9b52-c4f6243ac39a" id="da733519-ca18-4c71-81ce-20b92e40e384" role="tab">
-         <span class="text-secondary" id="8e1fbaca-9358-42b4-82e3-e187eee828dc">
+        <a class="nav-link" data-bs-target="#2e36ff26-206b-4b0f-bd56-9c69b3d6c68b" data-bs-toggle="tab" href="#2e36ff26-206b-4b0f-bd56-9c69b3d6c68b" id="a6675d46-4f45-4690-b364-23710e72c7fc" role="tab">
+         <span class="text-secondary" id="264326d0-b7db-4813-adca-739eac5ddc32">
           FileInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#90907e3e-d810-43cd-ab00-918aaff8df0f" data-bs-toggle="tab" href="#90907e3e-d810-43cd-ab00-918aaff8df0f" id="0af53356-eb78-4ca1-b916-19e292e8df50" role="tab">
-         <span class="text-secondary" id="70123554-b9dc-4a15-8baf-0666950d37a5">
+        <a class="nav-link" data-bs-target="#da08d4a9-0f2a-4d6f-a667-b8c75886eb2c" data-bs-toggle="tab" href="#da08d4a9-0f2a-4d6f-a667-b8c75886eb2c" id="524c5929-f7a6-4f2a-8956-f2b00145f39c" role="tab">
+         <span class="text-secondary" id="d2dec128-863a-4a8f-839b-730376410b9c">
           InputGroup
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="cdba1693-f7e0-4d36-8ca8-19c16dadb7c4">
-        <div class="mt-5" id="74e89223-0e50-44ac-b32d-f738ac74ccdc">
-         <div class="d-flex justify-content-between" id="911b5223-31f2-43c1-be81-72ceec75b857">
-          <h1 id="02170cae-01c5-4b97-a4f5-beb8460ec468">
+       <div class="tab-pane fade active show" id="b52bea43-d76d-4ef7-8852-d017c373ca64">
+        <div class="mt-5" id="96ca2133-6068-4fd4-bc23-73850d3dde6c">
+         <div class="d-flex justify-content-between" id="91ab5d94-50e4-460e-a485-d0f1311f528c">
+          <h1 id="519f2cf2-019d-4e1e-85e8-f23b88fc2049">
            Class
-           <span class="text-primary" id="aec13e18-1e09-4d2f-9c72-d56324ada991">
+           <span class="text-primary" id="a26b30d0-6085-4e85-a3ed-4f2a88fa143d">
             Form
            </span>
           </h1>
-          <div id="fb92ed85-0547-45ef-8a70-29eac93aad5e">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#80194039-f530-4df3-a8af-9a6fff891614" data-bs-toggle="collapse" id="86b14f92-e90c-44d2-b072-d55a6f296de8" onclick="return false;" type="button">
+          <div id="3538ba2b-3239-4f05-9aee-aeb7bc596c61">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9ff81356-a026-4121-b60a-15073bd26b11" data-bs-toggle="collapse" id="a95e3cd5-1856-444e-ba27-02165250bac6" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f9f0a47b-746a-445f-8de4-a6393a86e129">
+         <span class="text-muted" id="04329799-755a-459b-ba39-d021578a4e27">
           A web component for a form.
          </span>
-         <pre id="c5d85ee3-250b-401f-bdcd-c8e247333dcd"><code class="python">Form(*components)</code></pre>
-         <div class="ms-3 collapse" id="80194039-f530-4df3-a8af-9a6fff891614">
-          <h6 id="333b7920-547a-4f30-87d6-d32711436c65">
+         <pre id="aa357e25-add3-4ec6-8d04-1cecb321b5b3"><code class="language-python">Form(*components)</code></pre>
+         <div class="ms-3 collapse" id="9ff81356-a026-4121-b60a-15073bd26b11">
+          <h6 id="388ccd90-9d07-4f4f-b6d7-2e6cecc4f991">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="72ca1780-fad8-4307-a4b0-25a78b1a004f">
+          <table class="table table-sm bg-light" id="aab055d2-30c6-47bc-93ac-ca7319cae159">
            <thead>
             <tr>
              <th scope="col">
@@ -2890,7 +2896,7 @@ Panel(dialog, button)</code></pre>
            </tbody>
           </table>
          </div>
-         <p id="d167c837-8da6-42e6-8567-2d11e48a18b3">
+         <p id="d7ad9f01-b8d8-4b84-98c9-5e430b0ff25a">
           Use the
           <code>
            on_submit(href)
@@ -2898,11 +2904,11 @@ Panel(dialog, button)</code></pre>
           function to specify URL where entered
     information should to be sent for processing.
          </p>
-         <div class="ms-3" id="33640736-cee1-4c94-9587-485ce4b829e2">
-          <h6 id="4fcb1fca-56f0-4b28-abef-36cd1ac97a90">
+         <div class="ms-3" id="5483f009-4583-4bf0-bc31-46907c966c94">
+          <h6 id="2555a5a6-725a-4f96-b9e8-1660df08a662">
            Example
           </h6>
-          <pre id="f3991be9-c756-4ce7-9605-e4435c9264b6"><code class="python">from bootwrap import Form
+          <pre id="bf8ae45b-2f15-4774-905f-59188c4ece8b"><code class="language-python">from bootwrap import Form
 
 Form(
     # here should be an enumeration  of
@@ -2911,32 +2917,32 @@ Form(
 ).on_submit('go/to/this/url')
 </code></pre>
          </div>
-         <div class="mt-5" id="23372bd5-002b-4135-8953-106f68c764d2">
-          <div class="d-flex justify-content-between" id="1094b7cb-a249-4899-ad5d-c9e8dc59c9fb">
-           <h4 id="138ba571-58ee-4997-8e20-6ffa3ab1ee77">
+         <div class="mt-5" id="51cb4bea-3f4f-4761-9bc4-797329ad29cb">
+          <div class="d-flex justify-content-between" id="dee8684e-7ce5-4bfd-b62a-ca574f19e140">
+           <h4 id="43c0ad72-baf0-4e2b-8de0-6db4ad1eada1">
             Method
-            <span class="text-primary" id="a434461d-efef-4685-b465-9804595c28de">
+            <span class="text-primary" id="eb944c55-26f6-4d89-8512-7fed7ccc9d27">
              on_submit
             </span>
            </h4>
-           <div id="4f85ea8c-10a1-43f1-aa6b-c34ad5bd56d7">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#54b8b8ac-3b8d-4238-87bb-4fe8ad704990" data-bs-toggle="collapse" id="3baa3cb2-a04d-4842-862a-b057dda0e06e" onclick="return false;" type="button">
+           <div id="15ab3e12-86dd-4d6d-a8e6-d930b39e2ade">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3852f1f9-9c79-4e94-bc31-e7b8aa0a2645" data-bs-toggle="collapse" id="5098e95f-3a9d-40e9-8dac-d23ffa8b1118" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#0ab5a2e2-6a4d-42d2-b2d5-1682a68eac49" data-bs-toggle="collapse" id="4cdace5c-9893-48b9-9806-66bf05e3b791" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#34d7f4a9-08fe-417b-9463-c06e644d7f5c" data-bs-toggle="collapse" id="5acbf3f5-e20d-4d64-9439-4cfd2812bfa9" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="328d91e1-61e8-4f4e-aef0-ff0de3d3624a">
+          <span class="text-muted" id="80c9cd9a-dc85-4d02-af7c-38cd7e9990f0">
            Sets the submit URL, for the POST request.
           </span>
-          <pre id="e4010ac9-c731-4046-8806-1dbcafd91d1f"><code class="python">on_submit(href)</code></pre>
-          <div class="ms-3 collapse" id="54b8b8ac-3b8d-4238-87bb-4fe8ad704990">
-           <h6 id="c95dd9dc-4cdc-45b5-8b6e-19cbb18f5aeb">
+          <pre id="7935a328-3000-4a86-bfa0-c55b5943ec1f"><code class="language-python">on_submit(href)</code></pre>
+          <div class="ms-3 collapse" id="3852f1f9-9c79-4e94-bc31-e7b8aa0a2645">
+           <h6 id="4af81e29-1463-4002-b30b-01a60e8159e1">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="bdb8db34-1b84-43b7-94fb-e6b68e42661e">
+           <table class="table table-sm bg-light" id="0ddda68b-ebf3-4912-8196-b9aeb1722c7a">
             <thead>
              <tr>
               <th scope="col">
@@ -2969,11 +2975,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="0ab5a2e2-6a4d-42d2-b2d5-1682a68eac49">
-           <h6 id="135213ec-655c-4832-a695-99ff843e58bd">
+          <div class="ms-3 collapse" id="34d7f4a9-08fe-417b-9463-c06e644d7f5c">
+           <h6 id="41c55db8-6c77-45dc-9418-004c97db416b">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="8dc91561-dced-4d95-9bec-dbf8458b83e1">
+           <table class="table table-sm bg-light" id="a5499d80-e4b2-468d-8712-0eb3e0ba0896">
             <thead>
              <tr>
               <th scope="col">
@@ -3006,11 +3012,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="f0e37cc1-e202-4f92-8004-da48fcd5df43">
-           <h6 id="1a69aea6-8301-4c22-b2cc-1c7cd535a8d9">
+          <div class="ms-3" id="d432afb6-b684-440b-8dfe-32263ec2aa01">
+           <h6 id="184c06a0-7ebd-4624-a25a-6b80aa0d50a6">
             Example
            </h6>
-           <pre id="76abc1c8-d0df-407b-8e6d-3bb1edbe8f00"><code class="python">from bootwrap import Form
+           <pre id="bec78541-363f-460d-ae06-7d0507ca6cab"><code class="language-python">from bootwrap import Form
 
 Form(...).on_submit('go/to/this/url')
 </code></pre>
@@ -3018,30 +3024,30 @@ Form(...).on_submit('go/to/this/url')
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="3fcb9447-b649-498f-b8c1-8b3ca2632eb7">
-        <div class="mt-5" id="36645871-748f-42dc-b9b5-2f49235efbea">
-         <div class="d-flex justify-content-between" id="5c0c91c9-de92-410b-bcd0-399d0acfdcd9">
-          <h1 id="a40fefb5-8bbc-4c6c-a9cc-3ab712b4e375">
+       <div class="tab-pane fade" id="23c5e816-ceaf-41bc-bb99-3be4afc8207e">
+        <div class="mt-5" id="6f0971a5-7cde-44cf-8e18-4de412736461">
+         <div class="d-flex justify-content-between" id="d4413d2d-d5ab-4549-9aac-0527b0c82ce0">
+          <h1 id="e66b0be0-8565-45f9-bc42-d8e12d21af84">
            Class
-           <span class="text-primary" id="c6876ec3-0863-4a49-841d-76d90c3b3bf3">
+           <span class="text-primary" id="dfb6b118-3f49-4901-a623-e688751c97eb">
             CheckboxInput
            </span>
           </h1>
-          <div id="7b75b23c-030a-4587-993f-aa2f636a688a">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f1306fa1-e5d7-4623-949b-ad95132516f8" data-bs-toggle="collapse" id="ee39ac9a-b285-4bce-9c89-206238c3f59c" onclick="return false;" type="button">
+          <div id="041ccc5a-6ae4-41c3-98fd-6365f89985b6">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#faf615d0-0475-4ae1-8349-3e879d89cda1" data-bs-toggle="collapse" id="ce9d16fb-b27c-4b6c-baa3-7fc244027ca8" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="715e8897-818e-471c-8ca9-3a79f1c7f3d7">
+         <span class="text-muted" id="46c18207-2065-4f44-b693-99e7b1711f12">
           A checkbox input.
          </span>
-         <pre id="4bac88b4-0b9e-4b05-9aab-c07ba6375eef"><code class="python">CheckboxInput(label, name, checked=False)</code></pre>
-         <div class="ms-3 collapse" id="f1306fa1-e5d7-4623-949b-ad95132516f8">
-          <h6 id="9e7f87c1-61c3-4a57-9039-50840f1b09f0">
+         <pre id="19f175f6-b850-4b16-ba70-c1ab866822ad"><code class="language-python">CheckboxInput(label, name, checked=False)</code></pre>
+         <div class="ms-3 collapse" id="faf615d0-0475-4ae1-8349-3e879d89cda1">
+          <h6 id="57ed05a9-4cd8-42d6-b9b3-ab5f149d0dae">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="b62a7803-49df-48e6-b57c-17de05873edb">
+          <table class="table table-sm bg-light" id="156e3f64-0dd1-4935-a0c9-c9576c7ec05b">
            <thead>
             <tr>
              <th scope="col">
@@ -3104,7 +3110,7 @@ Form(...).on_submit('go/to/this/url')
            </tbody>
           </table>
          </div>
-         <p id="7640a8c7-3687-46f8-8f16-f2665d5a5047">
+         <p id="2a9c9052-0d1e-4ba9-b098-685f91f00f1e">
           Use the
           <code>
            as_disabled()
@@ -3116,11 +3122,11 @@ Form(...).on_submit('go/to/this/url')
           </code>
           component.
          </p>
-         <div class="ms-3" id="3ef3f94b-fa9c-4ae3-a9c2-e395a57f0dcb">
-          <h6 id="167071b8-37b8-4e4a-a037-919394c841d1">
+         <div class="ms-3" id="abf5283b-cdf4-4ba1-80bb-b4cc0411e209">
+          <h6 id="2c4e501c-f72c-4dcd-aaee-af7a525cbcb5">
            Example
           </h6>
-          <pre id="3a778f83-c883-4ce3-8399-015cf764d37b"><code class="python">from bootwrap import Form, CheckboxInput
+          <pre id="debf2e5e-9048-4733-9eab-0272aad3019c"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1'),
@@ -3130,57 +3136,57 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="786e7e5d-6e58-4447-ab4f-8283c6967682">
-          <form enctype="multipart/form-data" id="301e55f1-ebb8-4e3d-9eb4-96693b35f9da" method="POST">
+         <div class="ms-3" id="7930e41d-4e4c-433a-a5f9-f65adf22e58e">
+          <form enctype="multipart/form-data" id="da0ea5db-837d-4ea7-b736-b6e53cd3c9dd" method="POST">
            <div class="form-check">
-            <input autocomplete="off" class="form-check-input" id="7690761d-22be-47d2-9ee6-86ac60db9ded" name="opt1" type="checkbox"/>
-            <label class="form-check-label" for="7690761d-22be-47d2-9ee6-86ac60db9ded">
+            <input autocomplete="off" class="form-check-input" id="d1e15d52-6478-47b3-9d1f-338929c6073d" name="opt1" type="checkbox"/>
+            <label class="form-check-label" for="d1e15d52-6478-47b3-9d1f-338929c6073d">
              One
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" checked="" class="form-check-input" id="7b19fffb-8c2b-4ec4-ae4e-da4a9c822c16" name="opt2" type="checkbox"/>
-            <label class="form-check-label" for="7b19fffb-8c2b-4ec4-ae4e-da4a9c822c16">
+            <input autocomplete="off" checked="" class="form-check-input" id="e6bdc04c-f517-4c14-a7e3-cc1d8cc51c49" name="opt2" type="checkbox"/>
+            <label class="form-check-label" for="e6bdc04c-f517-4c14-a7e3-cc1d8cc51c49">
              Two
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" class="form-check-input" disabled="" id="71aad4e6-dca9-4eb5-9ff1-9482a81a38a8" name="opt3" type="checkbox"/>
-            <label class="form-check-label" for="71aad4e6-dca9-4eb5-9ff1-9482a81a38a8">
+            <input autocomplete="off" class="form-check-input" disabled="" id="75db7f4e-33f7-4d90-ad91-4bde26e0b814" name="opt3" type="checkbox"/>
+            <label class="form-check-label" for="75db7f4e-33f7-4d90-ad91-4bde26e0b814">
              Three
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" checked="" class="form-check-input" disabled="" id="af3ffa0a-f4a8-4489-92d5-1bd156429d01" name="opt4" type="checkbox"/>
-            <label class="form-check-label" for="af3ffa0a-f4a8-4489-92d5-1bd156429d01">
+            <input autocomplete="off" checked="" class="form-check-input" disabled="" id="33a2c3fb-d4a6-4560-b703-5e384eecec1c" name="opt4" type="checkbox"/>
+            <label class="form-check-label" for="33a2c3fb-d4a6-4560-b703-5e384eecec1c">
              Four
             </label>
            </div>
           </form>
          </div>
-         <div class="mt-5" id="e6c82aca-53a7-4fb6-91ec-60130fa07dfd">
-          <div class="d-flex justify-content-between" id="35ce490b-a3fb-4b23-aba7-b207ce66fb9d">
-           <h4 id="1bde7f1a-af27-468c-a658-f823f1b0ad15">
+         <div class="mt-5" id="9863f798-b55a-4a79-a661-02429781d742">
+          <div class="d-flex justify-content-between" id="e1723107-1de9-48e1-a9ed-e68a50aebd26">
+           <h4 id="226b7f23-ced0-4e49-9bd6-3d5b26187073">
             Method
-            <span class="text-primary" id="f0263c04-6108-475a-b67b-41412002ff00">
+            <span class="text-primary" id="f4c53ae2-53e2-4ac2-acc4-8d8ae366bdf0">
              as_button
             </span>
            </h4>
-           <div id="43207a22-7483-489d-a8e4-18bba17b716c">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#de3e32b1-8585-4fad-9a7a-d78a29fe5a4e" data-bs-toggle="collapse" id="bb938de9-e63e-4a4f-b859-a8ab92d10838" onclick="return false;" type="button">
+           <div id="1e6d47ca-3210-4322-95d1-6dc0450bcc65">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#63530380-c44d-4b83-926e-0435e0340d0a" data-bs-toggle="collapse" id="3cf4dff4-d75f-4296-bd24-53ea40926b16" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="5610c271-aefe-44c3-8720-5e394001d6ec">
+          <span class="text-muted" id="109b9c2c-dd2d-449e-bf3d-d0dac5f39507">
            Sets the "button"-style to the check box.
           </span>
-          <pre id="6312a148-4366-4a76-930b-0086b72b5ba2"><code class="python">as_button()</code></pre>
-          <div class="ms-3 collapse" id="de3e32b1-8585-4fad-9a7a-d78a29fe5a4e">
-           <h6 id="b2488647-cd2f-4f5a-859a-6c7c0d49c826">
+          <pre id="59fa6101-d95a-4245-850c-8d66b29aa3c3"><code class="language-python">as_button()</code></pre>
+          <div class="ms-3 collapse" id="63530380-c44d-4b83-926e-0435e0340d0a">
+           <h6 id="e5dba98e-3e90-4649-84b4-9382ebbb76ad">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="20aad33c-72a6-44ec-89d1-4fd5a2cb2f29">
+           <table class="table table-sm bg-light" id="0cc39de5-6a96-4f14-84dd-c58eb258d76b">
             <thead>
              <tr>
               <th scope="col">
@@ -3213,11 +3219,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="82a8a667-1cb0-4fe8-8b71-3e0b033963ac">
-           <h6 id="f4fbbfe5-6ef5-4e4d-8ad0-f954de28be3a">
+          <div class="ms-3" id="f2b09a70-9f9c-4b75-9423-d5c51d5bd0d6">
+           <h6 id="ccc7ed1a-688f-4eb9-8c9e-62ca2300aced">
             Example
            </h6>
-           <pre id="5d675055-212a-49b0-ae0e-e1630b32e9ee"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="4b0a7039-28b3-4510-a97a-f591eb8dcee7"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').as_button().as_primary().as_outline(),
@@ -3227,50 +3233,50 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="6fe0b22e-f818-4b4b-960e-443ec2261326">
-           <form enctype="multipart/form-data" id="089a8edb-f389-44d5-a1f4-9e787d856aa3" method="POST">
-            <input autocomplete="off" class="btn-check" id="19b4ba47-85b2-46e0-b064-681f6c65b4c1" name="opt1" type="checkbox"/>
-            <label class="btn btn-outline-primary" for="19b4ba47-85b2-46e0-b064-681f6c65b4c1">
+          <div class="ms-3" id="a862245a-28c5-4976-b95d-db2ebb3f642f">
+           <form enctype="multipart/form-data" id="1726edd4-336b-45cc-b5cd-644ec7404430" method="POST">
+            <input autocomplete="off" class="btn-check" id="5450fee6-334c-4bd4-b88f-2ba09dfd1ca3" name="opt1" type="checkbox"/>
+            <label class="btn btn-outline-primary" for="5450fee6-334c-4bd4-b88f-2ba09dfd1ca3">
              One
             </label>
-            <input autocomplete="off" checked="" class="btn-check" id="cf32797b-ae3a-4ecf-9946-c6b2bee0273f" name="opt2" type="checkbox"/>
-            <label class="btn" for="cf32797b-ae3a-4ecf-9946-c6b2bee0273f">
+            <input autocomplete="off" checked="" class="btn-check" id="1aad3a8c-6f52-4bfb-ada7-4438cd9f69e2" name="opt2" type="checkbox"/>
+            <label class="btn" for="1aad3a8c-6f52-4bfb-ada7-4438cd9f69e2">
              Two
             </label>
-            <input autocomplete="off" class="btn-check" disabled="" id="97c14346-29b7-42e0-843b-a4cd5312cf7d" name="opt3" type="checkbox"/>
-            <label class="btn" for="97c14346-29b7-42e0-843b-a4cd5312cf7d">
+            <input autocomplete="off" class="btn-check" disabled="" id="6aa69474-ef88-42e5-8ff6-07293eb942c9" name="opt3" type="checkbox"/>
+            <label class="btn" for="6aa69474-ef88-42e5-8ff6-07293eb942c9">
              Three
             </label>
-            <input autocomplete="off" checked="" class="btn-check" disabled="" id="a4d13ae2-836e-4b99-a911-c0cf4d4e89f6" name="opt4" type="checkbox"/>
-            <label class="btn" for="a4d13ae2-836e-4b99-a911-c0cf4d4e89f6">
+            <input autocomplete="off" checked="" class="btn-check" disabled="" id="58b1887e-b2d6-4c30-9aa2-eb81c35894ab" name="opt4" type="checkbox"/>
+            <label class="btn" for="58b1887e-b2d6-4c30-9aa2-eb81c35894ab">
              Four
             </label>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="e62fe92c-2fe0-47a1-883f-6ea12032c06b">
-          <div class="d-flex justify-content-between" id="f3c3a9dd-e87d-42d5-82ca-494d8d6b19c2">
-           <h4 id="92fff7ab-ebe5-4280-9141-74c1a0c66dbb">
+         <div class="mt-5" id="2cf7c8b6-17fe-4960-9532-6ecb98453e90">
+          <div class="d-flex justify-content-between" id="c21fd868-c4e9-452c-bd84-3489654863a4">
+           <h4 id="d123e709-79e3-452b-8ae6-8cca2a01d58c">
             Method
-            <span class="text-primary" id="83c01e39-6db0-4775-8f01-fa7506ef7de5">
+            <span class="text-primary" id="944a06a0-afee-4e42-935d-2e1db6a662d8">
              as_radio
             </span>
            </h4>
-           <div id="9f45b311-c65b-4ef2-a534-64dbda63d89b">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#9c0efeb8-c19d-4ae3-9103-533cc0fe784d" data-bs-toggle="collapse" id="452e1778-7c8e-4867-835e-5aeeb5146103" onclick="return false;" type="button">
+           <div id="acd41807-f912-4adc-a2dd-a611019d5be8">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#7c61f305-5b65-44bc-a965-eec5681d91ed" data-bs-toggle="collapse" id="717bbf07-1ab1-4772-8d38-8ed94b41eca9" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="26d0c88f-23fd-4a41-af9a-b679ed3ab53a">
+          <span class="text-muted" id="445ad2c2-1496-4a51-9a89-176a6c288db2">
            Makes a chack box as radio button.
           </span>
-          <pre id="a0cdbad1-6d81-444e-8963-6fe965495712"><code class="python">as_radio(value)</code></pre>
-          <div class="ms-3 collapse" id="9c0efeb8-c19d-4ae3-9103-533cc0fe784d">
-           <h6 id="ef26263e-0b5b-4fd7-a5f0-4375ebfd0a4c">
+          <pre id="c908d8f1-6943-4035-a946-a6249e920780"><code class="language-python">as_radio(value)</code></pre>
+          <div class="ms-3 collapse" id="7c61f305-5b65-44bc-a965-eec5681d91ed">
+           <h6 id="c8d9d0a5-0265-4949-a0b6-c519b537584a">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="00f5cea7-9bbd-4759-8cbd-b495749e7ace">
+           <table class="table table-sm bg-light" id="39849d7d-d7db-4fa0-b003-27b26f75f550">
             <thead>
              <tr>
               <th scope="col">
@@ -3303,11 +3309,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="92cd9de5-2510-4edc-bd31-f332fbede8b9">
-           <h6 id="88e8f329-90db-49d7-be43-15708241027c">
+          <div class="ms-3" id="426fe7bc-a0eb-483b-9e21-c9c56d9ceaf3">
+           <h6 id="0701d15c-badb-45fc-bf1d-b1d469a59f4f">
             Example
            </h6>
-           <pre id="4d3ce641-5ee3-43b1-87d3-228e9389cef2"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="1a614038-bbd2-45ee-8619-df6dd3d788ec"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt').as_radio(1),
@@ -3317,58 +3323,58 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="09d2a297-fc94-4676-84cc-84d97df7e534">
-           <form enctype="multipart/form-data" id="798636d1-f9fe-4e94-a318-a15e691794b2" method="POST">
+          <div class="ms-3" id="1ec236bc-aac9-4681-92f5-880bc6b328a8">
+           <form enctype="multipart/form-data" id="570a24bb-316c-4d08-9490-9d4ca26378fc" method="POST">
             <div class="form-check">
-             <input autocomplete="off" class="form-check-input" id="fcd7216d-823b-4840-a6b5-866937069645" name="opt" type="radio" value="1"/>
-             <label class="form-check-label" for="fcd7216d-823b-4840-a6b5-866937069645">
+             <input autocomplete="off" class="form-check-input" id="ace24a95-3d70-4b83-87d9-c3cd84bd8c43" name="opt" type="radio" value="1"/>
+             <label class="form-check-label" for="ace24a95-3d70-4b83-87d9-c3cd84bd8c43">
               One
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" checked="" class="form-check-input" id="2f2244ec-91aa-4c83-b5d5-1cd3b58ee694" name="opt" type="radio" value="2"/>
-             <label class="form-check-label" for="2f2244ec-91aa-4c83-b5d5-1cd3b58ee694">
+             <input autocomplete="off" checked="" class="form-check-input" id="5bf5014c-8255-49d2-a842-03877b308656" name="opt" type="radio" value="2"/>
+             <label class="form-check-label" for="5bf5014c-8255-49d2-a842-03877b308656">
               Two
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" class="form-check-input" disabled="" id="0128e193-c7f4-4706-b001-a33e88382689" name="opt" type="radio" value="3"/>
-             <label class="form-check-label" for="0128e193-c7f4-4706-b001-a33e88382689">
+             <input autocomplete="off" class="form-check-input" disabled="" id="e21cda90-825e-4ff7-8884-851e17340484" name="opt" type="radio" value="3"/>
+             <label class="form-check-label" for="e21cda90-825e-4ff7-8884-851e17340484">
               Three
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="79c4e95e-b020-44e9-8ca9-050234c16fe9" name="opt" type="radio" value="4"/>
-             <label class="form-check-label" for="79c4e95e-b020-44e9-8ca9-050234c16fe9">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="5da67267-426a-4c27-9afb-2d84a7514cf0" name="opt" type="radio" value="4"/>
+             <label class="form-check-label" for="5da67267-426a-4c27-9afb-2d84a7514cf0">
               Four
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="60912b8f-e8a3-4e92-9478-00dc4aa47a09">
-          <div class="d-flex justify-content-between" id="d7e830fe-7298-4b2d-87a2-d04151129d5e">
-           <h4 id="364a7fd4-1b4b-4ff2-ba54-74fd4f68dd6e">
+         <div class="mt-5" id="6b8fe90a-a5d1-4958-87c1-c4248641b3cf">
+          <div class="d-flex justify-content-between" id="aa93a944-2f67-4a59-b10f-a658fe386419">
+           <h4 id="8785a5e9-6dbb-43f4-b49d-55c013574822">
             Method
-            <span class="text-primary" id="7d29b306-f2dd-45e3-ae33-da1419b51c0d">
+            <span class="text-primary" id="eec76983-00eb-404f-af12-a2df375058b4">
              as_switch
             </span>
            </h4>
-           <div id="23b71820-2f08-435c-bf84-6f9b63c7fde9">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#66e02474-dfc5-42fe-8f79-918d3a14a732" data-bs-toggle="collapse" id="3da315ac-6a6c-45f3-b84a-79595b40d582" onclick="return false;" type="button">
+           <div id="f139b5ac-ab97-4be5-a1db-15cb0a952ab3">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#28c9f3c4-4232-40d6-aafc-ed1ca530a9fe" data-bs-toggle="collapse" id="3b258c6c-cdca-4a48-95e2-64908c1b2c67" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="3e3def5b-a607-4c89-b8f6-0c8b4275fe66">
+          <span class="text-muted" id="396c2234-c328-4e39-b507-cac33da6d1a4">
            Sets the "switch"-style to the check box.
           </span>
-          <pre id="fd7084cc-f08d-480b-abbf-1e7ec2b13eaa"><code class="python">as_switch()</code></pre>
-          <div class="ms-3 collapse" id="66e02474-dfc5-42fe-8f79-918d3a14a732">
-           <h6 id="9cc22f80-aaa6-4bad-88bb-a22e1d056af8">
+          <pre id="978464f8-03cf-49b0-9d6b-d66cf8a7a608"><code class="language-python">as_switch()</code></pre>
+          <div class="ms-3 collapse" id="28c9f3c4-4232-40d6-aafc-ed1ca530a9fe">
+           <h6 id="74905ef5-2ee0-4c29-9fdc-53437ad80c59">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="d883c25d-02cd-4a3a-ac3b-78130bcf3c52">
+           <table class="table table-sm bg-light" id="6a5dab06-15b8-4371-9def-a6c5ac1b0905">
             <thead>
              <tr>
               <th scope="col">
@@ -3401,11 +3407,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="50cef081-92d4-4c1a-b90c-179ead0f9ab0">
-           <h6 id="d4cd277e-062c-487d-8dbe-6f04b5ef8061">
+          <div class="ms-3" id="21114944-fff4-432e-98f4-7357879ccc35">
+           <h6 id="89d49fcc-066c-4550-b7df-df1f35586c39">
             Example
            </h6>
-           <pre id="12fb93e9-70cf-4733-b4e2-fa6d6de985ae"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="673ee41f-1bcf-4436-9513-915caea6ec04"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').as_switch(),
@@ -3415,58 +3421,58 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="0b9f3f2a-7084-4bbe-b2e4-ef8554e43835">
-           <form enctype="multipart/form-data" id="00b68608-3fd9-4373-8d9f-2ddecc526ff6" method="POST">
+          <div class="ms-3" id="5ff85ba6-8ef0-4183-8c5b-e7ff76236b7d">
+           <form enctype="multipart/form-data" id="c4ae55e0-7b70-4ac5-a1d2-518a721ad65d" method="POST">
             <div class="form-check form-switch">
-             <input autocomplete="off" class="form-check-input" id="a9f86ce4-2fd8-46d5-aae0-3fda6a913b9c" name="opt1" type="checkbox"/>
-             <label class="form-check-label" for="a9f86ce4-2fd8-46d5-aae0-3fda6a913b9c">
+             <input autocomplete="off" class="form-check-input" id="f0986c6b-40a4-4508-a7bd-3af41ae1b5fc" name="opt1" type="checkbox"/>
+             <label class="form-check-label" for="f0986c6b-40a4-4508-a7bd-3af41ae1b5fc">
               One
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" checked="" class="form-check-input" id="8bb2c929-e8d9-46a4-967b-facaf3a7050e" name="opt2" type="checkbox"/>
-             <label class="form-check-label" for="8bb2c929-e8d9-46a4-967b-facaf3a7050e">
+             <input autocomplete="off" checked="" class="form-check-input" id="1ff3101c-8234-4f67-b938-d991db6a6856" name="opt2" type="checkbox"/>
+             <label class="form-check-label" for="1ff3101c-8234-4f67-b938-d991db6a6856">
               Two
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" class="form-check-input" disabled="" id="e8e2054e-ed81-4d21-a18d-a9cd0bdb441f" name="opt3" type="checkbox"/>
-             <label class="form-check-label" for="e8e2054e-ed81-4d21-a18d-a9cd0bdb441f">
+             <input autocomplete="off" class="form-check-input" disabled="" id="9ed10828-f051-4367-8abc-53fb9d4c1a46" name="opt3" type="checkbox"/>
+             <label class="form-check-label" for="9ed10828-f051-4367-8abc-53fb9d4c1a46">
               Three
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="76eaa82b-26be-4ef0-a9d6-53fdea5ccb37" name="opt4" type="checkbox"/>
-             <label class="form-check-label" for="76eaa82b-26be-4ef0-a9d6-53fdea5ccb37">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="5cd95101-969b-424a-befa-b0ea2846e727" name="opt4" type="checkbox"/>
+             <label class="form-check-label" for="5cd95101-969b-424a-befa-b0ea2846e727">
               Four
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="39351345-ac3f-4041-a98f-a09bc0bbd09f">
-          <div class="d-flex justify-content-between" id="9d7bc492-5f7f-4bb9-8e06-360c0081e65b">
-           <h4 id="5bf3059a-b080-452d-920e-6bd31ece3962">
+         <div class="mt-5" id="a3a8e812-97ce-49cc-8208-60b891ff5621">
+          <div class="d-flex justify-content-between" id="7618d47c-6c62-483d-b2e3-392e69c517b3">
+           <h4 id="a14ec2b4-e913-48df-9b20-c1c817c93d98">
             Method
-            <span class="text-primary" id="5a0b4e6d-858b-49fc-b5af-da09d20711c5">
+            <span class="text-primary" id="d3979618-1877-4e8d-8ca4-28db76ab6454">
              inline
             </span>
            </h4>
-           <div id="ad874a84-aa8d-4356-81e4-2b1425795bcc">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#96906248-8541-4b98-8c07-d375158df01d" data-bs-toggle="collapse" id="b5c4e32b-55a7-4887-a662-d6abfe60ba15" onclick="return false;" type="button">
+           <div id="fb5029d8-6327-497c-aa32-7f1d5eb70d24">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#71560636-87f4-406b-9e59-d67f6a263b69" data-bs-toggle="collapse" id="b5d2f71e-836e-4687-bfc5-a0d3e0f21922" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="204f724b-84d1-414e-b77d-672d6ee21edd">
+          <span class="text-muted" id="03c45eac-436d-44f4-86bb-2b0ed0e4cd85">
            Sets the check box in line.
           </span>
-          <pre id="452ad81e-9e6c-4bb4-92fc-b1299cea3aeb"><code class="python">inline()</code></pre>
-          <div class="ms-3 collapse" id="96906248-8541-4b98-8c07-d375158df01d">
-           <h6 id="0314a2c3-7874-4731-8100-1d30da418744">
+          <pre id="38f80a1a-1d56-4207-8014-51e343aa1a1c"><code class="language-python">inline()</code></pre>
+          <div class="ms-3 collapse" id="71560636-87f4-406b-9e59-d67f6a263b69">
+           <h6 id="7b651f30-6c9c-4c22-8f3a-1efa33bfab9b">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="0f0caac1-c2a9-49fc-94a8-f9c46ce1c25a">
+           <table class="table table-sm bg-light" id="8ac4f57a-f36b-4ade-842e-225914674a54">
             <thead>
              <tr>
               <th scope="col">
@@ -3499,11 +3505,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="201bac5c-5739-45aa-a226-9c61c649a730">
-           <h6 id="c32b30f6-b989-4c26-a434-f22b5bcd53a8">
+          <div class="ms-3" id="860eb469-3a52-45c4-90b4-f09043811380">
+           <h6 id="f4da1eb4-30c9-4adb-b4e6-8d35b67f777b">
             Example
            </h6>
-           <pre id="4d0ae4db-264d-436d-be8f-3bf67b788a3a"><code class="python">from bootwrap import Form, CheckboxInput
+           <pre id="642d74a1-cffa-4630-997a-d27a5c5f5ee3"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').inline(),
@@ -3513,29 +3519,29 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="802049a9-490c-4a73-ad88-620c8f8bba29">
-           <form enctype="multipart/form-data" id="cf2a55df-ed0e-43a3-876a-02c2a9a66391" method="POST">
+          <div class="ms-3" id="bbf951c1-081d-48ea-ba14-69aa14dc2e06">
+           <form enctype="multipart/form-data" id="5d96a0c9-442c-4c56-bb5b-113478e58d07" method="POST">
             <div class="form-check form-check-inline">
-             <input autocomplete="off" class="form-check-input" id="7072a150-a1b7-43d1-82ed-7046c6b45169" name="opt1" type="checkbox"/>
-             <label class="form-check-label" for="7072a150-a1b7-43d1-82ed-7046c6b45169">
+             <input autocomplete="off" class="form-check-input" id="c79a3d9d-9101-4da1-9fe4-048dda277292" name="opt1" type="checkbox"/>
+             <label class="form-check-label" for="c79a3d9d-9101-4da1-9fe4-048dda277292">
               One
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" checked="" class="form-check-input" id="584f652f-c096-4b62-a05c-3ababaf6c97d" name="opt2" type="checkbox"/>
-             <label class="form-check-label" for="584f652f-c096-4b62-a05c-3ababaf6c97d">
+             <input autocomplete="off" checked="" class="form-check-input" id="7aba111b-d581-4a1f-a819-9de411fc5df8" name="opt2" type="checkbox"/>
+             <label class="form-check-label" for="7aba111b-d581-4a1f-a819-9de411fc5df8">
               Two
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" class="form-check-input" disabled="" id="e6722400-ac6d-43c5-93c0-41a731dbb998" name="opt3" type="checkbox"/>
-             <label class="form-check-label" for="e6722400-ac6d-43c5-93c0-41a731dbb998">
+             <input autocomplete="off" class="form-check-input" disabled="" id="19f33bfa-1418-4915-8077-65984280fd95" name="opt3" type="checkbox"/>
+             <label class="form-check-label" for="19f33bfa-1418-4915-8077-65984280fd95">
               Three
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="bacbdd29-bfa3-4a03-a61a-f40673a6e822" name="opt4" type="checkbox"/>
-             <label class="form-check-label" for="bacbdd29-bfa3-4a03-a61a-f40673a6e822">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="1f7fbff1-2421-4517-87b1-7a2d78b8878d" name="opt4" type="checkbox"/>
+             <label class="form-check-label" for="1f7fbff1-2421-4517-87b1-7a2d78b8878d">
               Four
              </label>
             </div>
@@ -3544,30 +3550,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="d8b67869-7473-40ac-9063-f4814b534570">
-        <div class="mt-5" id="b30e8473-8953-4093-b248-72d05c8747a0">
-         <div class="d-flex justify-content-between" id="461e08a2-822d-4e75-bc9f-52fe95ade4ab">
-          <h1 id="a03b8775-78e4-4d65-a5f5-f50cad0492f2">
+       <div class="tab-pane fade" id="01ecccf7-4d4b-4fae-96da-4904907a904e">
+        <div class="mt-5" id="3b69404e-52f2-4714-9aa0-dce91e6e8ebf">
+         <div class="d-flex justify-content-between" id="5b83222b-674a-4634-8cec-16f2446b0458">
+          <h1 id="50e1a4b7-d7be-4daf-bb3d-a32eb4c45138">
            Class
-           <span class="text-primary" id="bf0b7113-7d09-4034-b4ca-d0b786ddf9a6">
+           <span class="text-primary" id="44d0292e-0fdd-469d-889c-0b8f8133cb36">
             TextInput
            </span>
           </h1>
-          <div id="0da81654-11d1-4865-9886-cdd8cba22852">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8bd28181-c815-4a62-bea2-493577d13e33" data-bs-toggle="collapse" id="6e255030-6715-4ecb-a332-62bab61ee643" onclick="return false;" type="button">
+          <div id="9a11cf95-b3c8-4ff8-a66f-0e406ba3b550">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1998e7d3-1ec3-4e38-ae13-3de60de5ee38" data-bs-toggle="collapse" id="73d84d5b-758a-430e-90d5-6c2930b54983" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="d5170577-dffc-4619-9771-6d9ec8da5133">
+         <span class="text-muted" id="8f464195-e80e-4afe-8877-bd4591f7333d">
           A text input.
          </span>
-         <pre id="5e89bcb9-8bc5-4c20-ac0d-0abdef97f26a"><code class="python">TextInput(label, name, value=None, placeholder=None)</code></pre>
-         <div class="ms-3 collapse" id="8bd28181-c815-4a62-bea2-493577d13e33">
-          <h6 id="6a429744-1433-438f-8d89-359114441211">
+         <pre id="2e6e534d-6485-4743-ba39-851cc30f683a"><code class="language-python">TextInput(label, name, value=None, placeholder=None)</code></pre>
+         <div class="ms-3 collapse" id="1998e7d3-1ec3-4e38-ae13-3de60de5ee38">
+          <h6 id="89d88573-0a89-4a15-a816-36a5699c150e">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="8bed2ede-b2c1-42fd-b29a-9fc55b0644ed">
+          <table class="table table-sm bg-light" id="3d20a6bf-4e09-441d-97f4-78b058f7beac">
            <thead>
             <tr>
              <th scope="col">
@@ -3645,7 +3651,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="d199f9f5-3efe-425d-a3f3-3d343ec026af">
+         <p id="97855eb8-7b5a-4220-b2ee-dc9ad33c9630">
           Use the
           <code>
            as_disabled()
@@ -3657,11 +3663,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="6d02172f-8b9d-4aee-a831-676c73a43141">
-          <h6 id="e604b5ff-b265-48d9-87c8-986984093176">
+         <div class="ms-3" id="b6911918-1e87-48cd-b83f-44b56bdcae4a">
+          <h6 id="80e8c13b-986d-46aa-865c-df385954844c">
            Example
           </h6>
-          <pre id="591f16d2-0b44-4426-8cbc-0db06f028fe9"><code class="python">from bootwrap import Form, TextInput
+          <pre id="abfc4f52-952f-4368-8bcb-0a81daf383eb"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Text1', 'text'),
@@ -3671,65 +3677,65 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="07d3fd50-ae10-49fb-9385-e7974d4c7168">
-          <form enctype="multipart/form-data" id="3b6aa3e1-bc37-4ed5-978f-d2d7f37bc8e1" method="POST">
+         <div class="ms-3" id="8d140950-eb54-4763-8a0e-8ae616febcaf">
+          <form enctype="multipart/form-data" id="9c9380ec-1e05-4570-8a50-fce816428b66" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="e0029e54-df4a-4faa-a6ba-719d1db4540e">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="1775c020-4d54-4a1e-a1a3-4262e63b2994">
              Text1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="e0029e54-df4a-4faa-a6ba-719d1db4540e" name="text" type="text"/>
+             <input class="form-control" id="1775c020-4d54-4a1e-a1a3-4262e63b2994" 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="f8fcc362-3e43-44c5-8454-eb40c82c7777">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="29bfc85e-e7fe-46bb-aa25-fcd58188f818">
              Text2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="f8fcc362-3e43-44c5-8454-eb40c82c7777" name="text" placeholder="type here" type="text"/>
+             <input class="form-control" id="29bfc85e-e7fe-46bb-aa25-fcd58188f818" 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="1c0208ae-c435-4688-a6fe-a9e713c390e2">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="c08e9fc9-fda3-4593-b2bc-fc15e83e252d">
              Text3
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="1c0208ae-c435-4688-a6fe-a9e713c390e2" name="text" type="text" value="Hello World!"/>
+             <input class="form-control" id="c08e9fc9-fda3-4593-b2bc-fc15e83e252d" 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="c5464a85-43d4-444d-9db2-081c6eadf1e6">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="f31ecff4-4393-4106-a9a6-66a406208e00">
              Text4
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" disabled="" id="c5464a85-43d4-444d-9db2-081c6eadf1e6" name="text" type="text"/>
+             <input class="form-control" disabled="" id="f31ecff4-4393-4106-a9a6-66a406208e00" name="text" type="text"/>
             </div>
            </div>
           </form>
          </div>
-         <div class="mt-5" id="0ae96ae3-0666-4ec0-9c15-e1b6c3462bc8">
-          <div class="d-flex justify-content-between" id="41f2336a-c7b8-40cc-bba6-cdb40bccc33e">
-           <h4 id="002fd606-b135-49a5-8491-baddc9acc966">
+         <div class="mt-5" id="8ae94ecb-2489-4d27-95c6-e00035e6671c">
+          <div class="d-flex justify-content-between" id="bc7d871a-d899-4aed-91a4-2903b69119be">
+           <h4 id="9c068fd8-b1b5-42a7-bcdc-d99d76f4ba06">
             Method
-            <span class="text-primary" id="bcda7ed1-65da-43d0-bdce-b13b5622c9f4">
+            <span class="text-primary" id="dc25231b-70ea-488a-959d-e3e1ec652c2e">
              for_email
             </span>
            </h4>
-           <div id="6c0a5a02-9986-41d8-9a07-35fe105eba3a">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#90ea3993-8bc9-496b-9226-717ab399c2eb" data-bs-toggle="collapse" id="cf1a8090-679f-458b-8f78-7af69c406ac0" onclick="return false;" type="button">
+           <div id="5ee08745-33db-452c-b556-d226a36686cc">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#67d3aa9f-0d40-44c0-bb3e-4acad09dc1f5" data-bs-toggle="collapse" id="4576c313-d2bf-4799-9881-15d92f4add11" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="20f3642d-b4fc-42cd-a90a-4371fefdf23d">
+          <span class="text-muted" id="f3963ac3-5b76-425a-a19b-57883e6ce4c1">
            Configuring input for entering email.
           </span>
-          <pre id="f9b50629-4fea-4a3b-b94e-089e193b3da0"><code class="python">for_email()</code></pre>
-          <div class="ms-3 collapse" id="90ea3993-8bc9-496b-9226-717ab399c2eb">
-           <h6 id="df6b8588-e9a0-43f7-bf2f-506b1aa07d10">
+          <pre id="426d1189-01e9-48a2-b7b7-2e19df9d8d76"><code class="language-python">for_email()</code></pre>
+          <div class="ms-3 collapse" id="67d3aa9f-0d40-44c0-bb3e-4acad09dc1f5">
+           <h6 id="b418e10b-864e-41d0-9c17-8a5025114ad5">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="b51e5382-c3a8-4914-b853-a4ba67ce46e2">
+           <table class="table table-sm bg-light" id="d4fe6ae2-64ee-4467-98db-cc82352fce17">
             <thead>
              <tr>
               <th scope="col">
@@ -3762,53 +3768,53 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="5ddc02a3-1d2a-46ca-8f47-2d1bbf1e90f6">
-           <h6 id="2ea4e8fa-42f3-4c02-8640-1c3c0a22b1f0">
+          <div class="ms-3" id="e4334098-b641-4fd1-af96-1548761ecfce">
+           <h6 id="a730fffb-e1f6-4861-9435-d5623650b1ce">
             Example
            </h6>
-           <pre id="919f68d9-506d-45c6-8e6d-946e245a4110"><code class="python">from bootwrap import Form, TextInput
+           <pre id="01972712-8f6a-4e6d-aff8-d390d6261713"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Email', 'email', 'my@email.com').for_email()
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="273da6f9-9e8c-4626-8530-06b2eff5ab6e">
-           <form enctype="multipart/form-data" id="1cc1af43-7b06-4258-a5f3-92f1d6b559de" method="POST">
+          <div class="ms-3" id="b0ac9c93-c12e-4e03-b72f-95d5d436a896">
+           <form enctype="multipart/form-data" id="729882b7-e050-4fee-a75f-6ad40bd29ff7" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="828c3d7e-ef2a-443d-a23d-4b1b3d927c83">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="bbf687e1-0b03-49b4-824c-dcc5503f7db3">
               Email
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input class="form-control" id="828c3d7e-ef2a-443d-a23d-4b1b3d927c83" name="email" type="email" value="my@email.com"/>
+              <input class="form-control" id="bbf687e1-0b03-49b4-824c-dcc5503f7db3" name="email" type="email" value="my@email.com"/>
              </div>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="51078aa3-b89f-4fb5-9289-7e0dcc3374a8">
-          <div class="d-flex justify-content-between" id="ba956d95-e9b4-400f-a6f2-fb949781dfca">
-           <h4 id="14d439ff-9796-4283-8796-08c8adfebf9e">
+         <div class="mt-5" id="8e4cb73f-0940-4dad-a7d3-198cf21278a4">
+          <div class="d-flex justify-content-between" id="e29600d1-e284-4170-886f-5b1aed08495c">
+           <h4 id="b275fd26-e6e1-46d3-b23c-e45d65fdc969">
             Method
-            <span class="text-primary" id="2398482c-ebf4-4338-86ab-e34ee08ca51a">
+            <span class="text-primary" id="76a96f55-699d-4d38-8a07-7973542e41c7">
              for_password
             </span>
            </h4>
-           <div id="69cba6dd-8c61-4e24-87c6-236a929d902e">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#b3353078-628c-4808-82b8-f972b43ffae9" data-bs-toggle="collapse" id="037ef1e7-ec12-4663-8b23-324021f3d2f3" onclick="return false;" type="button">
+           <div id="7aabac0c-b673-46aa-b4d0-b16b9e3ffb09">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a7c4d7e6-b71b-4a72-bcbd-37dc943cbc11" data-bs-toggle="collapse" id="8d7f673f-f7c2-498f-ac09-2f0090b233b8" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="f7756db8-0c50-47ac-8703-276853aaac32">
+          <span class="text-muted" id="34d12347-9053-4627-be87-d4e5d0969974">
            Configuring input for entering password.
           </span>
-          <pre id="c52be631-8639-4943-bdb4-4a9aa22c2bfb"><code class="python">for_password()</code></pre>
-          <div class="ms-3 collapse" id="b3353078-628c-4808-82b8-f972b43ffae9">
-           <h6 id="6ca754be-29bd-477b-8d9e-d8ebf66f1a5b">
+          <pre id="37f79829-dc45-44ca-97e3-4cf0a64a6a82"><code class="language-python">for_password()</code></pre>
+          <div class="ms-3 collapse" id="a7c4d7e6-b71b-4a72-bcbd-37dc943cbc11">
+           <h6 id="b9c75a1b-e73a-4ec1-879d-1e883f3509c8">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="948f4a10-f347-45e1-9394-656d0c9e8880">
+           <table class="table table-sm bg-light" id="f4ef92d5-6215-4812-a341-7521ae2b5f33">
             <thead>
              <tr>
               <th scope="col">
@@ -3841,56 +3847,56 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="50fb7434-6311-4bb8-811d-63604ee7486f">
-           <h6 id="05fea330-6859-458b-9311-c738627864a4">
+          <div class="ms-3" id="085473f1-145e-4471-9db4-35781b02036c">
+           <h6 id="eb629c57-0df8-4784-88f9-74e36d144a5c">
             Example
            </h6>
-           <pre id="d8a071e4-9d67-43d9-afae-25cd36e4e75c"><code class="python">from bootwrap import Form, TextInput
+           <pre id="348de781-325e-4a19-bb50-f3de3faa203c"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Password', 'password', '********').for_password()
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="6c346b7d-5485-4d16-9196-c6d82f076a90">
-           <form enctype="multipart/form-data" id="a72b9a87-c79e-4305-a75e-45a5acbbf8b0" method="POST">
+          <div class="ms-3" id="30a9c43c-ee4c-41e3-a5a0-0df8326b8355">
+           <form enctype="multipart/form-data" id="55a75441-9033-4fee-8fac-0c0611c0652f" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="a8c3f931-be75-43ce-8dc0-adae28b1bfe4">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="7b4d04e6-b359-4e26-9708-58def837c2c3">
               Password
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input class="form-control" id="a8c3f931-be75-43ce-8dc0-adae28b1bfe4" name="password" type="password" value="********"/>
+              <input class="form-control" id="7b4d04e6-b359-4e26-9708-58def837c2c3" name="password" type="password" value="********"/>
              </div>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="6b064fa9-a394-4f24-85b4-89edcc4c7286">
-          <div class="d-flex justify-content-between" id="ddbcf7d8-3ab7-4cd5-be06-0f900a9469cf">
-           <h4 id="f40f3621-8dc8-405e-ad4b-e3575a930da6">
+         <div class="mt-5" id="e2bbe42a-b539-4be1-9caf-a81d1664d42a">
+          <div class="d-flex justify-content-between" id="c8d6a04e-a621-49a5-bf5a-6212db8a6308">
+           <h4 id="56f8e1ea-dd81-44d8-bf30-5300a27c5c66">
             Method
-            <span class="text-primary" id="f272c2b4-593a-48d0-8a00-b0c422994490">
+            <span class="text-primary" id="90716d67-7de7-4e48-ab96-702060e61d26">
              with_multirows
             </span>
            </h4>
-           <div id="7393dd3a-31cb-465e-940c-3a27edab9f96">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b1a9e551-0268-43f6-af34-74beb33c3725" data-bs-toggle="collapse" id="e8e2cbbb-5b79-4280-9c58-a51dfd2c5b94" onclick="return false;" type="button">
+           <div id="3e357e5f-82a6-455b-9fd1-5bcc690b0c0e">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4821e7a6-ba39-4c2e-bb04-3167482e35cb" data-bs-toggle="collapse" id="a8fe7cd1-c6ca-4f9e-838a-7ca4c344e3ab" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#4498cc97-7f50-4f1b-b3db-32c83a497ab3" data-bs-toggle="collapse" id="5285758f-4055-4203-98f4-6fd21cfd5da3" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#4c1d0804-24e6-42c6-8ecd-e983d7620f94" data-bs-toggle="collapse" id="bd72953c-7aa8-402f-a13a-cfcdead0ad6a" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="96aefc3f-4089-43a9-bd72-d584b457edb2">
+          <span class="text-muted" id="140d8823-a3bd-41b4-91b8-ffbd8c4b78f0">
            Sets the number of rows.
           </span>
-          <pre id="796d5b9c-ca8a-449a-a6d1-ab4810cac9fd"><code class="python">with_multirows(n)</code></pre>
-          <div class="ms-3 collapse" id="b1a9e551-0268-43f6-af34-74beb33c3725">
-           <h6 id="a84d43b5-4fc4-496d-b328-b835f7e91f8d">
+          <pre id="a9e54d46-584f-4fb3-bd64-be3e05919a36"><code class="language-python">with_multirows(n)</code></pre>
+          <div class="ms-3 collapse" id="4821e7a6-ba39-4c2e-bb04-3167482e35cb">
+           <h6 id="3d218a8e-b0e3-4169-90cf-63d3b585888e">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="1c1b314c-9276-4d72-a278-5279713cf6c0">
+           <table class="table table-sm bg-light" id="933e5952-8257-420b-9525-dce1bb522d38">
             <thead>
              <tr>
               <th scope="col">
@@ -3923,11 +3929,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="4498cc97-7f50-4f1b-b3db-32c83a497ab3">
-           <h6 id="6dd6b18b-3312-4ebc-bf2c-fb80ef404b24">
+          <div class="ms-3 collapse" id="4c1d0804-24e6-42c6-8ecd-e983d7620f94">
+           <h6 id="698e4dda-015e-438c-9858-25cf82deb64c">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="cc46340d-c92a-4f02-a85b-2d7313f2b422">
+           <table class="table table-sm bg-light" id="f0641793-a6f9-4a66-8f69-99669650c20a">
             <thead>
              <tr>
               <th scope="col">
@@ -3960,25 +3966,25 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="e872bb57-05a1-4549-8158-db223e48ec13">
-           <h6 id="6028fa4b-2015-4f97-a5dd-41ecfeedfc3f">
+          <div class="ms-3" id="8c3e4df3-ef48-4631-bb66-d6c38a143d7e">
+           <h6 id="49cb99a8-e9f2-454e-9447-3355c4f04081">
             Example
            </h6>
-           <pre id="5bcb23d7-173c-43c6-a906-935ac344b46e"><code class="python">from bootwrap import Form, TextInput
+           <pre id="5345c959-8eaa-4393-b4e0-5e32db5d7ac4"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Text', 'text').with_multirows(3)
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="f424f897-411a-426f-b474-ba0c72e058ca">
-           <form enctype="multipart/form-data" id="3c0605be-5988-4843-8acc-c617699f7a6b" method="POST">
+          <div class="ms-3" id="10a79b3d-1049-44e0-97c7-e95db179de3a">
+           <form enctype="multipart/form-data" id="6cf751a7-1be8-4c72-a24b-138e036c5b1e" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="0142c3a9-386f-47a4-86c3-f34677f8aa1e">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="8b285bbe-36a2-4ef4-9d42-331a6c54d5be">
               Text
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <textarea class="form-control" id="0142c3a9-386f-47a4-86c3-f34677f8aa1e" name="text" rows="3">
+              <textarea class="form-control" id="8b285bbe-36a2-4ef4-9d42-331a6c54d5be" name="text" rows="3">
                     
                 </textarea>
              </div>
@@ -3988,30 +3994,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e4be5864-8f11-4004-a008-abd76b6eab2a">
-        <div class="mt-5" id="93538824-170c-46a9-83ee-dd3118bf7eae">
-         <div class="d-flex justify-content-between" id="88a56be3-918e-4023-8443-5b06599081a0">
-          <h1 id="39be7e19-1bbd-4100-bce9-b495c569e317">
+       <div class="tab-pane fade" id="9e0ae28b-c5df-4b64-8a90-c5fc66dadad9">
+        <div class="mt-5" id="9d188a78-4ea6-4088-b710-7d9e3c2823cc">
+         <div class="d-flex justify-content-between" id="dd384d3b-e0ee-44b9-a21d-466ecce0d024">
+          <h1 id="550b2752-1483-4072-a9ea-bcc55be1808d">
            Class
-           <span class="text-primary" id="8ab5d316-a280-4684-bd45-0ee05b89cc42">
+           <span class="text-primary" id="6f881ab2-d7a8-46b4-ab33-feb1f0aff9e8">
             NumericInput
            </span>
           </h1>
-          <div id="2a9a46b6-3aeb-4751-be22-7156ef25d4c2">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#fdaed65f-d1fe-4e23-88ba-7fccc32c5196" data-bs-toggle="collapse" id="80777196-3aa7-45e1-87d9-3a428a0bfa38" onclick="return false;" type="button">
+          <div id="a450b68a-06ef-455a-994c-36a81710c88f">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0712e9a1-27ee-4e39-ba8b-8daf6ca1074e" data-bs-toggle="collapse" id="f01dd230-b04a-4a8d-bd72-97464c0eb848" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="7d133d7c-52df-42ed-8c5a-1f98e065782e">
+         <span class="text-muted" id="19d36b80-9b34-463c-9613-7269782a2ba0">
           A numeric input.
          </span>
-         <pre id="0f3a5105-9d5e-421d-a017-29f7d7764650"><code class="python">NumericInput(label, name, value=None, placeholder=None)</code></pre>
-         <div class="ms-3 collapse" id="fdaed65f-d1fe-4e23-88ba-7fccc32c5196">
-          <h6 id="894a4481-e948-466f-98f3-5d30f7feebc0">
+         <pre id="52ae7f53-18a7-4271-9533-1d86ff76a466"><code class="language-python">NumericInput(label, name, value=None, placeholder=None)</code></pre>
+         <div class="ms-3 collapse" id="0712e9a1-27ee-4e39-ba8b-8daf6ca1074e">
+          <h6 id="6298fb63-bb0a-42c8-b5c8-49fd8ae9337b">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="877ece52-32e1-48a3-bc72-d2d74777be5e">
+          <table class="table table-sm bg-light" id="5792ff63-e49e-4782-a40f-beb4d3371a9d">
            <thead>
             <tr>
              <th scope="col">
@@ -4089,7 +4095,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="f52a7945-e0d7-455b-863c-c0624ff17e16">
+         <p id="2ebf7fef-e7a6-4d77-95f9-6b338046efab">
           Use the
           <code>
            as_disabled()
@@ -4101,11 +4107,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="3cad042f-8f93-446e-ac0c-fa7ac6084728">
-          <h6 id="a2bc9f47-959e-4dad-8b25-a80e3b1a4e88">
+         <div class="ms-3" id="9d97922c-7873-4fe9-a4cd-72a6d1b41c35">
+          <h6 id="a9a0e56f-a5ad-406a-9ef6-05881edc4dad">
            Example
           </h6>
-          <pre id="864836bd-67d1-47ea-9a43-70fd6a0bb533"><code class="python">from bootwrap import Form, NumericInput
+          <pre id="4f499e2c-e2c5-4276-bc31-ec3359a3085a"><code class="language-python">from bootwrap import Form, NumericInput
 
 Form(
     NumericInput('Number1', 'number'),
@@ -4115,68 +4121,68 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="215b67ff-08a2-44a1-9cb7-1fd625ba7bb6">
-          <form enctype="multipart/form-data" id="3e6665d8-973a-4f7d-b712-6a2767d2c0a4" method="POST">
+         <div class="ms-3" id="3dfa0e85-81b7-4efb-806e-63916089eb16">
+          <form enctype="multipart/form-data" id="8bc4ce69-56ea-4437-a222-8edd415cb2c4" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="a0384439-bd1c-4b8e-9ced-1e80a191b62f">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="56332cd0-8313-4daa-9603-247b79765b49">
              Number1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="a0384439-bd1c-4b8e-9ced-1e80a191b62f" name="number" type="number"/>
+             <input class="form-control" id="56332cd0-8313-4daa-9603-247b79765b49" 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="8a6a5958-5716-401d-9ba4-a618490024ff">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="10d61612-8a4d-4347-ad40-9a7f68a125b5">
              Number2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="8a6a5958-5716-401d-9ba4-a618490024ff" name="number" placeholder="type here" type="number"/>
+             <input class="form-control" id="10d61612-8a4d-4347-ad40-9a7f68a125b5" 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="25e877af-4103-4100-83e4-47dd62eaf136">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="3c59a87d-c961-4246-a4b3-a413883e6908">
              Number3
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="25e877af-4103-4100-83e4-47dd62eaf136" name="number" type="number" value="123"/>
+             <input class="form-control" id="3c59a87d-c961-4246-a4b3-a413883e6908" 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="5459e550-f863-4ca2-ade0-ba2451c1e63a">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="ec7c3f82-055b-4de2-8e4e-b72c190b39f6">
              Number4
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" disabled="" id="5459e550-f863-4ca2-ade0-ba2451c1e63a" name="number" type="number"/>
+             <input class="form-control" disabled="" id="ec7c3f82-055b-4de2-8e4e-b72c190b39f6" name="number" type="number"/>
             </div>
            </div>
           </form>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="8401add8-cf0e-4cd4-b2fc-afd4ee2e48df">
-        <div class="mt-5" id="d9a6663e-597b-40a2-a92d-cc7cf54dc59d">
-         <div class="d-flex justify-content-between" id="f57abd48-6337-4db8-9b90-05f422a3ca5b">
-          <h1 id="8bb3b464-b6b9-48d8-a81b-b35971650f95">
+       <div class="tab-pane fade" id="38f475fd-f9fb-4a53-bb94-e832d167c276">
+        <div class="mt-5" id="ebd01b81-e427-4e02-8c05-5f6429362bbc">
+         <div class="d-flex justify-content-between" id="4ebf0c45-089a-4ff2-8540-1a1e25b01025">
+          <h1 id="c1f20e91-8ef8-49c8-9e12-ddffd41713b0">
            Class
-           <span class="text-primary" id="3e9ca9af-286d-4957-aba5-1da1fbcb5dc8">
+           <span class="text-primary" id="bc038f51-4717-4436-8e63-6a568d1cfdb6">
             SelectInput
            </span>
           </h1>
-          <div id="31b746e2-3c41-442d-b752-2537f272cdcb">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#dcac5508-6526-49fb-8d2f-543a946e523b" data-bs-toggle="collapse" id="575faa91-0e3b-434f-80e5-1b0596870ee7" onclick="return false;" type="button">
+          <div id="0cc587f9-2a3f-41c4-801b-630d93ce0fa1">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b74ccd4e-1f1c-4155-887a-9de0c0a89c09" data-bs-toggle="collapse" id="82f6d793-9850-49ce-bdcc-44f4b8a6949c" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="4a02884d-d060-490b-ac4c-5271098c2b12">
+         <span class="text-muted" id="d04b1e8e-eb42-4140-8293-1f7a26a49eda">
           A select input.
          </span>
-         <pre id="cfae1eca-9af0-4b65-9d2c-cdc0269b30cd"><code class="python">SelectInput(label, name, value=None, options=None)</code></pre>
-         <div class="ms-3 collapse" id="dcac5508-6526-49fb-8d2f-543a946e523b">
-          <h6 id="4d49e758-9980-4493-96eb-1b7f66e2f7aa">
+         <pre id="8d187c90-7bc5-4159-9569-10cb0d084a4f"><code class="language-python">SelectInput(label, name, value=None, options=None)</code></pre>
+         <div class="ms-3 collapse" id="b74ccd4e-1f1c-4155-887a-9de0c0a89c09">
+          <h6 id="eb5a3037-1aed-4e76-a083-1131101a46ec">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="395d95e6-c210-4565-98aa-d32a50b1037a">
+          <table class="table table-sm bg-light" id="16c74a1d-f222-4738-8b7c-bd527fcf6a39">
            <thead>
             <tr>
              <th scope="col">
@@ -4254,7 +4260,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="7cdecad0-f968-4736-82ed-0d94ba9ac548">
+         <p id="b912f95f-8373-4f3e-8e87-cb737dde34e6">
           Use the
           <code>
            as_disabled()
@@ -4266,11 +4272,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="b407ccea-0b9c-48cb-bf98-7fd91ac0bc7e">
-          <h6 id="ae138696-f3d0-4c84-9c34-a37269738996">
+         <div class="ms-3" id="74bb0cac-9fd3-4ff2-b33d-358cd91f71b5">
+          <h6 id="3ffa9e41-2147-4008-bb12-1948c5014443">
            Example
           </h6>
-          <pre id="e3ca7eff-0b7f-4910-8abd-53ccfcb73bbc"><code class="python">from bootwrap import Form, SelectInput
+          <pre id="a8699bcc-18c8-4820-8ede-8379cd30ff72"><code class="language-python">from bootwrap import Form, SelectInput
 
 options = [
     SelectInput.Option('One', 1),
@@ -4284,39 +4290,39 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="7c70c52e-a728-4222-b15a-81c571154cfc">
-          <form enctype="multipart/form-data" id="7ab2fd4a-320a-441a-b566-627fe6efb494" method="POST">
+         <div class="ms-3" id="5bace5a6-2ee2-449b-9087-612f02559f7c">
+          <form enctype="multipart/form-data" id="607006ec-c35d-4ea7-b7c5-0429dc7fd6da" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="678fc1bb-36f9-4513-9678-086a012b62c5">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="70759694-0cff-44a6-9128-14d176d63d5d">
              Selector1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <select autocomplete="off" class="form-control" id="678fc1bb-36f9-4513-9678-086a012b62c5" name="choice">
-              <option id="35c27239-b1df-4a1c-894c-c201d99014b0" value="1">
+             <select autocomplete="off" class="form-control" id="70759694-0cff-44a6-9128-14d176d63d5d" name="choice">
+              <option id="150e4451-a4c2-4b3e-8d8a-f87176f7990c" value="1">
                One
               </option>
-              <option id="14040ad8-fbb2-494b-99c9-919f1028cfc1" selected="" value="2">
+              <option id="02fa9a25-86d3-41a5-b327-dee44a82759e" selected="" value="2">
                Two
               </option>
-              <option disabled="" id="f0b0be9d-f4b1-4696-9dd4-20ffcdbb8507" value="3">
+              <option disabled="" id="ceb660b6-d060-4791-9c1e-95e2e035e514" 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="0e7b00f0-9928-4944-88d5-62eaeaec68ab">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="9af47b56-3d29-4233-9788-3314c0f11fd1">
              Selector2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <select autocomplete="off" class="form-control" disabled="" id="0e7b00f0-9928-4944-88d5-62eaeaec68ab" name="choice">
-              <option id="35c27239-b1df-4a1c-894c-c201d99014b0" value="1">
+             <select autocomplete="off" class="form-control" disabled="" id="9af47b56-3d29-4233-9788-3314c0f11fd1" name="choice">
+              <option id="150e4451-a4c2-4b3e-8d8a-f87176f7990c" value="1">
                One
               </option>
-              <option id="14040ad8-fbb2-494b-99c9-919f1028cfc1" selected="" value="2">
+              <option id="02fa9a25-86d3-41a5-b327-dee44a82759e" selected="" value="2">
                Two
               </option>
-              <option disabled="" id="f0b0be9d-f4b1-4696-9dd4-20ffcdbb8507" value="3">
+              <option disabled="" id="ceb660b6-d060-4791-9c1e-95e2e035e514" value="3">
                Three
               </option>
              </select>
@@ -4324,29 +4330,29 @@ Form(
            </div>
           </form>
          </div>
-         <div class="mt-5" id="2761562c-2774-4efe-b682-7d4f9a49c3db">
-          <div class="d-flex justify-content-between" id="96c12fe2-8fe9-4f72-9ee6-b189d8e2d282">
-           <h4 id="71f78047-e08b-48c7-8f58-d42c613ca7f4">
+         <div class="mt-5" id="1c2258e3-af59-4625-838b-608fc34b72e1">
+          <div class="d-flex justify-content-between" id="6c406d49-1b65-4db9-b7e1-bb55f31edbeb">
+           <h4 id="7c4b0490-8cc3-4ccd-a3a6-a6acfe5be174">
             Method
-            <span class="text-primary" id="12c01db1-f283-4f2f-92f3-139d7b74675f">
+            <span class="text-primary" id="52b7e1f9-61fc-48e3-b2e4-83f0bfec5ff6">
              as_radio
             </span>
            </h4>
-           <div id="e52fed44-6553-4f00-a5f0-4aada5877298">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c08a443b-649e-4d2f-b4a1-2932bcade0c9" data-bs-toggle="collapse" id="a760e716-1280-4ae6-b538-863ec395287f" onclick="return false;" type="button">
+           <div id="625dc270-cefc-4027-a82e-c1871ad7656e">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#bfc54b8e-c735-418c-af84-4dee274c7dde" data-bs-toggle="collapse" id="25c033d2-3557-40ce-b7a1-ffda355b392d" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="ce5cbe3d-8d58-4f2b-a19e-73b4d217b663">
+          <span class="text-muted" id="cdf665fd-ae73-49ee-b574-eaf9773ee450">
            Makes selection in a form of radio buttons.
           </span>
-          <pre id="73883357-92ff-40dc-a6eb-d1c92f601bea"><code class="python">as_radio()</code></pre>
-          <div class="ms-3 collapse" id="c08a443b-649e-4d2f-b4a1-2932bcade0c9">
-           <h6 id="eb17adcd-5cba-427a-a630-b3d36955fb04">
+          <pre id="b6b1d3a4-1b7c-4f66-8e2c-1c92607409ce"><code class="language-python">as_radio()</code></pre>
+          <div class="ms-3 collapse" id="bfc54b8e-c735-418c-af84-4dee274c7dde">
+           <h6 id="8df57ee5-03d3-40a0-97ad-5cdaad79344f">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="85136f6c-e331-40ec-920f-b8ea805917dd">
+           <table class="table table-sm bg-light" id="fcc56adb-615c-4200-b774-b580fc79614a">
             <thead>
              <tr>
               <th scope="col">
@@ -4379,11 +4385,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="16dffbe6-2f81-4676-913d-17bf4a364816">
-           <h6 id="d98046c9-af50-400f-98ea-8e8d74283bbe">
+          <div class="ms-3" id="14021859-8d6b-47e8-b827-481eb3c716f2">
+           <h6 id="51ef64ea-2a7b-4140-9487-89f09e5cf37f">
             Example
            </h6>
-           <pre id="b5c1d733-0104-4da9-a493-61fd54dded70"><code class="python">from bootwrap import Form, SelectInput
+           <pre id="d2f5297c-3db0-440f-bbdc-e13256b0293d"><code class="language-python">from bootwrap import Form, SelectInput
 
 options = [
     SelectInput.Option('One', 1),
@@ -4396,28 +4402,28 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="4d80e059-2d43-455c-90ac-3e3f0d640c57">
-           <form enctype="multipart/form-data" id="1effa42c-00ed-4f54-88dc-72303854c4c1" method="POST">
+          <div class="ms-3" id="27fdb308-c24e-4619-8b56-be131325df7a">
+           <form enctype="multipart/form-data" id="8258516d-90a4-4bd4-8fa2-2be7cb6a0fd8" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="f2b70d98-1490-42d8-adab-bf76333ee853">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="d1df8c9f-2440-44aa-a8a1-8e2aa934362a">
               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="93b10266-5f07-467c-9613-e5377d3d5d83" name="choice" type="radio" value="1"/>
-               <label class="form-check-label me-1" for="93b10266-5f07-467c-9613-e5377d3d5d83">
+               <input autocomplete="off" class="form-check-input" id="0aaa7f88-c83d-4bd7-99b2-af108b42b31d" name="choice" type="radio" value="1"/>
+               <label class="form-check-label me-1" for="0aaa7f88-c83d-4bd7-99b2-af108b42b31d">
                 One
                </label>
               </div>
               <div class="form-check me-3">
-               <input autocomplete="off" checked="" class="form-check-input" id="21dca68c-2933-4668-bd48-0122b34050dc" name="choice" type="radio" value="2"/>
-               <label class="form-check-label me-1" for="21dca68c-2933-4668-bd48-0122b34050dc">
+               <input autocomplete="off" checked="" class="form-check-input" id="3a0b3b7c-cadb-4f51-948e-5c422bb70e3a" name="choice" type="radio" value="2"/>
+               <label class="form-check-label me-1" for="3a0b3b7c-cadb-4f51-948e-5c422bb70e3a">
                 Two
                </label>
               </div>
               <div class="form-check me-3">
-               <input autocomplete="off" class="form-check-input" disabled="" id="be3b2728-15d5-462b-8bec-41e973852c8c" name="choice" type="radio" value="3"/>
-               <label class="form-check-label me-1" for="be3b2728-15d5-462b-8bec-41e973852c8c">
+               <input autocomplete="off" class="form-check-input" disabled="" id="0aab0528-6563-42fc-9a4b-7ca0ed14b52f" name="choice" type="radio" value="3"/>
+               <label class="form-check-label me-1" for="0aab0528-6563-42fc-9a4b-7ca0ed14b52f">
                 Three
                </label>
               </div>
@@ -4428,34 +4434,34 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e10964cd-9112-4662-ac42-91dfcea64e3e">
-        <div class="mt-5" id="7c54348c-0fdf-407a-add9-45229d08d8ae">
-         <div class="d-flex justify-content-between" id="afb3503b-f787-40ba-be92-10c4ae10f937">
-          <h1 id="90fc24c0-10a3-480e-9dfa-77768405f973">
+       <div class="tab-pane fade" id="f63507bd-2b66-46ff-be2e-ca0b0e751ae5">
+        <div class="mt-5" id="05b3699c-2ff9-4b12-8f86-15c082d8de79">
+         <div class="d-flex justify-content-between" id="d85c7f2d-7edc-4cd7-b5c9-3fd63f15f67c">
+          <h1 id="a2a13046-1ce3-489c-904b-df7790d6402a">
            Class
-           <span class="text-primary" id="9ac6df6e-32e1-44a2-8f41-9be002c439b6">
+           <span class="text-primary" id="0bfb180d-c1f1-47a0-b510-b01d8e55cac8">
             SelectInput.Option
            </span>
           </h1>
-          <div id="32d0a530-5e88-44d3-bae6-de4f1ca84483">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#bbfd26f8-e174-4d02-9e7a-f62a86b55693" data-bs-toggle="collapse" id="685ae3fc-5a6c-45b1-a5ec-5e10c878ce7b" onclick="return false;" type="button">
+          <div id="d625933e-0b19-496e-b540-b571b9cea813">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9b9a3f0e-05c2-4077-a487-5141f5580c63" data-bs-toggle="collapse" id="71b5ec2c-fcdb-4c8c-babf-ca3c1ac1b92e" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="c8612afc-a95d-4aa6-9f43-3ebe3d4a0e86">
+         <span class="text-muted" id="82de8329-c471-41ca-8efd-76036f432468">
           An option used by
           <code>
            SelectInput
           </code>
           .
          </span>
-         <pre id="e10dc958-cc18-4908-bd7f-4b7bcd7b63e3"><code class="python">SelectInput.Option(name, value, disabled=False)</code></pre>
-         <div class="ms-3 collapse" id="bbfd26f8-e174-4d02-9e7a-f62a86b55693">
-          <h6 id="8da41d4d-094c-473c-bc19-61950be30c63">
+         <pre id="a44ee25b-2d02-4276-ad40-adc1abc5da76"><code class="language-python">SelectInput.Option(name, value, disabled=False)</code></pre>
+         <div class="ms-3 collapse" id="9b9a3f0e-05c2-4077-a487-5141f5580c63">
+          <h6 id="def5e558-5569-48f6-9e87-133be694e94e">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="36d2bbaa-255e-466d-a979-05059c398651">
+          <table class="table table-sm bg-light" id="6bd2f2c2-99ee-4184-90c8-8bbb38804b95">
            <thead>
             <tr>
              <th scope="col">
@@ -4522,65 +4528,65 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="mt-5" id="2d077c8a-fe77-4789-8474-451108b43a7d">
-          <h4 id="477b5bc1-f1aa-4549-b88d-32316b6818f1">
+         <div class="mt-5" id="945e5477-e9eb-4233-bcae-f4943873bd6c">
+          <h4 id="7126c5ee-6706-4e1a-b50a-3344b5c226a2">
            Property
-           <span class="text-primary" id="aa15f95a-a9b4-4cd5-9c10-0a12d9714984">
+           <span class="text-primary" id="3e7cd215-26d5-4507-a7e0-5b0676cb9bb0">
             disabled
            </span>
           </h4>
-          <span class="text-muted" id="62c40ae2-261c-49a8-84db-5b31253052f6">
+          <span class="text-muted" id="3b8b6ea0-3958-434c-86cc-418543b2ea07">
            None
           </span>
          </div>
-         <div class="mt-5" id="ab94bddd-2f83-4d1b-a397-e1f91d445826">
-          <h4 id="0759ec6e-c861-4107-ad4c-18dc81da50d3">
+         <div class="mt-5" id="fe5d87a9-56b4-4fb8-9d14-cf21320fb673">
+          <h4 id="76e3b7bb-3466-47d5-808f-264392caf16b">
            Property
-           <span class="text-primary" id="cc64b926-83b7-40e1-8ee2-a23552453237">
+           <span class="text-primary" id="d6902dca-cc34-4a98-8638-7c9552be11a6">
             name
            </span>
           </h4>
-          <span class="text-muted" id="6ccac5ce-9301-4cb8-8e6a-d5d7caeaef60">
+          <span class="text-muted" id="e1cf4921-8595-4792-b8c6-9c8c05c0c32e">
            None
           </span>
          </div>
-         <div class="mt-5" id="7ebeec11-d56c-470f-a937-abeffbe96423">
-          <h4 id="57b28bba-ac8b-4009-b329-17bb2e70b6c7">
+         <div class="mt-5" id="eb6f5852-2175-4c62-bb73-f303fb854c2c">
+          <h4 id="9e4dd4f1-49bf-4b36-bc29-03f90ab1b6c8">
            Property
-           <span class="text-primary" id="dbf0e94b-fbe8-4c93-b33d-c389377fc738">
+           <span class="text-primary" id="3e752a71-2227-4f23-8223-22a56e7ebd97">
             value
            </span>
           </h4>
-          <span class="text-muted" id="e1cadea5-7dc7-4b7d-bc56-b807e17f7f40">
+          <span class="text-muted" id="52ff3569-13bc-437d-a30c-6eaf8bf03bd1">
            None
           </span>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="bb4c64ea-e55b-4a83-a39b-98f0f88db5c7">
-        <div class="mt-5" id="65b8be5c-99d6-47a4-ba35-028bb0b830ec">
-         <div class="d-flex justify-content-between" id="6aff8ae2-62d3-4e85-81ac-16a02f01d69d">
-          <h1 id="c4a48e0a-1055-437e-9728-1ae489d33aa5">
+       <div class="tab-pane fade" id="fdcc3433-3631-4e1e-8042-9c7354121534">
+        <div class="mt-5" id="e77cc762-4bfa-4ec5-9484-182d1b266a0e">
+         <div class="d-flex justify-content-between" id="1e620d4e-7dac-45ec-99bd-39d49da810e8">
+          <h1 id="a95db34d-c632-473c-95b1-0b14c9a29d8c">
            Class
-           <span class="text-primary" id="5ad30832-5eb6-4c98-991b-ddbff4e07dcb">
+           <span class="text-primary" id="8c1ed5a0-3fed-466e-b022-b922677bdcff">
             HiddenInput
            </span>
           </h1>
-          <div id="6be91896-0e83-4a42-8a1b-e449d778cf09">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#27ef6f5a-a05a-458d-9e81-9de5c90f9beb" data-bs-toggle="collapse" id="7824504c-8296-40e9-8a99-a43c4e26d6d7" onclick="return false;" type="button">
+          <div id="2431c5e2-a380-4180-b5a0-d2b799d2b107">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#836b7f7a-dd78-4852-a81d-e6931db06b06" data-bs-toggle="collapse" id="816dee01-1855-41d3-a6fc-41985ecfa5fd" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="58289105-4415-4f55-8c7f-3d0e275bcb55">
+         <span class="text-muted" id="f1582867-9856-4b13-af77-e868f6bb1b78">
           A hidden input.
          </span>
-         <pre id="58e177fa-7cfd-4e67-92f0-51480eeba089"><code class="python">HiddenInput(name, value=None)</code></pre>
-         <div class="ms-3 collapse" id="27ef6f5a-a05a-458d-9e81-9de5c90f9beb">
-          <h6 id="844dc416-37a4-4a49-bc76-4bd07080176b">
+         <pre id="481a9a91-b38c-4037-b3e3-53b34607ad3a"><code class="language-python">HiddenInput(name, value=None)</code></pre>
+         <div class="ms-3 collapse" id="836b7f7a-dd78-4852-a81d-e6931db06b06">
+          <h6 id="17b8760c-cc64-4413-847f-2e9a4bba01bf">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="6d862196-f45c-4c3e-9064-8e76006e76d2">
+          <table class="table table-sm bg-light" id="a8da4f81-9af6-4e3d-b531-d33de2f3cff2">
            <thead>
             <tr>
              <th scope="col">
@@ -4628,11 +4634,11 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="d5034316-d1eb-4542-95a1-4822846f6b2d">
-          <h6 id="d8f7c32d-3247-4da8-9416-33d35363ebc8">
+         <div class="ms-3" id="b83fb201-eb32-4653-ae53-950561d51a71">
+          <h6 id="73fb717b-c0b8-42b9-b3d1-d77b1ddde987">
            Example
           </h6>
-          <pre id="a3df3146-c0d4-419e-9823-426546593b13"><code class="python">from bootwrap import Form, SelectInput
+          <pre id="ce96d55f-cf51-45ec-99ff-a4433580a2d9"><code class="language-python">from bootwrap import Form, SelectInput
 
 Form(
     HiddenInput('token', '123')
@@ -4641,30 +4647,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="f5ac1312-9b0c-4d38-9b52-c4f6243ac39a">
-        <div class="mt-5" id="46e95d27-793f-4641-9da8-4598e39f14a5">
-         <div class="d-flex justify-content-between" id="d8de0c76-602e-4d82-857b-008c5c3a66b3">
-          <h1 id="3b0f05bc-be40-4c56-babc-974620c1c9ee">
+       <div class="tab-pane fade" id="2e36ff26-206b-4b0f-bd56-9c69b3d6c68b">
+        <div class="mt-5" id="40c0ff8c-b050-477a-8b36-d32a2550e832">
+         <div class="d-flex justify-content-between" id="e18f9973-6dc6-4d29-b87d-55ffef601230">
+          <h1 id="fbee43dd-2693-48ad-857c-951713e48d2f">
            Class
-           <span class="text-primary" id="2b9ce31d-ab3c-4f9d-ad80-f94c7b634f5a">
+           <span class="text-primary" id="d9bd70c6-a78c-46f0-8747-e5901727151e">
             FileInput
            </span>
           </h1>
-          <div id="aeb4c86e-56ef-464d-913b-c19e649b0656">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7a04e269-6d39-4161-a039-daacf4956816" data-bs-toggle="collapse" id="1e9219b2-501e-4679-9906-5e900034c05c" onclick="return false;" type="button">
+          <div id="fa6eedf6-98ff-4178-8de5-9cb27f77ed5d">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ac8553f4-d003-49b9-b0c4-662684d14e2b" data-bs-toggle="collapse" id="fd973d72-505d-4da1-9fa7-4cc98a3d18c0" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="91f63b09-3a97-41ee-9a03-60ea14d28ba3">
+         <span class="text-muted" id="7b2a9328-686d-4961-b139-3f493464870c">
           A file input.
          </span>
-         <pre id="2d0bc18e-a12b-4eb8-9ddc-2f340acbdf1a"><code class="python">FileInput(label, name)</code></pre>
-         <div class="ms-3 collapse" id="7a04e269-6d39-4161-a039-daacf4956816">
-          <h6 id="ade8f28b-afd0-404c-b754-a42a0d3f95ea">
+         <pre id="07b7518a-99ec-45d7-8acb-923664669a6e"><code class="language-python">FileInput(label, name)</code></pre>
+         <div class="ms-3 collapse" id="ac8553f4-d003-49b9-b0c4-662684d14e2b">
+          <h6 id="018bf3dc-25b3-42fa-a727-25ce98baf54a">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="d913e452-a60f-4ceb-9b70-37e62b014e29">
+          <table class="table table-sm bg-light" id="127073b2-2faa-4e15-b002-24b236c331c6">
            <thead>
             <tr>
              <th scope="col">
@@ -4712,7 +4718,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="4254c111-5a8c-48d4-b442-1fc8c6b0092d">
+         <p id="6575447a-9b0a-4763-90ed-2c99c755e42b">
           Use the
           <code>
            as_disabled()
@@ -4724,11 +4730,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="dc849016-997c-4d08-a60c-46d328be57b8">
-          <h6 id="6b1cb628-dbec-43cb-982a-7f0b598c90ac">
+         <div class="ms-3" id="26d7b3a7-2a7d-47a7-b3a4-bf78ad4b5c29">
+          <h6 id="7b1aa7c7-da84-40af-8b6d-02fdfda7cd2d">
            Example
           </h6>
-          <pre id="39fcb086-0268-4b54-a0e0-31d174f15460"><code class="python">from bootwrap import Form, FileInput
+          <pre id="9d957967-e0d5-4eaf-8d21-18883d9464c8"><code class="language-python">from bootwrap import Form, FileInput
 
 Form(
     FileInput('File', 'file'),
@@ -4736,10 +4742,10 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="87a4b6c2-b335-4910-be57-7b2c5b843d7c">
-          <form enctype="multipart/form-data" id="df425d33-5368-4729-aea7-aa76e1891d80" method="POST">
+         <div class="ms-3" id="0ac3837d-67c0-48ee-bc01-dbebdd4ef8aa">
+          <form enctype="multipart/form-data" id="d4693577-6195-40ba-a2a2-1588b9070f34" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="181fca47-ddec-4567-9156-f18c28d8f07a">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="74f15beb-030d-4548-a94d-f7e37af050b2">
              File
             </label>
             <div class="col-sm-8 d-flex align-items-center">
@@ -4750,13 +4756,13 @@ Form(
                <span class="btn btn-secondary" onclick="$(this).parent().find('input[type=file]').click();">
                 Browse
                </span>
-               <input id="181fca47-ddec-4567-9156-f18c28d8f07a" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
+               <input id="74f15beb-030d-4548-a94d-f7e37af050b2" 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="6032222d-0d03-4ad1-b139-462e503f7213">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="d6fea453-9fb8-4171-9f32-9602a53a12a9">
              File
             </label>
             <div class="col-sm-8 d-flex align-items-center">
@@ -4767,7 +4773,7 @@ Form(
                <span class="btn btn-secondary disabled" onclick="$(this).parent().find('input[type=file]').click();">
                 Browse
                </span>
-               <input disabled="" id="6032222d-0d03-4ad1-b139-462e503f7213" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
+               <input disabled="" id="d6fea453-9fb8-4171-9f32-9602a53a12a9" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
               </div>
              </div>
             </div>
@@ -4776,30 +4782,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="90907e3e-d810-43cd-ab00-918aaff8df0f">
-        <div class="mt-5" id="0e4cf541-1956-4e1f-b53f-4a29451e9de8">
-         <div class="d-flex justify-content-between" id="f8da4b01-13ae-4bd0-8e5a-12335cd697ed">
-          <h1 id="2443ce77-2fc7-4956-aa04-3d775a014cb5">
+       <div class="tab-pane fade" id="da08d4a9-0f2a-4d6f-a667-b8c75886eb2c">
+        <div class="mt-5" id="f7496aa5-b695-48c1-aa5e-dab5f2a4e80f">
+         <div class="d-flex justify-content-between" id="4f49c726-aa69-451e-ac0d-c0afb44f6b5a">
+          <h1 id="0f6146a3-721b-475e-8431-f70edab85970">
            Class
-           <span class="text-primary" id="a6de3228-4b24-4745-9fd2-b9ed03d6579a">
+           <span class="text-primary" id="9884fbf7-bea2-48e5-b50b-d719557947ce">
             InputGroup
            </span>
           </h1>
-          <div id="26eabefd-800b-4231-a6a7-7fdcb535797c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#94feea0a-37a7-48ec-ac3a-ed44cb1420c3" data-bs-toggle="collapse" id="6f1c4038-fe3e-49c4-9607-c10b13947fe4" onclick="return false;" type="button">
+          <div id="e9bcd05a-35b6-42d0-8cf4-e974c58ffd94">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3df987cf-eceb-4d8d-846a-3667cda87f39" data-bs-toggle="collapse" id="a1e1e057-5643-4401-be73-cad0f89682d9" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="c735a384-a3e8-46d0-8886-012aa4d86f7d">
+         <span class="text-muted" id="a30415ea-8555-4deb-b79e-bb65e7b0f5d6">
           A web component for an input group.
          </span>
-         <pre id="8606990d-fb69-4a8d-a50e-24f5c294ab68"><code class="python">InputGroup(*inputs)</code></pre>
-         <div class="ms-3 collapse" id="94feea0a-37a7-48ec-ac3a-ed44cb1420c3">
-          <h6 id="64251f3c-28be-432c-97a4-b03d12698d42">
+         <pre id="1575cc51-01a4-4cfd-aacb-9b7c1852cedb"><code class="language-python">InputGroup(*inputs)</code></pre>
+         <div class="ms-3 collapse" id="3df987cf-eceb-4d8d-846a-3667cda87f39">
+          <h6 id="ddf77f56-9baa-46b3-b9c5-783526eaeaba">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="e87ac4bf-8bed-41f2-a903-12864ad3c3eb">
+          <table class="table table-sm bg-light" id="9b74e1f1-4dc9-43ab-b622-8d235073ed6e">
            <thead>
             <tr>
              <th scope="col">
@@ -4836,14 +4842,14 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="64d82c92-9bdd-48e4-96c5-2c42e750eb09">
+         <p id="4e32aa13-1809-43d8-b5b4-5506c3565641">
           Grous together a series of input components
          </p>
-         <div class="ms-3" id="062a47ea-0d74-4587-9960-29e35c1a2338">
-          <h6 id="32fdebb1-2c01-4ed3-8e33-ff574c763525">
+         <div class="ms-3" id="bcda274b-96d8-4231-b603-40ef2fc5b8c3">
+          <h6 id="1ea41457-fa97-4db4-aaf3-0fa792cb5bc0">
            Example
           </h6>
-          <pre id="2a7d687e-e60d-4e2b-8d52-4a7021896d76"><code class="python">from bootwrap import Text, TextInput, NumericInput, InputGroup, Form
+          <pre id="17f91140-66d1-49e7-85d7-8a5d3f42a71f"><code class="language-python">from bootwrap import Text, TextInput, NumericInput, InputGroup, Form
 
 at = Text("@")
 username = TextInput(None, 'username', placeholder='type username')
@@ -4870,35 +4876,35 @@ ig4 = InputGroup(login, at, password).mb(2)
 Form(ig1,ig2,ig3,ig4)
 </code></pre>
          </div>
-         <div class="ms-3" id="1cdf40cb-722d-483a-8262-24692271eed3">
-          <form enctype="multipart/form-data" id="da2f5b76-151c-4062-afdd-bc105ff2652f" method="POST">
-           <div class="mb-2 input-group" id="d62868f2-4717-4aeb-a5bc-65e9944b320b" role="group">
-            <span class="input-group-text" id="2e83ced2-df7b-4b9a-b64f-b2847ff973d5">
+         <div class="ms-3" id="61c34cb3-95e2-465e-a663-a7baf694208f">
+          <form enctype="multipart/form-data" id="a0aa883b-7468-4e05-813b-6ad1c45e7214" method="POST">
+           <div class="mb-2 input-group" id="ce5c29d6-2556-4f13-a4da-a2c144164101" role="group">
+            <span class="input-group-text" id="d187e947-dc1d-475b-b2f3-5deb54c8b9de">
              @
             </span>
-            <input class="form-control" id="2c32d8e0-a291-42c4-9aa7-23c685b47369" name="username" placeholder="type username" type="text"/>
+            <input class="form-control" id="fc85f4a7-9c35-4178-9b4e-6c83940f92ed" name="username" placeholder="type username" type="text"/>
            </div>
-           <div class="mb-2 input-group" id="ac0bb919-290a-477e-9c53-668080bf2c87" role="group">
-            <input class="form-control" id="573af42f-c4f3-4d9a-a545-9be5bc75165e" name="recipient" placeholder="Recipient username" type="text"/>
-            <span class="input-group-text" id="8c9ec800-cdc3-42d0-9ad6-e64ab8f8c47c">
+           <div class="mb-2 input-group" id="17639241-df2b-404e-bef5-614526cc6c35" role="group">
+            <input class="form-control" id="bf1408b3-6f93-4f99-80b4-7157ac6f11da" name="recipient" placeholder="Recipient username" type="text"/>
+            <span class="input-group-text" id="452f8d24-3665-46a5-bbe6-85bc70e4369d">
              @example.com
             </span>
            </div>
-           <div class="mb-2 input-group" id="1eeaf6be-30cd-41da-a669-e4de6bc11041" role="group">
-            <span class="input-group-text" id="67302209-d5ef-4680-86e5-db0fd6f18476">
+           <div class="mb-2 input-group" id="c7f97392-c6d3-48c1-aff1-98016d6374ff" role="group">
+            <span class="input-group-text" id="952d2214-7bda-4ec6-99ca-9b3eeaa4eec6">
              $
             </span>
-            <input class="form-control" id="c1623178-6fac-43ac-ab0a-079097667661" name="amount" placeholder="Amount (to the nearest dollar)" type="number"/>
-            <span class="input-group-text" id="f657f6f7-d273-4282-83a5-f2ae86e8f2cf">
+            <input class="form-control" id="39efd5ba-cf59-4de1-9784-2fffe6d3b6d6" name="amount" placeholder="Amount (to the nearest dollar)" type="number"/>
+            <span class="input-group-text" id="80a1f6f0-ab2a-466f-96e2-4085a1a7ee47">
              .00
             </span>
            </div>
-           <div class="mb-2 input-group" id="1fbf6b63-3a36-409c-8b5a-28bdbcbc26ba" role="group">
-            <input class="form-control" id="a28767ac-786c-4f49-989b-16ed8f143fb9" name="login" placeholder="Login" type="text"/>
-            <span class="input-group-text" id="123e5773-a47c-4f9f-9a67-a91813975cee">
+           <div class="mb-2 input-group" id="9e233c65-ae33-4a47-bb61-b44d57f74252" role="group">
+            <input class="form-control" id="203b6943-0d85-4829-8cd5-b8822608a4e7" name="login" placeholder="Login" type="text"/>
+            <span class="input-group-text" id="4e252d2e-95d8-47b7-b81e-ab25f204eeec">
              @
             </span>
-            <input class="form-control" id="01cd7171-669d-446a-85f0-044e8ac50718" name="password" placeholder="Password" type="password"/>
+            <input class="form-control" id="d597e42f-69db-4078-9e55-83479f4f5175" name="password" placeholder="Password" type="password"/>
            </div>
           </form>
          </div>
@@ -4907,50 +4913,50 @@ Form(ig1,ig2,ig3,ig4)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="c3a30185-a08c-4434-a0c6-4f3c8d4d3189">
-     <div id="4f40ad0a-00ea-48d5-b873-59e218cee327">
+    <div class="tab-pane fade" id="b71fb797-b067-40d8-86a4-0ba144a2b32a">
+     <div id="c1251a7c-bf3a-4843-9aac-e756a01b3e30">
       <hr/>
-      <ul class="nav" id="3c02c01e-a4cc-4bb3-aacc-e853faec4b99" role="tablist">
+      <ul class="nav" id="ca30e4c7-4e16-4858-af16-6664337034d8" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#db8a98ea-be42-4e7a-b049-1d6002edb378" data-bs-toggle="tab" href="#db8a98ea-be42-4e7a-b049-1d6002edb378" id="2edec9f9-ef10-467c-a948-e798b5e3f475" role="tab">
-         <span class="text-secondary" id="2478686e-4a7f-4ba1-ae13-fe389cd27fd5">
+        <a class="nav-link active" data-bs-target="#afab9c77-26c6-4ddd-8c92-15d9a615b528" data-bs-toggle="tab" href="#afab9c77-26c6-4ddd-8c92-15d9a615b528" id="478bec42-f376-4649-babc-9dacc61ca334" role="tab">
+         <span class="text-secondary" id="ecb0a7b3-ef03-4351-a39e-f56da914a640">
           Icon
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#68fafb27-292f-49b1-afde-198b0c9ac6f1" data-bs-toggle="tab" href="#68fafb27-292f-49b1-afde-198b0c9ac6f1" id="4d4d3f99-069d-4bc2-a00b-03ed1234d0e4" role="tab">
-         <span class="text-secondary" id="0b6e9529-e0ff-498f-abdd-93ff46f369c1">
+        <a class="nav-link" data-bs-target="#f45faa33-9272-4382-9653-c985fa6afd0a" data-bs-toggle="tab" href="#f45faa33-9272-4382-9653-c985fa6afd0a" id="994e4d22-2c4e-4e53-9e38-f34c168c9dc7" role="tab">
+         <span class="text-secondary" id="78b45446-b565-4eb9-9fc8-a4d741d2caaa">
           Spinner
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="db8a98ea-be42-4e7a-b049-1d6002edb378">
-        <div class="mt-5" id="1b1fa65b-b5cb-4d75-a459-74ccaa000d6a">
-         <div class="d-flex justify-content-between" id="31d1e7a5-2e17-4f1f-acf6-8ac74aec022c">
-          <h1 id="4ffe38ef-08d4-4cd4-8731-1bac28cdd629">
+       <div class="tab-pane fade active show" id="afab9c77-26c6-4ddd-8c92-15d9a615b528">
+        <div class="mt-5" id="357f7b6b-8451-4dda-b32a-8c52980d1095">
+         <div class="d-flex justify-content-between" id="daa5914c-67a4-402f-b83f-e7483e2fdaff">
+          <h1 id="80c3da05-37a4-4d4a-8f9e-730afeeb4829">
            Class
-           <span class="text-primary" id="795c10b2-af3a-4ced-b1ee-dcc192a4fe8e">
+           <span class="text-primary" id="1f44967e-7245-4678-8beb-0330972b67e5">
             Icon
            </span>
           </h1>
-          <div id="d72ef527-560b-45ef-bc9a-573c854cf89b">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#04fa4ef4-12f5-43fa-b520-bf71cc14c815" data-bs-toggle="collapse" id="c1c8533a-82fb-41bb-b76f-b3ea24502b0a" onclick="return false;" type="button">
+          <div id="3b4d1453-08a6-4ada-bbe8-fd34255f3927">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0511d9a0-7d12-4843-9cf6-cbd026af73f8" data-bs-toggle="collapse" id="13a2ab3d-f180-42b4-9a77-e5d561b34f8b" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="4a0b30d3-7a88-482a-b027-545760bc2277">
+         <span class="text-muted" id="d69ce216-c172-47e9-8f5e-fc329ecece7c">
           An icon.
          </span>
-         <pre id="41298c63-e899-453d-98df-af0c5d699137"><code class="python">Icon(name)</code></pre>
-         <div class="ms-3 collapse" id="04fa4ef4-12f5-43fa-b520-bf71cc14c815">
-          <h6 id="4a4c958e-3e25-4437-9cfe-fe60bca5153e">
+         <pre id="5d93261b-92fc-4813-ae2b-1af7bfc8c6f3"><code class="language-python">Icon(name)</code></pre>
+         <div class="ms-3 collapse" id="0511d9a0-7d12-4843-9cf6-cbd026af73f8">
+          <h6 id="27d13a2f-70d7-4471-8c7a-ec4d49167c57">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="77da6d6b-7fe3-4f0f-b625-539977209eab">
+          <table class="table table-sm bg-light" id="6649db48-7e21-4bdc-8af2-439d61fdf94b">
            <thead>
             <tr>
              <th scope="col">
@@ -4983,11 +4989,11 @@ Form(ig1,ig2,ig3,ig4)
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="f93735ae-8312-4e51-aa2c-67a83e8a2d74">
-          <h6 id="b81308ac-c033-4c0a-919c-75b56cb4a58d">
+         <div class="ms-3" id="1af8e35a-1eab-47ac-b041-a6ebe6fa53b8">
+          <h6 id="1e737f22-3cb5-474d-b511-f05f7f8a7408">
            Example
           </h6>
-          <pre id="e5bcd680-e543-439c-86b0-5bc04b4ca472"><code class="python">from bootwrap import Icon, Panel
+          <pre id="d64a943b-cd68-4d04-a80f-e8432f826f2d"><code class="language-python">from bootwrap import Icon, Panel
 
 Panel(
     Icon("fas fa-folder"),
@@ -5002,51 +5008,51 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="6cf51a25-d681-41bd-9bac-74f2cc80c2d4">
-          <div id="b76b4276-7a3a-47b1-ac94-ea29f3e0b414">
-           <i class="fas fa-folder" id="d23a5850-4b9c-460d-95de-011e76365073">
+         <div class="ms-3" id="6537260d-8ff2-432d-a49d-72b02eb3a768">
+          <div id="87eeb4d3-115b-4ae8-8720-df9cb842f9aa">
+           <i class="fas fa-folder" id="abe411b1-7409-429e-bda7-7072e772a3a9">
            </i>
-           <i class="fas fa-folder text-primary" id="b85d3d22-2483-4539-a05b-41bd9e50a240">
+           <i class="fas fa-folder text-primary" id="d580d792-0768-4d59-bd58-7637c2ba17b1">
            </i>
-           <i class="fas fa-folder text-secondary" id="7996b90d-de1b-420c-bf97-3734d14fd3ff">
+           <i class="fas fa-folder text-secondary" id="d9353edd-f714-4350-ba8f-eeb3a1adc595">
            </i>
-           <i class="fas fa-folder text-success" id="5df28846-b97a-4889-95ca-744abe0afd0a">
+           <i class="fas fa-folder text-success" id="ce1bd567-2e51-4dea-9c46-b5fe1c6c3b2b">
            </i>
-           <i class="fas fa-folder text-warning" id="bf428223-3207-426e-846a-f8d25c91c436">
+           <i class="fas fa-folder text-warning" id="e536d6c8-c7f4-414c-8b51-9c01f5ba9575">
            </i>
-           <i class="fas fa-folder text-danger" id="8c67176b-a4e9-4058-9032-af735339d2ca">
+           <i class="fas fa-folder text-danger" id="7bae5cd2-e22e-4541-8a0d-5b35bf856976">
            </i>
-           <i class="fas fa-folder text-info" id="ba73308b-6eca-49a3-919a-9b384407e6ef">
+           <i class="fas fa-folder text-info" id="2fa32be0-ef81-4b3f-b50a-bfe4a6442cae">
            </i>
-           <i class="fas fa-folder text-light" id="a29b325b-2f03-4d9a-a019-73598506ce28">
+           <i class="fas fa-folder text-light" id="6c5aee75-e99d-4352-8821-06a7066acd21">
            </i>
-           <i class="fas fa-folder text-dark" id="19840c3a-485b-479a-8115-3f7eef38fa88">
+           <i class="fas fa-folder text-dark" id="162f7594-d3a5-4385-ab10-b42930586ac0">
            </i>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="68fafb27-292f-49b1-afde-198b0c9ac6f1">
-        <div class="mt-5" id="f7f8397c-a904-4f2c-90d1-cc6eee7a58ee">
-         <div class="d-flex justify-content-between" id="6c6a1be7-f284-4ac5-93d5-5ca25f031c78">
-          <h1 id="eb794a97-8e6f-4a59-88e2-5e040b9793d8">
+       <div class="tab-pane fade" id="f45faa33-9272-4382-9653-c985fa6afd0a">
+        <div class="mt-5" id="8d11cc28-adb7-4c80-87dd-d6a1ed4c6bcf">
+         <div class="d-flex justify-content-between" id="b9b6fce3-8f6a-4bc8-a1f5-173caed0b5c6">
+          <h1 id="c3ca5071-8463-4550-b7c4-b457dc0d3b6e">
            Class
-           <span class="text-primary" id="71466de4-3954-4069-9f82-95765a2c77d3">
+           <span class="text-primary" id="863a9766-e255-4c8a-83bc-6f1c54e9f7af">
             Spinner
            </span>
           </h1>
-          <div id="9287e065-dbb3-48a1-93f0-8c022c6ec877">
+          <div id="28a0ca03-867c-414d-a037-a2df73d4b6ed">
           </div>
          </div>
-         <span class="text-muted" id="e18da2b9-c44a-409b-aea8-a76f80b1e4e5">
+         <span class="text-muted" id="7b3a9508-068a-4306-bbdc-de5a180ccc45">
           A spinner icon.
          </span>
-         <pre id="a7c7825e-2a89-44fe-a7eb-e391ea033d6b"><code class="python">Spinner()</code></pre>
-         <div class="ms-3" id="c5da7b9b-8438-40dc-ab9c-657a7724ff8b">
-          <h6 id="38a2f82e-25c2-4c1c-a62c-77b7cc0fe919">
+         <pre id="26fa8a6e-0e99-46a7-b104-0f127958ac8f"><code class="language-python">Spinner()</code></pre>
+         <div class="ms-3" id="40a7d020-ce8c-49e0-9859-9398a9038e99">
+          <h6 id="c77ef508-b746-4df5-9a12-588309f65d7e">
            Example
           </h6>
-          <pre id="05868995-d669-4185-a063-eaa2109d2ec5"><code class="python">from bootwrap import Spinner, Panel
+          <pre id="ebb5181a-b013-48f4-b7f0-8e356d79b7b6"><code class="language-python">from bootwrap import Spinner, Panel
 
 Panel(
     Spinner(),
@@ -5061,9 +5067,9 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="d88fe7d9-7a1b-4e33-8dce-690730718ed7">
-          <div id="7e42f02a-1d29-4da5-88b9-a4c367e74cee">
-           <span class="spinner" id="11c62cbc-5d02-4039-a1aa-2131f6122cf8">
+         <div class="ms-3" id="2c3b52e0-fdd9-440a-9ff9-292b97b7b1af">
+          <div id="283fcf8a-9601-445a-a841-029b45e834ed">
+           <span class="spinner" id="361032dc-86fd-4cb0-ac9d-d65e4a4bb0df">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5082,7 +5088,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-primary" id="6c7d67c1-2b09-4fe8-a66a-eb6694715cfa">
+           <span class="spinner text-primary" id="748d78d8-6207-4e52-be71-90ecae2290b5">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5101,7 +5107,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-secondary" id="f817e9da-7969-4184-86b7-ea6947261e6f">
+           <span class="spinner text-secondary" id="cc4b3317-48cb-4eab-959f-862bd073dc89">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5120,7 +5126,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-success" id="d7b6ff20-d06b-4cf1-b517-ec3c868463e6">
+           <span class="spinner text-success" id="dc17cef0-fc20-4998-903e-d983e3ebc6ef">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5139,7 +5145,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-warning" id="cbfa2df4-1ada-4eac-bbf6-7122d48e7a05">
+           <span class="spinner text-warning" id="e50e51d0-ac00-44de-8588-602a905d0cd5">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5158,7 +5164,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-danger" id="ff0179dc-6ca1-4537-a9ae-6bf8fd21c630">
+           <span class="spinner text-danger" id="1ce6951f-205e-4681-9563-d1f774bda221">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5177,7 +5183,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-info" id="0e79a12c-cbf1-4e98-b5ce-d2aa607588b0">
+           <span class="spinner text-info" id="83e32bfa-8e4d-42e5-a4cf-5fcf3a5710ef">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5196,7 +5202,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-light" id="8a7aecab-2065-42b2-a2db-65aef3ebf191">
+           <span class="spinner text-light" id="c8c551d4-fea1-4784-b834-71a71f564a0b">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5215,7 +5221,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-dark" id="0ad8b4b0-14ee-4178-ae5e-88262d021789">
+           <span class="spinner text-dark" id="a56ba48e-fb8d-45fe-8b80-2e267d9fd1b7">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5241,30 +5247,30 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="d5143d00-3578-4a6b-9d5d-fe0f1d29e729">
-     <div class="mt-5" id="e344d643-4233-43dc-9965-75009450df15">
-      <div class="d-flex justify-content-between" id="dbcd9a04-9a32-4207-abb4-8991a43d209c">
-       <h1 id="0d6e5444-d3f5-4794-84e9-096943add1ce">
+    <div class="tab-pane fade" id="0bef5b78-3d73-4ba6-a13b-af388d4550a8">
+     <div class="mt-5" id="aa25dbd0-23a5-475b-9b04-5e1c152b03f1">
+      <div class="d-flex justify-content-between" id="e88ec287-84cf-48e7-a6c5-cfcefa761f1b">
+       <h1 id="3f672d29-1d03-4105-a784-fc3c4bb21e15">
         Class
-        <span class="text-primary" id="3996120c-1e32-4a98-b1b0-370c4aa5323b">
+        <span class="text-primary" id="cf3958fb-5ad3-455e-80cb-e9a39dc981c0">
          Image
         </span>
        </h1>
-       <div id="deecd652-9151-4a77-9482-2d7cef1eb022">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d230829c-9f39-468e-b465-9ea116678e36" data-bs-toggle="collapse" id="d928f767-c688-4979-8afb-a51bf0e75247" onclick="return false;" type="button">
+       <div id="a64a730c-4707-47fa-b358-dec79755fbbb">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f386923d-d744-4077-aa70-56bf168b90fe" data-bs-toggle="collapse" id="3db39308-c672-4cb0-9a80-196230d7e018" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="cb9ce891-2312-416b-abbf-abd43b5d4a0e">
+      <span class="text-muted" id="016a78f8-a617-4d29-8994-1624f0ed0ebb">
        A web component for an image.
       </span>
-      <pre id="84066386-b7e0-49a3-9c77-9ca5573c579a"><code class="python">Image(src, width=None, height=None, alt=None)</code></pre>
-      <div class="ms-3 collapse" id="d230829c-9f39-468e-b465-9ea116678e36">
-       <h6 id="92c27ee6-d464-44c1-a287-3b3cc5c63c1b">
+      <pre id="c72a112f-aa18-41f5-b3a9-37fe1ef46f62"><code class="language-python">Image(src, width=None, height=None, alt=None)</code></pre>
+      <div class="ms-3 collapse" id="f386923d-d744-4077-aa70-56bf168b90fe">
+       <h6 id="423cd8e0-ef20-4659-b67f-5cc700299827">
         Arguments
        </h6>
-       <table class="table table-sm bg-light" id="e27a0b2b-a053-4ad4-ae2e-76a6fa659071">
+       <table class="table table-sm bg-light" id="a386579f-16f7-4a1d-9eb9-682d59d9148a">
         <thead>
          <tr>
           <th scope="col">
@@ -5342,64 +5348,64 @@ Panel(
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="89ef54ad-3d3a-4923-9655-b979e63fadde">
-       <h6 id="29fb53f7-5aa1-4bc5-a020-2c16f9fa64f9">
+      <div class="ms-3" id="b7fcfa02-f5f8-4a57-8e21-817e0eb992d6">
+       <h6 id="d0af9ce7-d6da-4af7-9a4a-b5470a459ebb">
         Example
        </h6>
-       <pre id="3725543a-bbdd-45a9-9ff5-960e300d0de1"><code class="python">from bootwrap import Image
+       <pre id="39c8d4b3-c684-4e13-8e53-c5d0653c64ce"><code class="language-python">from bootwrap import Image
 
 Image("logo.png")
 </code></pre>
       </div>
-      <div class="ms-3" id="5241747b-e2f8-448b-b217-73d0f7601a12">
-       <img id="bc8d20fb-a1b4-4f6d-b85e-39100b402087" src="logo.png"/>
+      <div class="ms-3" id="245967f2-2dc1-467a-a572-e0cabf387fc3">
+       <img id="d6df0e7b-4c3d-401d-af1f-80fc0caa77c2" src="logo.png"/>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="aa1277d2-c29c-44d7-95e2-87d954fe9c34">
-     <div id="eac7ba41-85a8-41a0-8ce9-d1b94a3b0537">
+    <div class="tab-pane fade" id="c6b6ae92-dee5-48b2-b774-d0e7701d016a">
+     <div id="e639b66d-f0bd-46a3-9c06-672533439208">
       <hr/>
-      <ul class="nav" id="40eec820-06f9-4fd8-a794-5422b592f9a4" role="tablist">
+      <ul class="nav" id="33cdd685-861a-4429-9527-f63f300b828b" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#dd544123-92c5-4692-9697-b2b26d5d3528" data-bs-toggle="tab" href="#dd544123-92c5-4692-9697-b2b26d5d3528" id="d22e6954-4fc1-42cd-abd8-1c1d2dec349f" role="tab">
-         <span class="text-secondary" id="5f96706b-ba8f-4fbe-86a1-2f9d0221d000">
+        <a class="nav-link active" data-bs-target="#8265f433-27ef-4c74-9d7c-ead3a87e9a7c" data-bs-toggle="tab" href="#8265f433-27ef-4c74-9d7c-ead3a87e9a7c" id="49282dfe-88fe-4903-a86b-65b680c8bfae" role="tab">
+         <span class="text-secondary" id="6d537a77-0349-4b41-ade5-202ba4f362cc">
           Javascript
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#ad70d34a-8fae-440a-9a74-7a06660c56de" data-bs-toggle="tab" href="#ad70d34a-8fae-440a-9a74-7a06660c56de" id="eef9eeb7-9865-4299-8f40-c5b8713cf6bb" role="tab">
-         <span class="text-secondary" id="89c1f77b-3795-4e50-bb79-b7d181e06ea3">
+        <a class="nav-link" data-bs-target="#a77f06ca-7203-42b5-be74-7b6ce7345001" data-bs-toggle="tab" href="#a77f06ca-7203-42b5-be74-7b6ce7345001" id="fec976ce-8209-4059-9348-06726b8649eb" role="tab">
+         <span class="text-secondary" id="1fbaae8f-59a9-4952-ad65-16e4546f070b">
           jQuery
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="dd544123-92c5-4692-9697-b2b26d5d3528">
-        <div class="mt-5" id="2c6e1c60-3a71-43f1-b5a7-e6d38041288f">
-         <div class="d-flex justify-content-between" id="6f02a571-3d49-4776-a551-6771cbfe3b15">
-          <h1 id="23159e9f-9bc2-4c0e-bb78-1697e01f4096">
+       <div class="tab-pane fade active show" id="8265f433-27ef-4c74-9d7c-ead3a87e9a7c">
+        <div class="mt-5" id="0b0f147e-12b6-45c0-bd78-2a0c90b24674">
+         <div class="d-flex justify-content-between" id="2af45838-ba46-4a17-a45d-a2a754614b82">
+          <h1 id="f965c540-28a8-4f56-9b6b-fd9ea8a53487">
            Class
-           <span class="text-primary" id="ff4728a8-ab8e-42fb-b307-104f5f64681e">
+           <span class="text-primary" id="26c94798-96c6-4eae-8f39-7c2468f9a589">
             Javascript
            </span>
           </h1>
-          <div id="3d18c55e-1fd5-4c6c-b765-7da0fc4f1b70">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#16258079-3563-497c-b06a-bd50002f9bb3" data-bs-toggle="collapse" id="16b5214f-df5b-4446-9153-4f697f14e2da" onclick="return false;" type="button">
+          <div id="fc346d40-b577-4162-bc34-b17f3ba56560">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a0b7b712-9d74-4d44-9ad6-81e5450d1b69" data-bs-toggle="collapse" id="8a473f8e-50bd-4ce9-b68c-c9075ed406ae" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="636687e8-1916-4325-aa6e-851c941d9fa9">
+         <span class="text-muted" id="3269bf43-faf6-43b2-87b7-d75fb133249c">
           A web component for a javascript.
          </span>
-         <pre id="c783a2a2-770c-4f5b-bf51-b0d847ce80d7"><code class="python">Javascript(src=None, script=None, submap=None)</code></pre>
-         <div class="ms-3 collapse" id="16258079-3563-497c-b06a-bd50002f9bb3">
-          <h6 id="bccab979-453e-4848-95c4-977d7af283b0">
+         <pre id="9528ac33-952e-447b-b7c5-9fa226eca418"><code class="language-python">Javascript(src=None, script=None, submap=None)</code></pre>
+         <div class="ms-3 collapse" id="a0b7b712-9d74-4d44-9ad6-81e5450d1b69">
+          <h6 id="3a31f9df-6f96-4788-9503-0da895074862">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="6070a630-7467-4b91-bf49-33322202f0fc">
+          <table class="table table-sm bg-light" id="62f41595-6336-46b1-bdf5-b0275269118b">
            <thead>
             <tr>
              <th scope="col">
@@ -5464,11 +5470,11 @@ Image("logo.png")
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="8925acf4-2037-40d3-bd41-dc95499e48a7">
-          <h6 id="28bd1d38-a9d2-4fcb-ba22-a3448b10df76">
+         <div class="ms-3" id="73dff3e3-82dd-4b1a-9eb6-ab89083c518e">
+          <h6 id="8b6faf37-a4a2-4199-9f40-d44f6c1a7583">
            Example
           </h6>
-          <pre id="a23e3a7d-58bb-47e5-a9c6-5e2176840c49"><code class="python">from bootwrap import Page, Javascript
+          <pre id="a93260c2-873b-4a28-b355-b44129404cbd"><code class="language-python">from bootwrap import Page, Javascript
 
 my_page = Page(
     ...
@@ -5481,28 +5487,28 @@ my_page = Page(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="ad70d34a-8fae-440a-9a74-7a06660c56de">
-        <div class="mt-3" id="629cd3ac-31af-4a65-b28a-36334f9abc1a">
-         <div id="6d5f43d2-4d03-4852-9d41-a875433427bc">
+       <div class="tab-pane fade" id="a77f06ca-7203-42b5-be74-7b6ce7345001">
+        <div class="mt-3" id="4f1e83d3-02d9-4a77-ad87-ac267c189557">
+         <div id="44820c96-83d6-4c67-a8af-9a27722d9ef8">
           <div class="row">
            <div class="col-md">
-            <div id="1c868c8c-c4a6-49a7-bbb0-f3c3ae24ee05">
-             <h1 id="d4064b88-cc39-453d-a29c-da76e26fd55d">
+            <div id="4daf37f7-3d83-4109-b1b9-217835b5d33a">
+             <h1 id="fbf2fdcd-e13b-4b33-a64d-957c8d3d90c5">
               jQuery
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="5c7b4087-35e1-480c-a174-66f7b4d3e391">
+            <div id="e1d0b977-d3dc-48cc-bd82-6de8cec6419e">
             </div>
            </div>
           </div>
          </div>
-         <div id="123c5c16-f23f-4ef1-8afa-c61d90e701e3">
+         <div id="015f954b-558f-4b15-ae14-282d2da984ad">
           <div class="row">
            <div class="col-md">
-            <div id="f07a46e7-5ce0-44cb-9cdc-f22e2065d4cc">
-             <p id="82f8dc8f-b8a2-4324-ac10-5c12c5cc7870">
+            <div id="3ab1cea3-f1f8-4b1a-9c9a-c6c262f2a51e">
+             <p id="a2480ed2-58f5-4aa5-bef3-ff8334b271ba">
               Use
               <code>
                Javascript
@@ -5512,8 +5518,8 @@ my_page = Page(
             </div>
            </div>
            <div class="col-md">
-            <div id="ae3bb987-f788-4d7d-8eb3-e370d93adcdc">
-             <pre id="e13fe0c4-a848-4399-8eea-5f006c033aaa"><code class="python">from bootwrap import Panel, Javascript, Button, Text
+            <div id="8aae99a3-a08e-46a1-9684-20c449c6845c">
+             <pre id="9908664e-4e4c-47be-aee9-cee8cd1ecc90"><code class="language-python">from bootwrap import Panel, Javascript, Button, Text
 
 label = Text("Answer:").as_strong()
 answer = Text("unknown").me(2).ms(2)
@@ -5538,25 +5544,25 @@ action = Javascript(
 Panel(
   label, answer, btn_yes, btn_no, action
 )</code></pre>
-             <div id="2d2daa51-1f89-421e-9cd0-2ced3c8da76a">
-              <strong id="44e55603-6c9c-4d72-923e-2dd028c1dc1b">
+             <div id="1ca3d346-9ee8-4cef-8c6e-de5b15660152">
+              <strong id="d4700949-5325-44ee-b562-5ba0d95b97ee">
                Answer:
               </strong>
-              <span class="me-2 ms-2" id="200d2d5e-351a-498f-87c5-68c7af0cd162">
+              <span class="me-2 ms-2" id="3a57d1d4-43bb-461f-be03-c15f97cc6b6a">
                unknown
               </span>
-              <button class="btn btn-success" id="3270b31f-8dd5-402d-965f-1b5d5f366ff6" onclick="return false;">
+              <button class="btn btn-success" id="45368dad-cac3-4312-9ebf-9f55c9eca4a2" onclick="return false;">
                Yes
               </button>
-              <button class="btn btn-danger" id="9246d15b-c91e-4952-b3f5-e63ed069ba4d" onclick="return false;">
+              <button class="btn btn-danger" id="952ab405-e378-4798-8404-7c215ae1deaa" onclick="return false;">
                No
               </button>
               <script type="application/javascript">
-               $("#3270b31f-8dd5-402d-965f-1b5d5f366ff6").on("click",function(){
-      $("#200d2d5e-351a-498f-87c5-68c7af0cd162").text("Yes");
+               $("#45368dad-cac3-4312-9ebf-9f55c9eca4a2").on("click",function(){
+      $("#3a57d1d4-43bb-461f-be03-c15f97cc6b6a").text("Yes");
     });
-    $("#9246d15b-c91e-4952-b3f5-e63ed069ba4d").on("click",function(){
-      $("#200d2d5e-351a-498f-87c5-68c7af0cd162").text("No");
+    $("#952ab405-e378-4798-8404-7c215ae1deaa").on("click",function(){
+      $("#3a57d1d4-43bb-461f-be03-c15f97cc6b6a").text("No");
     });
               </script>
              </div>
@@ -5569,30 +5575,30 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="1d691913-3266-467d-a9b0-b15f8d136d30">
-     <div class="mt-5" id="ec361adb-e381-400f-8b0f-93682c90050b">
-      <div class="d-flex justify-content-between" id="08390853-ef30-4294-a17b-7c8f0b9a8e55">
-       <h1 id="f19df79a-11d0-4aa9-a9c6-cae2a47e9cb1">
+    <div class="tab-pane fade" id="9588a132-acb2-4db9-aa3f-205f17e58319">
+     <div class="mt-5" id="e98ceb4c-fd21-4be5-a82f-d2bc845b4ca5">
+      <div class="d-flex justify-content-between" id="21734c25-56b5-499f-96d7-bc25f484079d">
+       <h1 id="a5f60284-0568-4bb2-b746-92b8968b7ea5">
         Class
-        <span class="text-primary" id="ac483685-404e-4e9e-adbb-9de533dcc590">
+        <span class="text-primary" id="64e1e73f-151b-49a7-80da-e16f5be79ce2">
          Link
         </span>
        </h1>
-       <div id="25b38913-7cb8-46fb-ba34-b5ad714a4514">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#251351e1-82d4-4197-adf6-00a600880dfc" data-bs-toggle="collapse" id="45c83a74-689b-43a7-9bc1-2d7d85c52cc1" onclick="return false;" type="button">
+       <div id="f3c87522-f7fc-47bb-8392-495cfa380a04">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#136cda93-5851-4b06-91fa-347a23502382" data-bs-toggle="collapse" id="dee519bc-09e6-4954-886a-43eb30c2060c" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="514c4c79-e0e3-43c9-a16f-30963ee0880a">
+      <span class="text-muted" id="75982080-5eeb-46b1-b7c3-7119a1ead503">
        A web component for an external resource link.
       </span>
-      <pre id="3df01875-3954-45e7-a1c5-760713c3a0db"><code class="python">Link(href, rel='stylesheet', ctype='text/css')</code></pre>
-      <div class="ms-3 collapse" id="251351e1-82d4-4197-adf6-00a600880dfc">
-       <h6 id="6ee77a54-7540-470f-abef-e8fe086826d1">
+      <pre id="585dce3f-c188-4370-adbb-23f9b4c853f0"><code class="language-python">Link(href, rel='stylesheet', ctype='text/css')</code></pre>
+      <div class="ms-3 collapse" id="136cda93-5851-4b06-91fa-347a23502382">
+       <h6 id="e3c1e6a8-4749-4211-8130-c65ee9139e56">
         Arguments
        </h6>
-       <table class="table table-sm bg-light" id="ebc4ef3b-0f7b-4b05-9d58-059f8282301f">
+       <table class="table table-sm bg-light" id="e807f13b-676d-4b91-9aa5-672629dbae37">
         <thead>
          <tr>
           <th scope="col">
@@ -5658,15 +5664,15 @@ Panel(
         </tbody>
        </table>
       </div>
-      <p id="4afb9be6-36d6-4fdb-901a-2ab3458109dd">
+      <p id="a47da18d-4d27-4ee9-9e04-65013487580c">
        See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
     for more information.
       </p>
-      <div class="ms-3" id="dd013d50-2d30-4d95-b14a-82b8edb189f5">
-       <h6 id="fad41c7b-e85d-49cd-ab86-c66a52afd3d4">
+      <div class="ms-3" id="a76feddf-bdc6-4c2c-9135-225c938d8929">
+       <h6 id="0ca7ecbd-ca57-4e63-a739-16de501ab9d1">
         Example
        </h6>
-       <pre id="2b901bdd-3948-4293-9684-e3f142a491e6"><code class="python">from bootwrap import Page, Link
+       <pre id="3222e61a-6bdc-4904-be3d-720f80bed2cc"><code class="language-python">from bootwrap import Page, Link
 
 my_page = Page(
     ...
@@ -5679,50 +5685,50 @@ my_page = Page(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="02f80da1-b39f-4eac-a31a-77d4144b419a">
-     <div id="65dbae9d-e408-4394-8333-bfa74f438ca7">
+    <div class="tab-pane fade" id="a1053c7d-e9fa-49ed-99aa-887098c5cb0d">
+     <div id="fdc5ab85-9797-4bc0-8c01-d946f234f26a">
       <hr/>
-      <ul class="nav" id="fdda1c59-b8c5-498f-9c68-47aae1272924" role="tablist">
+      <ul class="nav" id="e4f84bbd-d5fa-448f-a75a-74d19f5156f8" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#edaa129d-9182-49bf-ab60-15bd16321e33" data-bs-toggle="tab" href="#edaa129d-9182-49bf-ab60-15bd16321e33" id="53cd820a-aad7-44e4-abd5-b80d6cc3fa34" role="tab">
-         <span class="text-secondary" id="4f70fa51-0488-4c22-8793-0a7d30b6fee5">
+        <a class="nav-link active" data-bs-target="#fbcc7712-1aa3-4f1e-b1cc-13755637b0aa" data-bs-toggle="tab" href="#fbcc7712-1aa3-4f1e-b1cc-13755637b0aa" id="5f22725f-b11a-4064-b57e-b15aacf8746b" role="tab">
+         <span class="text-secondary" id="9652ea90-4fb8-483a-8dfd-f777f1717b82">
           List
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#d1b0f008-de8d-4a7b-8f24-b9a464d00c3e" data-bs-toggle="tab" href="#d1b0f008-de8d-4a7b-8f24-b9a464d00c3e" id="50bb8a63-bc68-4fa5-9143-8381fb911c68" role="tab">
-         <span class="text-secondary" id="0009ec13-76b2-45ca-82bc-0fff7829aba6">
+        <a class="nav-link" data-bs-target="#0edd6442-abfe-4c13-8d17-5fa4ee7f5632" data-bs-toggle="tab" href="#0edd6442-abfe-4c13-8d17-5fa4ee7f5632" id="e3ad7367-11af-4cbd-9cf3-a663e20762bc" role="tab">
+         <span class="text-secondary" id="298eac6f-9be5-4494-b0d7-6c0ff93bc6f4">
           List.Item
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="edaa129d-9182-49bf-ab60-15bd16321e33">
-        <div class="mt-5" id="4504aa48-bf40-46ab-9f12-9d825eec0524">
-         <div class="d-flex justify-content-between" id="fa5534f3-ea02-473c-bb53-01a517ab0324">
-          <h1 id="b76defd6-9698-4735-86c3-7aabb254aa57">
+       <div class="tab-pane fade active show" id="fbcc7712-1aa3-4f1e-b1cc-13755637b0aa">
+        <div class="mt-5" id="08e354fe-6ac1-48d0-9b3f-c376ce7dc636">
+         <div class="d-flex justify-content-between" id="41ced094-6361-40d2-9c47-20c054e242a0">
+          <h1 id="95ed053d-531f-4fa2-aae2-c9b48685c767">
            Class
-           <span class="text-primary" id="e3ffd4a1-2a68-4b10-accc-201ae1ee8bcf">
+           <span class="text-primary" id="c7a700d8-ed5c-448a-ae40-dc07b0f3bbc5">
             List
            </span>
           </h1>
-          <div id="d1ad8ab8-625f-415b-97e6-55994366d3c9">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0eb82635-ddb9-4d4d-981b-93ae63638ed3" data-bs-toggle="collapse" id="0fa8e0ef-848a-446f-bd66-ee0e1e43754c" onclick="return false;" type="button">
+          <div id="552b7b80-3435-4656-9497-bd930febe0b2">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8c311394-6c3a-469c-a57a-a6b2d15d3bd8" data-bs-toggle="collapse" id="e7ddba08-68f8-4b42-a60b-cf66343891ec" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="23a1f9ee-aeb4-4727-9a72-8d9c2c77a043">
+         <span class="text-muted" id="5c943f25-a619-4fe0-ab97-86c800e3a2dc">
           A web component for a list of items.
          </span>
-         <pre id="5f47c43f-0bdd-4e59-bce1-03f9af29c4a5"><code class="python">List(*items)</code></pre>
-         <div class="ms-3 collapse" id="0eb82635-ddb9-4d4d-981b-93ae63638ed3">
-          <h6 id="744e1171-7f4c-4c7e-8084-4f2e1ce80791">
+         <pre id="1d000f5d-06ca-4e7c-904a-601440b99bdc"><code class="language-python">List(*items)</code></pre>
+         <div class="ms-3 collapse" id="8c311394-6c3a-469c-a57a-a6b2d15d3bd8">
+          <h6 id="d82eeb37-7064-47bd-b7fb-705475019a19">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="73662d79-60c7-4af6-8a13-a13912b828cb">
+          <table class="table table-sm bg-light" id="d4137b34-7df7-481d-99c7-f095a922fe16">
            <thead>
             <tr>
              <th scope="col">
@@ -5763,11 +5769,11 @@ my_page = Page(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="8cf9ed7c-d634-4b3b-90fd-4d42d6dfda25">
-          <h6 id="cdddf27b-69a8-4c11-bf74-16182330bedf">
+         <div class="ms-3" id="1617a442-408d-4d5f-8dcb-b7f9ea13c700">
+          <h6 id="90fd849f-9ff4-4cb9-9796-2679966a3343">
            Example
           </h6>
-          <pre id="f5ed9fac-3ebb-46f7-b1c8-f6dfa0983381"><code class="python">from bootwrap import Button, List, Image
+          <pre id="928069e2-356b-42ae-bf25-08815c187150"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy").as_success(),
@@ -5800,17 +5806,17 @@ List(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="4bddce8f-eb20-4a74-be59-f42eecd73930">
-          <div class="list-group" id="57d5a3b7-5606-4be2-9a91-48791a2501d3">
-           <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="6ea56d9a-8449-4c55-9dd4-729956f54500">
+         <div class="ms-3" id="e93d8ebc-cc69-4a0c-87c0-7c5a866ffd86">
+          <div class="list-group" id="be59b1c5-553d-4117-9f29-73e657b87fa4">
+           <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="71f1f271-6f9b-438a-a726-c80afd2c1eae">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="fe644f71-f99d-4118-ac74-510e7cd9ee81" src="google-logo.png" width="32"/>
+             <img height="32" id="ea914dec-8a88-4a29-b66a-dfc0a497dbd7" 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="b191be8d-16d1-46b5-9b8f-313c3d3b64ac">
+               <h5 id="b102cd90-fcbd-45ec-a306-cbb7a9723985">
                 Google (NASDAQ: GOOGL)
                </h5>
-               <small id="a1cdd6fa-d1c1-4ada-b284-310d6635f377">
+               <small id="116f8087-eaa9-4b45-ae36-8673bf7c7c4c">
                 12:04:58 12/01/2021
                </small>
               </div>
@@ -5818,16 +5824,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="55d094c5-c52c-4f74-8366-a172956427ab" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="d059883d-388f-4fe4-80c1-d3061467e37d" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="783c7de5-e856-44fc-a216-ca5359bf0a5e" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="d7681576-e77b-48e7-8967-e214903139ef" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="a497cef8-f232-40ee-af02-bb6b5933c4e1" onclick="return false;">
+                <button class="dropdown-item btn" id="779c3d45-790a-4268-ab2e-6bb89a375437" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="96e03e0b-da39-4c89-9751-58d40221aeb2" onclick="return false;">
+                <button class="dropdown-item btn" id="55dd836a-3218-48ff-b00f-4ad1a77c67d5" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -5835,15 +5841,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="1b404316-c7aa-4e9d-a72d-1928b1c9ce35">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.linkedin.com" id="c09460f8-e1c9-464e-bdae-b6620877c15f">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="b096d7f0-ad58-4d5e-99cf-bc38ab0b155d" src="linkedin-logo.png" width="32"/>
+             <img height="32" id="233634cc-0bee-4b46-a7df-19313fdba575" 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="b5d20250-298b-4365-a8aa-6c63d2b1791a">
+               <h5 id="61b824fc-5467-4ded-98c0-cb8a678a4cc5">
                 LinkedIn (NASDAQ: LNKD)
                </h5>
-               <small id="812871fd-7878-4a67-b297-78bbe5549ee1">
+               <small id="6c054cc9-232a-473d-9d74-e22f95856635">
                 12:04:58 12/01/2021
                </small>
               </div>
@@ -5851,16 +5857,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="cfa5e1a5-cef1-4a7b-93b1-9734a7e7e109" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="f1739fde-0d8b-4bbc-9b03-9c3138da16f7" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="783c7de5-e856-44fc-a216-ca5359bf0a5e" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="d7681576-e77b-48e7-8967-e214903139ef" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="a497cef8-f232-40ee-af02-bb6b5933c4e1" onclick="return false;">
+                <button class="dropdown-item btn" id="779c3d45-790a-4268-ab2e-6bb89a375437" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="96e03e0b-da39-4c89-9751-58d40221aeb2" onclick="return false;">
+                <button class="dropdown-item btn" id="55dd836a-3218-48ff-b00f-4ad1a77c67d5" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -5868,15 +5874,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="71b52953-d761-4f90-bde9-c81caae94751">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.amazon.com" id="94e7231f-0777-4d73-bd42-d17b6157c3f8">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="b01ae9bc-532f-4403-8c1b-e23fdeb633a6" src="amazon-logo.png" width="32"/>
+             <img height="32" id="348e718f-d49b-4457-b5c4-0add623cefb7" 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="ffbab78e-9b49-4197-a8a3-72f09681f688">
+               <h5 id="1fd349c4-09fd-4fa5-8d42-94733550e750">
                 Amazon (NASDAQ: AMZN)
                </h5>
-               <small id="d2094d77-056d-416b-947a-5aa7fa104782">
+               <small id="ba11f0d4-32f8-484c-a36e-a36ba26514a1">
                 12:04:58 12/01/2021
                </small>
               </div>
@@ -5884,16 +5890,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="727542eb-8c49-4691-b877-eebb2243aa7a" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="a4fa1bb2-49cb-4bcf-8e5e-2bfc99614b95" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="783c7de5-e856-44fc-a216-ca5359bf0a5e" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="d7681576-e77b-48e7-8967-e214903139ef" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="a497cef8-f232-40ee-af02-bb6b5933c4e1" onclick="return false;">
+                <button class="dropdown-item btn" id="779c3d45-790a-4268-ab2e-6bb89a375437" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="96e03e0b-da39-4c89-9751-58d40221aeb2" onclick="return false;">
+                <button class="dropdown-item btn" id="55dd836a-3218-48ff-b00f-4ad1a77c67d5" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -5905,30 +5911,30 @@ List(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="d1b0f008-de8d-4a7b-8f24-b9a464d00c3e">
-        <div class="mt-5" id="170dea6c-b1eb-4a6e-8d5e-14c6bec123a5">
-         <div class="d-flex justify-content-between" id="e51ef1d0-904b-478f-a45c-62b10932c6b2">
-          <h1 id="b1426cfb-56fe-4bbe-b7de-02cee185d0dd">
+       <div class="tab-pane fade" id="0edd6442-abfe-4c13-8d17-5fa4ee7f5632">
+        <div class="mt-5" id="c3e561b9-298d-4ee6-8cb7-cd2d9411ed79">
+         <div class="d-flex justify-content-between" id="3a6dbc91-3bdf-4755-b3b4-3e710674a4f6">
+          <h1 id="e30c98a7-7aba-477f-8de0-c6a46d91402e">
            Class
-           <span class="text-primary" id="6eec91a1-0943-4c1c-b2ef-d91efd8f7630">
+           <span class="text-primary" id="c921906e-af8d-4f73-96b9-993cbf029192">
             List.Item
            </span>
           </h1>
-          <div id="22327c0d-5df8-49ae-8cc9-3a420416fe95">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b0af66ab-53ce-4c52-a1f4-23acd900237b" data-bs-toggle="collapse" id="acc80e37-c0cc-42a5-8f79-131f949484a5" onclick="return false;" type="button">
+          <div id="03771f50-0f4b-4044-af8e-66bc7f68e2c8">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ae8199dc-61cb-47ef-b894-0d313d404135" data-bs-toggle="collapse" id="82d5cc25-9add-4f26-93f9-37ff46d711dd" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="e15484d4-6a81-4fc6-ba13-00d35ff696dc">
+         <span class="text-muted" id="15158d92-89c3-4cff-886e-9086c07516d9">
           A list item.
          </span>
-         <pre id="624cbe1c-fecc-475e-9389-685906cf11b2"><code class="python">List.Item(title, description=None, marker=None, figure=None)</code></pre>
-         <div class="ms-3 collapse" id="b0af66ab-53ce-4c52-a1f4-23acd900237b">
-          <h6 id="11687f31-f08c-4845-8d17-b348c68dcb51">
+         <pre id="6c65b9cb-668d-4e62-908a-d3982ab6d152"><code class="language-python">List.Item(title, description=None, marker=None, figure=None)</code></pre>
+         <div class="ms-3 collapse" id="ae8199dc-61cb-47ef-b894-0d313d404135">
+          <h6 id="1218ae7a-ae38-4c74-bcc1-33089547a025">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="97b5c9d7-2bdc-4191-b275-0ac8833135a5">
+          <table class="table table-sm bg-light" id="5d7b84bb-ac96-4292-9de6-2efd2cd80f13">
            <thead>
             <tr>
              <th scope="col">
@@ -6006,11 +6012,11 @@ List(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="d1002ba1-7e3f-4ada-be86-0d69395caa3e">
-          <h6 id="4285b0c3-d1b1-4391-8871-68b683536622">
+         <div class="ms-3" id="261ebb07-dc65-435b-948c-3c2829d59bf2">
+          <h6 id="db7f4243-0856-4574-873e-42ff4fee2010">
            Example
           </h6>
-          <pre id="5d86f7c4-9fb3-4c6c-b287-782655584648"><code class="python">from bootwrap import Button, List, Image
+          <pre id="285f8e1c-6193-4769-8d44-83c703afe33a"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6028,30 +6034,30 @@ List(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="fd0b541b-8bfe-4fda-907f-9de01316c776">
-          <div class="list-group" id="c851721e-ed0e-4ab0-af77-91af4931b9ce">
-           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="a3b24d18-acbd-4dcb-ae4a-e36ea63e7a85">
+         <div class="ms-3" id="0f313810-ca49-4e4a-b5e5-c41cb162a8ec">
+          <div class="list-group" id="7c41ebdd-3336-4b4b-9b0a-e92352ac7058">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="2604c033-7cd9-401b-9fdf-0a3eaad976e8">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="6957a3e0-2212-40ea-a67e-4c43eeeb84d2" src="google-logo.png" width="32"/>
+             <img height="32" id="003ab78e-4675-4d5a-b36e-5a9a49334bdf" 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="6caf3e45-430c-4fc5-b633-7cc9e6c10d52">
+               <h5 id="f7cfca28-7784-4d29-99fe-c91c595c9241">
                 Google (NASDAQ: GOOGL)
                </h5>
-               <small id="c71a50cd-0dce-4334-878a-4f1f9b5ccb50">
+               <small id="fa07f96e-15c2-49a3-8da2-2729512c2588">
                 12:04:58 12/01/2021
                </small>
               </div>
               Price for a single Google share
              </div>
              <div class="d-flex align-items-start">
-              <button class="ms-1 btn" id="893f10c9-9ef5-40d0-8e13-5898ee309b72" onclick="return false;">
+              <button class="ms-1 btn" id="e274cf8b-c435-4b75-8b4e-c64f5d3b0f38" onclick="return false;">
                Buy
               </button>
-              <button class="ms-1 btn" id="6eecad28-d145-4e19-8af3-61e5a24f3896" onclick="return false;">
+              <button class="ms-1 btn" id="257e3a51-6b88-4a5c-877f-1aaf70231cd5" onclick="return false;">
                Sell
               </button>
-              <button class="ms-1 btn" id="7a41f22b-97f0-4470-9697-5d31d9374b57" onclick="return false;">
+              <button class="ms-1 btn" id="c93fc4c1-2e35-4f23-93e4-500529846c68" onclick="return false;">
                Transfer
               </button>
              </div>
@@ -6059,26 +6065,26 @@ List(
            </a>
           </div>
          </div>
-         <div class="mt-5" id="ae952867-a132-4d8f-9f4b-d2f1bdbc15a2">
-          <div class="d-flex justify-content-between" id="08105770-fa44-4188-a685-ded951c63cdf">
-           <h4 id="1c6efc77-7a29-4edd-ba6a-ec2f31d27a52">
+         <div class="mt-5" id="860fdae7-2876-41d4-bfb2-7aed5b174a66">
+          <div class="d-flex justify-content-between" id="5fa242b2-16b3-4391-aa70-89489ddaa871">
+           <h4 id="3cb56dce-b5d4-49a0-a8a9-a2fdf5f6c6a0">
             Method
-            <span class="text-primary" id="da629bf6-bd4f-48fe-ba56-5415acda6dc6">
+            <span class="text-primary" id="b212dc06-3359-4995-b508-01811168acd6">
              as_selected
             </span>
            </h4>
-           <div id="4622dcef-6946-4cf6-8744-7c9c0ae72926">
+           <div id="f853f4af-0ce5-457f-9669-a681f2e4a5bf">
            </div>
           </div>
-          <span class="text-muted" id="39ad3cdb-1f85-4df1-81c3-cf328b316f18">
+          <span class="text-muted" id="731992e7-d253-4059-b70f-f00cc1deb4cd">
            Makes a list item selected.
           </span>
-          <pre id="28e0709d-2adb-4bc5-a73a-798ebf28c8a7"><code class="python">as_selected()</code></pre>
-          <div class="ms-3" id="ec455ce6-79d0-4296-b4af-89a33c01cd9e">
-           <h6 id="9ff958ce-2bef-434b-a33b-63a6a0869486">
+          <pre id="b224f076-6de7-4061-9c02-f212b64cdad4"><code class="language-python">as_selected()</code></pre>
+          <div class="ms-3" id="b16d98e8-96ca-45f1-8e69-01fe7fd98742">
+           <h6 id="5d3ff124-48d1-4b51-8728-d3e779b67e63">
             Example
            </h6>
-           <pre id="1554a7f0-d4bb-4e7d-848b-8908ff5f5301"><code class="python">from bootwrap import Button, List, Image
+           <pre id="ba7d78da-1836-45e2-903b-0e4caae6c3f2"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6097,30 +6103,30 @@ List(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="5e5dc304-2972-4b56-aa79-b66a42d62af8">
-           <div class="list-group" id="1e163a07-331b-4210-bc84-63dbd526e2d1">
-            <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="9dfb0921-c94d-41fd-8ea7-cd8d46fc5567">
+          <div class="ms-3" id="3db901f7-f831-4e26-9c76-816389da12d3">
+           <div class="list-group" id="51208987-d7c2-41d8-9320-b70c762c63f0">
+            <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="2f0984f5-d804-4101-a88d-37793aa12164">
              <div class="d-flex w-100 justify-content-between">
-              <img height="32" id="e2d6d455-210b-4548-a2a1-c44936f0ac88" src="google-logo.png" width="32"/>
+              <img height="32" id="38193012-6ab7-4930-88f0-459eb1dd8516" 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="6b1f288c-a463-4d1f-b3dc-65248e1332f8">
+                <h5 id="7540969b-64de-4201-ae67-b13b23a4f9ec">
                  Google (NASDAQ: GOOGL)
                 </h5>
-                <small id="84fe5609-9399-4a10-8737-a431a529093d">
+                <small id="0a6e9d76-1103-4231-9daa-30209b187f46">
                  12:04:58 12/01/2021
                 </small>
                </div>
                Price for a single Google share
               </div>
               <div class="d-flex align-items-start">
-               <button class="ms-1 btn" id="100289f1-e01a-4dff-a17a-54fc09ef14fe" onclick="return false;">
+               <button class="ms-1 btn" id="15369486-8701-4472-886a-7d3b5f7a1298" onclick="return false;">
                 Buy
                </button>
-               <button class="ms-1 btn" id="3078ddda-76b0-4e83-83ce-ac5fe6ceec0b" onclick="return false;">
+               <button class="ms-1 btn" id="2a725085-4b05-4bcc-a2c1-535c38525a92" onclick="return false;">
                 Sell
                </button>
-               <button class="ms-1 btn" id="ef26243c-7762-4f73-bc78-8006320a691c" onclick="return false;">
+               <button class="ms-1 btn" id="9c77d8dd-73af-4fdd-bbaa-580386768f32" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -6129,26 +6135,26 @@ List(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="a8986c36-1163-40ea-a09f-aa78a571e7aa">
-          <div class="d-flex justify-content-between" id="170d0440-d3ba-4c8f-b79d-7a733d506834">
-           <h4 id="55069826-71d4-45de-81d2-6227d4d2642a">
+         <div class="mt-5" id="f2b21c7b-ffc6-439f-af58-569759ae8e68">
+          <div class="d-flex justify-content-between" id="ddbe54a8-ed6b-4462-ad1e-6fe1d1dc9eea">
+           <h4 id="7588a895-a684-4dce-91e3-873dab616336">
             Method
-            <span class="text-primary" id="320eb598-7c0b-4089-98f7-62ab8f54c65d">
+            <span class="text-primary" id="c17da5ba-8dcc-420c-b6bd-b408dc492c7f">
              pack_actions
             </span>
            </h4>
-           <div id="a8c025e7-8378-4474-9d53-46fb48bb743d">
+           <div id="fa3139f8-75e6-4ca5-a874-0fa399c4468e">
            </div>
           </div>
-          <span class="text-muted" id="9c95e984-5030-4083-910d-0f2caeb19664">
+          <span class="text-muted" id="066d4f15-0700-44de-97f3-b3f040ac1852">
            Makes item actions packed under a drop-down menu.
           </span>
-          <pre id="54b8ac0e-b4c6-408d-964c-96009a7406d7"><code class="python">pack_actions()</code></pre>
-          <div class="ms-3" id="42531c99-173b-487a-8128-13f7abb0cb55">
-           <h6 id="439e19c3-3a34-4c24-9a98-2f28c58784d3">
+          <pre id="d02682fc-65ae-40c7-8b14-559d8901aedf"><code class="language-python">pack_actions()</code></pre>
+          <div class="ms-3" id="d85b5ad8-9797-4d54-bca9-11369f31c529">
+           <h6 id="7d82d224-2e47-4aea-a8ba-d3a93003abf0">
             Example
            </h6>
-           <pre id="d6454de5-0038-47b9-a629-017ca5ea7f0b"><code class="python">from bootwrap import Button, List, Image
+           <pre id="bdd39ce6-b334-4597-ab95-253efdb98e49"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6167,17 +6173,17 @@ List(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="dcda2e12-813d-4b82-b3eb-890d4adcaad9">
-           <div class="list-group" id="fca5f5d7-f3f9-48d1-91d3-52761402e249">
-            <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="08822c3c-ad63-4e90-9638-46b195ab5585">
+          <div class="ms-3" id="253a2757-ef78-4722-adbe-c4ba9ccad357">
+           <div class="list-group" id="3b5539fa-251c-4dbc-af89-1d7be0567c74">
+            <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="9c042caf-9b89-4a91-9d47-f47cd8882bcf">
              <div class="d-flex w-100 justify-content-between">
-              <img height="32" id="39f0e1ed-9882-4b59-a241-42d363f5fc2a" src="google-logo.png" width="32"/>
+              <img height="32" id="3a77eaad-9a61-4c88-b2d7-0b17a67aea4f" 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="089e7030-cf31-428a-aad3-3a61e94f8710">
+                <h5 id="036589bd-0fbd-41ca-8194-c50a00678ee2">
                  Google (NASDAQ: GOOGL)
                 </h5>
-                <small id="d32b8820-442c-47c3-afc1-7ccacce7f5b1">
+                <small id="c3db101b-c462-4c6a-a723-723235815f53">
                  12:04:58 12/01/2021
                 </small>
                </div>
@@ -6185,16 +6191,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="ce6a9cbc-e981-43c9-9a6f-0b5c03331324" onclick="return false;" style="cursor: pointer">
+                <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="eec09da3-16aa-4bb3-bc0a-fd6ced923f89" onclick="return false;" style="cursor: pointer">
                 </i>
                 <div class="dropdown-menu dropdown-menu-right">
-                 <button class="dropdown-item btn" id="98edf17f-fb42-4ce6-b747-b299260f9fa2" onclick="return false;">
+                 <button class="dropdown-item btn" id="b8f2475e-9818-4be7-8cf3-0d8a9c735ac1" onclick="return false;">
                   Buy
                  </button>
-                 <button class="dropdown-item btn" id="5875460b-9b7c-409e-ae0d-09cf1965a1d3" onclick="return false;">
+                 <button class="dropdown-item btn" id="39328d94-ad07-4b97-b475-eda839e32474" onclick="return false;">
                   Sell
                  </button>
-                 <button class="dropdown-item btn" id="139fcb1c-a7d0-4dd2-a166-e7ffdf07a09d" onclick="return false;">
+                 <button class="dropdown-item btn" id="2714f0ed-e526-432d-9813-65ab9e3c55bf" onclick="return false;">
                   Transfer
                  </button>
                 </div>
@@ -6210,50 +6216,50 @@ List(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="34c7abee-054b-4069-acf4-62a5373c1af7">
-     <div id="26f4ded2-dbbf-45f2-b603-d09105ed31c2">
+    <div class="tab-pane fade" id="9ec1caeb-12f7-4fb8-aa3b-c031020e61ca">
+     <div id="af7d5d66-1cc4-4bcf-992c-62cbba5a30e4">
       <hr/>
-      <ul class="nav" id="ecb98b26-a71d-492f-bc7d-194642575dcc" role="tablist">
+      <ul class="nav" id="16b2d55b-3f45-43b4-9215-ee5281ae1039" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#a63256d6-a03f-4953-93af-ea697226e032" data-bs-toggle="tab" href="#a63256d6-a03f-4953-93af-ea697226e032" id="534788e1-8572-4964-84ad-57468e921efa" role="tab">
-         <span class="text-secondary" id="e98f1c3e-fe21-4520-abd1-2264b4bc2101">
+        <a class="nav-link active" data-bs-target="#275feacc-cd82-4aea-adec-8009167fe60b" data-bs-toggle="tab" href="#275feacc-cd82-4aea-adec-8009167fe60b" id="0b3835f7-85bd-423e-917e-560e96986997" role="tab">
+         <span class="text-secondary" id="ff78a1fd-a8ec-40aa-831a-0d44d4494db3">
           Navigation
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#0fab779f-fcaf-455c-8832-7651544a6c0d" data-bs-toggle="tab" href="#0fab779f-fcaf-455c-8832-7651544a6c0d" id="936aecc3-d9e9-4b5a-a9bb-5745935042bc" role="tab">
-         <span class="text-secondary" id="e5ba93b5-9052-46b9-b821-0d3f6f1040f4">
+        <a class="nav-link" data-bs-target="#eca5b8a6-9c94-4fe2-becf-cc5231abbb8c" data-bs-toggle="tab" href="#eca5b8a6-9c94-4fe2-becf-cc5231abbb8c" id="6a535edc-b237-4e34-814d-4644f69fbd87" role="tab">
+         <span class="text-secondary" id="92b228bc-3832-4f12-8dd3-579e2b9b2afd">
           Navigation.Item
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="a63256d6-a03f-4953-93af-ea697226e032">
-        <div class="mt-5" id="7bd86d64-9707-4d07-885b-1690335aeaff">
-         <div class="d-flex justify-content-between" id="189d5eed-734b-40c5-8d4a-3b4a4599efd6">
-          <h1 id="94bf3094-c7fe-4f02-a5a1-c8d84c5050cc">
+       <div class="tab-pane fade active show" id="275feacc-cd82-4aea-adec-8009167fe60b">
+        <div class="mt-5" id="5a2f106f-3b33-4e86-9e7c-d0625d3bbec3">
+         <div class="d-flex justify-content-between" id="f8c138dc-06cf-4c78-9759-793c8a5482c9">
+          <h1 id="9d6fb02d-3b20-402c-b33d-0c5bbfd0b33e">
            Class
-           <span class="text-primary" id="20d684a8-863b-4e1a-b371-c8d88a4230de">
+           <span class="text-primary" id="eb5a8479-ffb8-4783-9439-ed3622c7ad0b">
             Navigation
            </span>
           </h1>
-          <div id="99e48055-2c72-40f8-bd5c-838f2d85a4f1">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#cb86dc6b-0226-4857-8a6d-26af3b3e6ae2" data-bs-toggle="collapse" id="6f12140d-9a50-44b3-a20f-16e94fb2b825" onclick="return false;" type="button">
+          <div id="3fa048b5-027a-41c7-b723-9c409a0fd233">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#dad1c3d6-9c29-42b7-90ad-3dc2d138fdbf" data-bs-toggle="collapse" id="8b35bf98-6909-44c0-b9d5-99114e7c50a1" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="9b174684-4931-4215-b6b8-bc7e8442efaa">
+         <span class="text-muted" id="de7e11dd-2f87-41e0-8964-fbdfb75739d1">
           A web component for navigation.
          </span>
-         <pre id="e252d95d-19fd-4ce7-a1dd-7f3f26596e09"><code class="python">Navigation(*items)</code></pre>
-         <div class="ms-3 collapse" id="cb86dc6b-0226-4857-8a6d-26af3b3e6ae2">
-          <h6 id="fe8e8f35-d060-44f9-90df-7583255caeef">
+         <pre id="4fa9771d-fe23-4046-89bc-fe63b245aa19"><code class="language-python">Navigation(*items)</code></pre>
+         <div class="ms-3 collapse" id="dad1c3d6-9c29-42b7-90ad-3dc2d138fdbf">
+          <h6 id="f7414c72-3712-421a-afa1-6844e6ba76a2">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="36fec8a2-ed7d-4460-b3be-4676322cf766">
+          <table class="table table-sm bg-light" id="743bc309-3a93-4153-9012-7e8bb7782a7a">
            <thead>
             <tr>
              <th scope="col">
@@ -6290,11 +6296,11 @@ List(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="ed52022c-f371-4feb-99c8-d9854cf531a8">
-          <h6 id="d79f8f6a-b76d-40b5-88fa-2540cdf948de">
+         <div class="ms-3" id="ebc269c3-c90c-41a4-9fb3-6b86552cf3fa">
+          <h6 id="4e909d5e-361e-4390-9b86-f7cf04a8e644">
            Example
           </h6>
-          <pre id="05a20c3b-1a63-4d4d-8d09-93d61bef2deb"><code class="python">from bootwrap import Navigation
+          <pre id="cb4cd255-a68e-494b-90ce-4dfda7a391bf"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6303,59 +6309,59 @@ Navigation(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="490ca945-3d6a-45b6-8418-ada20d51d822">
-          <ul class="nav" id="af17d913-8598-4f4e-af6e-710728984729" role="tablist">
+         <div class="ms-3" id="e70f0f5a-3f36-4c0b-ba5d-a2a1777fc198">
+          <ul class="nav" id="bd9ca192-3e9f-4ce2-906e-57717f4dc37b" role="tablist">
            <li class="nav-item">
-            <a class="nav-link active" data-bs-target="#db4e3472-f0bc-4db8-a9d9-34a46f63fff6" data-bs-toggle="tab" href="#db4e3472-f0bc-4db8-a9d9-34a46f63fff6" id="16602cab-7cfd-4681-b5ef-9300e52d5630" role="tab">
+            <a class="nav-link active" data-bs-target="#dba71275-cba4-4dcb-a340-2a872a1878ff" data-bs-toggle="tab" href="#dba71275-cba4-4dcb-a340-2a872a1878ff" id="fd57d183-ab69-4972-ac7e-6812722f6437" role="tab">
              Chapter 1
             </a>
            </li>
            <li class="nav-item">
-            <a class="nav-link" data-bs-target="#a0b3f391-a7a1-4c04-8ff6-fcc0da197f30" data-bs-toggle="tab" href="#a0b3f391-a7a1-4c04-8ff6-fcc0da197f30" id="5f7e67f2-c23a-466f-abee-3ef7d00b7ed3" role="tab">
+            <a class="nav-link" data-bs-target="#d839adb1-9db5-423a-aa7e-56442339fe25" data-bs-toggle="tab" href="#d839adb1-9db5-423a-aa7e-56442339fe25" id="0b845ff4-c8cc-41af-992c-ce67133448ba" role="tab">
              Chapter 2
             </a>
            </li>
            <li class="nav-item">
-            <a class="nav-link" data-bs-target="#b42970a3-b12f-4f0b-81de-789726ef581b" data-bs-toggle="tab" href="#b42970a3-b12f-4f0b-81de-789726ef581b" id="b77cef2b-d4d5-4b59-a8c9-6b21dfba5d51" role="tab">
+            <a class="nav-link" data-bs-target="#68935df0-9711-478f-82d8-0e8a0401c502" data-bs-toggle="tab" href="#68935df0-9711-478f-82d8-0e8a0401c502" id="582070c5-0d7d-46c6-ac15-57ba22d354eb" role="tab">
              Chapter 3
             </a>
            </li>
           </ul>
           <div class="tab-content">
-           <div class="tab-pane fade active show" id="db4e3472-f0bc-4db8-a9d9-34a46f63fff6">
+           <div class="tab-pane fade active show" id="dba71275-cba4-4dcb-a340-2a872a1878ff">
             Text 1
            </div>
-           <div class="tab-pane fade" id="a0b3f391-a7a1-4c04-8ff6-fcc0da197f30">
+           <div class="tab-pane fade" id="d839adb1-9db5-423a-aa7e-56442339fe25">
             Text 2
            </div>
-           <div class="tab-pane fade" id="b42970a3-b12f-4f0b-81de-789726ef581b">
+           <div class="tab-pane fade" id="68935df0-9711-478f-82d8-0e8a0401c502">
             Text 3
            </div>
           </div>
          </div>
-         <div class="mt-5" id="a9426ac0-d6a2-4a8a-92ef-fe98c6fcdb09">
-          <div class="d-flex justify-content-between" id="51b5a118-c8e3-4587-8a51-7667d8b5c4ff">
-           <h4 id="3ac6d693-2244-48dc-91cf-9a6c2e790edf">
+         <div class="mt-5" id="55cce6bf-6d97-408a-a15d-21e034d9c4ca">
+          <div class="d-flex justify-content-between" id="aefcb428-6cf9-440c-a949-bc1ef0824b04">
+           <h4 id="7de18746-aeb1-4968-9903-f62fbbe47f3b">
             Method
-            <span class="text-primary" id="d655819f-d7b8-465b-b084-3d1aa13c6ec9">
+            <span class="text-primary" id="8c786481-ccf1-4113-846e-0d3b4d4f5eae">
              as_pills
             </span>
            </h4>
-           <div id="906f83c3-1f39-4a0b-a887-aa308f4511cd">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a27c2930-4508-4e6e-8f0a-655390092c89" data-bs-toggle="collapse" id="25f9e5be-4a5c-4b50-b91b-494e2d424fd9" onclick="return false;" type="button">
+           <div id="4df18d7d-c0e8-4ba7-a237-fe28bc890bb2">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#84ca1ff9-0bde-4e5b-bb77-059bd23ef561" data-bs-toggle="collapse" id="47f5fdb5-4d50-40e6-a38f-b0b124147874" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="244ab2af-0ca3-4991-bb3e-a70253a9cda0">
+          <span class="text-muted" id="1d7bdd95-0df0-437a-bcae-720e4eb68fac">
            Makes the navigation controls looks like buttons.
           </span>
-          <pre id="4798719c-b185-4e1a-abf0-fd25c207f1d2"><code class="python">as_pills()</code></pre>
-          <div class="ms-3 collapse" id="a27c2930-4508-4e6e-8f0a-655390092c89">
-           <h6 id="5aed3d3c-9eda-40d0-bd31-fdb316e3ddaa">
+          <pre id="3ca39f9b-1cc7-4aad-bae8-877d2210c50e"><code class="language-python">as_pills()</code></pre>
+          <div class="ms-3 collapse" id="84ca1ff9-0bde-4e5b-bb77-059bd23ef561">
+           <h6 id="ebe4fd59-18a7-4cfc-84fa-30d8cb90d16b">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="3abea56f-f0d4-4839-9acb-485eabd62125">
+           <table class="table table-sm bg-light" id="f24924c8-bfb1-42e7-8d89-1dd8b3778c56">
             <thead>
              <tr>
               <th scope="col">
@@ -6388,11 +6394,11 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="ffe9e5d3-fef3-47bf-9b13-cee6b7058c8b">
-           <h6 id="0134974e-a7e5-4c46-9273-849a1e26e5b2">
+          <div class="ms-3" id="d390de04-316b-4631-8de6-6199e691e3b7">
+           <h6 id="cf608408-6959-46ef-89ea-4039577426e2">
             Example
            </h6>
-           <pre id="5fdfeaf1-c23b-4f79-8f7f-d049582e43e3"><code class="python">from bootwrap import Navigation
+           <pre id="f491c393-32e4-4336-863e-4387b97481f4"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6401,60 +6407,60 @@ Navigation(
 ).as_pills()
 </code></pre>
           </div>
-          <div class="ms-3" id="27b10ae2-838c-4c74-b019-beac176e238b">
-           <ul class="nav nav-pills" id="9ff1d1d4-b2fa-4fee-9cd5-bbc45bc28ce7" role="tablist">
+          <div class="ms-3" id="9911c665-d64e-4f6d-8652-1c0a6a0cfaf4">
+           <ul class="nav nav-pills" id="a7e9d1e2-3cb9-4abe-98f3-e60a19b45f5a" role="tablist">
             <li class="nav-item">
-             <a class="nav-link active" data-bs-target="#cb0d0dd8-aff4-4727-856d-d35e5a1706d9" data-bs-toggle="tab" href="#cb0d0dd8-aff4-4727-856d-d35e5a1706d9" id="321be31b-50ec-44fa-9a3b-c4dc65bd240d" role="tab">
+             <a class="nav-link active" data-bs-target="#85683f4c-d119-4e96-82f0-dc67d11364a1" data-bs-toggle="tab" href="#85683f4c-d119-4e96-82f0-dc67d11364a1" id="72cdfd07-0b24-4f88-b9d9-dbd2061fde2e" role="tab">
               Chapter 1
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#b62eeb4f-e3ce-4c3a-ad98-2b7cca44475c" data-bs-toggle="tab" href="#b62eeb4f-e3ce-4c3a-ad98-2b7cca44475c" id="900cc0a8-8061-4bf5-bcc4-ea257b0a5bcb" role="tab">
+             <a class="nav-link" data-bs-target="#795b273a-e32c-4e61-af58-86c7b2e05cc3" data-bs-toggle="tab" href="#795b273a-e32c-4e61-af58-86c7b2e05cc3" id="5200bc1e-4993-4d99-998f-dde3663e5bde" role="tab">
               Chapter 2
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#6f8c5409-1b03-44ef-849b-c6f2fb42a87f" data-bs-toggle="tab" href="#6f8c5409-1b03-44ef-849b-c6f2fb42a87f" id="975aed1e-e5a5-48df-95ad-9d5175a882c1" role="tab">
+             <a class="nav-link" data-bs-target="#d6a195cb-050e-475e-ba3d-866d31de5968" data-bs-toggle="tab" href="#d6a195cb-050e-475e-ba3d-866d31de5968" id="09e849e9-539e-400c-922e-318691948919" role="tab">
               Chapter 3
              </a>
             </li>
            </ul>
            <div class="tab-content">
-            <div class="tab-pane fade active show" id="cb0d0dd8-aff4-4727-856d-d35e5a1706d9">
+            <div class="tab-pane fade active show" id="85683f4c-d119-4e96-82f0-dc67d11364a1">
              Text 1
             </div>
-            <div class="tab-pane fade" id="b62eeb4f-e3ce-4c3a-ad98-2b7cca44475c">
+            <div class="tab-pane fade" id="795b273a-e32c-4e61-af58-86c7b2e05cc3">
              Text 2
             </div>
-            <div class="tab-pane fade" id="6f8c5409-1b03-44ef-849b-c6f2fb42a87f">
+            <div class="tab-pane fade" id="d6a195cb-050e-475e-ba3d-866d31de5968">
              Text 3
             </div>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="c7834174-a60d-4470-8408-fbbce5adb82a">
-          <div class="d-flex justify-content-between" id="4c661cf6-30b5-47bd-a8ab-e29906b7e3ab">
-           <h4 id="977f0549-8066-4b2a-a883-96676cc24956">
+         <div class="mt-5" id="10ad0cb7-032e-4c13-991d-f692cf61d857">
+          <div class="d-flex justify-content-between" id="90319998-2587-46cf-be96-497dfb6c26c5">
+           <h4 id="3ff47516-a512-491b-969d-6e8dadaa2b09">
             Method
-            <span class="text-primary" id="21521cc0-d100-4fbf-b592-65274dfdd2b1">
+            <span class="text-primary" id="4bf199ba-ec01-4715-b6e9-eea47c16b32d">
              as_tabs
             </span>
            </h4>
-           <div id="16e1a079-eb77-48ad-b9cb-05c866fe968c">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#1cbb9762-5a1f-4df7-86b0-3030f483f467" data-bs-toggle="collapse" id="774880a0-2435-495b-8bdf-f93d81a92e51" onclick="return false;" type="button">
+           <div id="c966968c-366c-4aa5-962b-5bfec4244cc6">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d40a95ac-316c-4372-a057-42652756f94b" data-bs-toggle="collapse" id="f8511603-9ac9-4932-b80e-025d16a7fab9" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="8493e17f-fc89-4b80-9564-24ad91e79286">
+          <span class="text-muted" id="38484c37-0be3-4aba-a874-1ac660f734cf">
            Makes the navigation controls looks like buttons.
           </span>
-          <pre id="2193b9a2-67a4-460c-8556-1fc274f28bc4"><code class="python">as_tabs()</code></pre>
-          <div class="ms-3 collapse" id="1cbb9762-5a1f-4df7-86b0-3030f483f467">
-           <h6 id="3ebe95fa-2840-45cb-8c98-6830b1c2da8c">
+          <pre id="38667eab-d63b-4933-8629-ef37a5544010"><code class="language-python">as_tabs()</code></pre>
+          <div class="ms-3 collapse" id="d40a95ac-316c-4372-a057-42652756f94b">
+           <h6 id="0022ba5d-6c3d-4d23-b34a-d00fcdd9c61d">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="cef87cd4-a1f3-41b5-aeba-048edd02e3db">
+           <table class="table table-sm bg-light" id="857e3a9e-9e66-4a18-aa77-9b801d1958ba">
             <thead>
              <tr>
               <th scope="col">
@@ -6487,11 +6493,11 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="8a2b9ad8-1634-4001-888f-f66be6b4026a">
-           <h6 id="3f7d226c-5af6-4377-ad07-db59ef6995f0">
+          <div class="ms-3" id="f84ce2d9-58e1-4a50-848e-b27fa4a02d3c">
+           <h6 id="10850390-1ae9-4bac-8c45-00a34cce1d5b">
             Example
            </h6>
-           <pre id="4e3262f2-2862-48bf-a09a-9d8d6803ea8c"><code class="python">from bootwrap import Navigation
+           <pre id="4593dae7-e4f6-44e3-845d-080e2196fd02"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6500,60 +6506,60 @@ Navigation(
 ).as_tabs()
 </code></pre>
           </div>
-          <div class="ms-3" id="56cd3d1b-7f51-4a78-8e51-a3fb1a5aff87">
-           <ul class="nav nav-tabs" id="75cbd34f-2721-47e3-bb5c-d12f4dac7b04" role="tablist">
+          <div class="ms-3" id="fe30f11c-957b-4b4c-9a11-1087f2c0873a">
+           <ul class="nav nav-tabs" id="e38866c2-6c10-4ab4-a04e-83df7b11bc57" role="tablist">
             <li class="nav-item">
-             <a class="nav-link active" data-bs-target="#c6276e56-6761-4543-949f-1b5ac1c5c6ea" data-bs-toggle="tab" href="#c6276e56-6761-4543-949f-1b5ac1c5c6ea" id="e8a966f6-b9f9-44f4-ad43-7f50a8da9f58" role="tab">
+             <a class="nav-link active" data-bs-target="#a50c0f47-482f-4bb4-b6c5-fea1e55cffff" data-bs-toggle="tab" href="#a50c0f47-482f-4bb4-b6c5-fea1e55cffff" id="d746aaf7-567a-408b-aae3-68952f3766c3" role="tab">
               Chapter 1
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#5bee474d-e5ec-4393-a9be-e35ca1f71f5a" data-bs-toggle="tab" href="#5bee474d-e5ec-4393-a9be-e35ca1f71f5a" id="3e47fd13-99da-4be8-bb8e-7854844c8c36" role="tab">
+             <a class="nav-link" data-bs-target="#d3c6e328-99a3-40dd-9970-23a36c89f142" data-bs-toggle="tab" href="#d3c6e328-99a3-40dd-9970-23a36c89f142" id="eed1ab27-1ba2-4480-81fb-8df3df8435e5" role="tab">
               Chapter 2
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#9fbeca92-07b6-4ad6-ae4f-a8f948528a2e" data-bs-toggle="tab" href="#9fbeca92-07b6-4ad6-ae4f-a8f948528a2e" id="3d970e65-098b-4e82-82ce-7713af29ca12" role="tab">
+             <a class="nav-link" data-bs-target="#0efc6a5c-68cd-463e-a40c-fb63bff63e72" data-bs-toggle="tab" href="#0efc6a5c-68cd-463e-a40c-fb63bff63e72" id="33764ade-c301-4b86-b995-53e13610c368" role="tab">
               Chapter 3
              </a>
             </li>
            </ul>
            <div class="tab-content">
-            <div class="tab-pane fade active show" id="c6276e56-6761-4543-949f-1b5ac1c5c6ea">
+            <div class="tab-pane fade active show" id="a50c0f47-482f-4bb4-b6c5-fea1e55cffff">
              Text 1
             </div>
-            <div class="tab-pane fade" id="5bee474d-e5ec-4393-a9be-e35ca1f71f5a">
+            <div class="tab-pane fade" id="d3c6e328-99a3-40dd-9970-23a36c89f142">
              Text 2
             </div>
-            <div class="tab-pane fade" id="9fbeca92-07b6-4ad6-ae4f-a8f948528a2e">
+            <div class="tab-pane fade" id="0efc6a5c-68cd-463e-a40c-fb63bff63e72">
              Text 3
             </div>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="32c0c783-a974-4d04-b7c8-f5bcaacb4a7a">
-          <div class="d-flex justify-content-between" id="0c5a5f74-e129-42fa-92de-77a27e91a758">
-           <h4 id="ba7271a6-b25e-4487-863d-71193e6d27f2">
+         <div class="mt-5" id="6d561337-aa4f-4045-967d-fc68f6d19677">
+          <div class="d-flex justify-content-between" id="cae38d7e-8f42-4ed1-b9a0-2a6ebce48f8a">
+           <h4 id="ac373135-0e68-441c-a782-c2fcefda7f01">
             Method
-            <span class="text-primary" id="33a617e6-1322-4531-85ee-c69067f8acbc">
+            <span class="text-primary" id="9a2ed02c-77c5-4222-b3e7-66a7c7792210">
              as_vertical
             </span>
            </h4>
-           <div id="d99bdabd-25cc-4803-acdd-88c8ebd54d20">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d8a4a9d1-7d7a-4f63-b2d4-fc5180f8876b" data-bs-toggle="collapse" id="17c1868c-ad99-415b-9921-834f8acbaec1" onclick="return false;" type="button">
+           <div id="f6e32595-6405-4d4e-8c9c-88ada0bbed38">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#5256fefe-4064-4425-9d21-59fd63dface2" data-bs-toggle="collapse" id="ac2f7396-1fc7-495c-9ed9-3236e964b7e9" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="210145f5-e288-470e-b270-ecc86a5c2ad7">
+          <span class="text-muted" id="71f64ae4-9322-41c2-a3b7-f8b016c3cec3">
            Makes the navigation vertical.
           </span>
-          <pre id="df78d3a0-f562-4188-ac65-8223a2edb2eb"><code class="python">as_vertical()</code></pre>
-          <div class="ms-3 collapse" id="d8a4a9d1-7d7a-4f63-b2d4-fc5180f8876b">
-           <h6 id="d3df57ec-4078-47fc-bf8e-5440301344fb">
+          <pre id="cfbe61d8-6025-4470-aa53-3f32b2a2b21b"><code class="language-python">as_vertical()</code></pre>
+          <div class="ms-3 collapse" id="5256fefe-4064-4425-9d21-59fd63dface2">
+           <h6 id="9f997ce7-98ba-4768-9b68-669ecc65876d">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="26b49554-61ea-4217-9bd9-5de36417a96f">
+           <table class="table table-sm bg-light" id="1179c054-08a2-4343-8b13-986480e3be1b">
             <thead>
              <tr>
               <th scope="col">
@@ -6586,11 +6592,11 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="c607d816-c26c-4f3d-8e0b-a12522c6a057">
-           <h6 id="b40a0ab6-c3b8-4501-9c36-1118e6a59b96">
+          <div class="ms-3" id="52460d93-63cc-409c-9121-b37f7f8dfab5">
+           <h6 id="f6d29ac0-f862-4d5a-ad7d-a89a30009b6a">
             Example
            </h6>
-           <pre id="198316de-af78-4cce-a4a9-956a01aaade7"><code class="python">from bootwrap import Navigation
+           <pre id="7ab6f6ca-ea83-46af-8698-2af1f2f2bc25"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6599,33 +6605,33 @@ Navigation(
 ).as_vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="76db0523-2c7f-4f7f-8b13-04603364b08b">
+          <div class="ms-3" id="8028b71c-ad49-4e96-88be-5400481a776b">
            <div class="d-flex">
-            <ul class="nav flex-column" id="b5015f3d-af92-4ff9-a249-203f2abd8197" role="tablist">
+            <ul class="nav flex-column" id="31b385e0-6cac-4358-9c78-2ced3bb0de26" role="tablist">
              <li class="nav-item">
-              <a class="nav-link active" data-bs-target="#e6513b56-56d3-4893-8569-a2414417fd49" data-bs-toggle="tab" href="#e6513b56-56d3-4893-8569-a2414417fd49" id="9be6ef29-b9a6-4490-94e0-f787349a4b96" role="tab">
+              <a class="nav-link active" data-bs-target="#bc6d700a-0a96-4df0-a24c-5d1276a77304" data-bs-toggle="tab" href="#bc6d700a-0a96-4df0-a24c-5d1276a77304" id="fa3a795b-79b5-4669-968d-873dff00b5b1" role="tab">
                Chapter 1
               </a>
              </li>
              <li class="nav-item">
-              <a class="nav-link" data-bs-target="#0777f8b7-7503-410c-9399-8733cf81ddc2" data-bs-toggle="tab" href="#0777f8b7-7503-410c-9399-8733cf81ddc2" id="6f3946c0-2e3f-45be-aee4-92a3e1649e78" role="tab">
+              <a class="nav-link" data-bs-target="#664c286b-2f68-4a54-9c87-84d5db066d40" data-bs-toggle="tab" href="#664c286b-2f68-4a54-9c87-84d5db066d40" id="175c8f4c-fd7e-43ce-8411-14eaa4ab8f3a" role="tab">
                Chapter 2
               </a>
              </li>
              <li class="nav-item">
-              <a class="nav-link" data-bs-target="#aff1ec91-b606-4fce-9141-ad0c58366214" data-bs-toggle="tab" href="#aff1ec91-b606-4fce-9141-ad0c58366214" id="03383fb8-0487-4b98-af7d-cbb95d6283f6" role="tab">
+              <a class="nav-link" data-bs-target="#fa4fbec2-2cdf-42e7-adf1-28514275641c" data-bs-toggle="tab" href="#fa4fbec2-2cdf-42e7-adf1-28514275641c" id="f339964e-1d53-4638-bd8d-ff46737af655" role="tab">
                Chapter 3
               </a>
              </li>
             </ul>
             <div class="tab-content">
-             <div class="tab-pane fade active show" id="e6513b56-56d3-4893-8569-a2414417fd49">
+             <div class="tab-pane fade active show" id="bc6d700a-0a96-4df0-a24c-5d1276a77304">
               Text 1
              </div>
-             <div class="tab-pane fade" id="0777f8b7-7503-410c-9399-8733cf81ddc2">
+             <div class="tab-pane fade" id="664c286b-2f68-4a54-9c87-84d5db066d40">
               Text 2
              </div>
-             <div class="tab-pane fade" id="aff1ec91-b606-4fce-9141-ad0c58366214">
+             <div class="tab-pane fade" id="fa4fbec2-2cdf-42e7-adf1-28514275641c">
               Text 3
              </div>
             </div>
@@ -6634,52 +6640,52 @@ Navigation(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="0fab779f-fcaf-455c-8832-7651544a6c0d">
-        <div class="mt-5" id="4c395ac5-6936-4297-af7d-eb62c7c443b2">
-         <div class="d-flex justify-content-between" id="99a91724-e745-4cc6-b5fb-c8d160ab7603">
-          <h1 id="f056e954-1c81-40eb-8e54-27b796301ee6">
+       <div class="tab-pane fade" id="eca5b8a6-9c94-4fe2-becf-cc5231abbb8c">
+        <div class="mt-5" id="5e6bd2f2-1409-4db0-b0d8-21034ef05ac5">
+         <div class="d-flex justify-content-between" id="4fac6f91-ecea-4ac1-b75e-ada2dff8d5f5">
+          <h1 id="096ba5aa-9785-4097-98dd-b77b3c8dead8">
            Class
-           <span class="text-primary" id="c1ce7d3f-84f5-439f-acb1-1a15f9e78588">
+           <span class="text-primary" id="73295ff9-0a34-4452-aab3-a0570e96496c">
             Navigation.Item
            </span>
           </h1>
-          <div id="d2b2e447-3a45-416c-a5b3-ce474b1e8ef0">
+          <div id="2f397043-7ace-4fd9-b867-05198ce14558">
           </div>
          </div>
-         <span class="text-muted" id="9af8e547-6aa3-46a8-90a1-69d1d5f187bf">
+         <span class="text-muted" id="dfc8cec1-44f8-4673-8146-20a62b2c67f0">
           None
          </span>
-         <pre id="1ba8511d-5714-4741-a081-e89320921fc1"><code class="python">Navigation.Item(name, content, active=False)</code></pre>
-         <div class="mt-5" id="fae13e06-3086-4b2c-8411-297f991334ad">
-          <h4 id="0e8a9a5c-e700-448c-94a9-3f6cbc680daf">
+         <pre id="9e89ba66-04aa-4b4e-8942-00442259641a"><code class="language-python">Navigation.Item(name, content, active=False)</code></pre>
+         <div class="mt-5" id="3c1670ad-08c7-41ec-93d3-fc2722415aa2">
+          <h4 id="91231a62-fb4c-4981-91db-0b505a246abe">
            Property
-           <span class="text-primary" id="c13c42e3-f2b6-425d-94f4-fbc4da9470c0">
+           <span class="text-primary" id="12afdb14-02f3-4a67-84b3-1937e39ee1fc">
             active
            </span>
           </h4>
-          <span class="text-muted" id="bd8950a3-2254-4fb0-9b40-0b3b943caea8">
+          <span class="text-muted" id="3a2d90a5-be93-4292-80ad-51b76e6fa9c5">
            None
           </span>
          </div>
-         <div class="mt-5" id="66be1929-d90f-4a7e-a998-5e0926dd4fcb">
-          <h4 id="481629c2-b55e-46f1-aff1-db28175d489a">
+         <div class="mt-5" id="3b1061c1-7508-4d7b-9b2a-209d64a60cf2">
+          <h4 id="e8ad2beb-b85e-4ee6-83d1-8a2c920d4eea">
            Property
-           <span class="text-primary" id="c3c3d422-b855-4039-bac9-e351c85e6825">
+           <span class="text-primary" id="2071378e-cea4-47b7-85b1-bda775bdcc01">
             content
            </span>
           </h4>
-          <span class="text-muted" id="736c34b1-004b-48b2-b2a3-d2870a3b35e5">
+          <span class="text-muted" id="49e0c17b-8111-4c70-9db4-bab6992de0c0">
            None
           </span>
          </div>
-         <div class="mt-5" id="cb61d50a-f353-41c2-b25e-99d1f8b5955c">
-          <h4 id="5f221c1b-489b-4eaa-b1d3-9eab6473ace0">
+         <div class="mt-5" id="01e7c849-2ff9-4aff-88b2-29f7ca9da308">
+          <h4 id="4853df92-d795-485e-9aa5-378f6242afb3">
            Property
-           <span class="text-primary" id="8e0ce2d4-c7ea-4801-8884-4fb4b5234834">
+           <span class="text-primary" id="27595110-1352-4c0e-b4cf-b9c75d4ad2cc">
             name
            </span>
           </h4>
-          <span class="text-muted" id="787bce85-614f-44d4-8bcd-4bbea0acbf83">
+          <span class="text-muted" id="61c0de97-c9af-4994-b39f-c368ff777514">
            None
           </span>
          </div>
@@ -6688,57 +6694,57 @@ Navigation(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="1aefe3d8-aa39-4654-ab35-72a3aa7cccb8">
-     <div id="099b9203-3194-4c9b-b136-d69ffad03643">
+    <div class="tab-pane fade" id="36ee76b3-67ea-40f2-a51a-c7119d5df542">
+     <div id="cbd3ba24-ffe6-46be-a961-79ca941c10de">
       <hr/>
-      <ul class="nav" id="0ffe5e12-d7e4-4055-8bae-755653ac99b2" role="tablist">
+      <ul class="nav" id="c635e7c8-6fd6-43be-ba97-a64ff13be4be" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#73ba05cb-2ef8-40e9-b8e2-4b669fb8d7f3" data-bs-toggle="tab" href="#73ba05cb-2ef8-40e9-b8e2-4b669fb8d7f3" id="340e6ee8-6b54-4bbc-ada1-9d03d4cf3f3b" role="tab">
-         <span class="text-secondary" id="a49a33ee-9292-4ea4-b72b-d8f259d0a399">
+        <a class="nav-link active" data-bs-target="#b80a8981-93f6-4493-bc45-803507d03a7f" data-bs-toggle="tab" href="#b80a8981-93f6-4493-bc45-803507d03a7f" id="bd55483e-f489-4775-bb46-7338347a05b3" role="tab">
+         <span class="text-secondary" id="f495493f-7bb5-41bc-8cd9-d20d73c9fa05">
           Panel
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#a18699a9-d927-4a91-899f-4d96ef64f45a" data-bs-toggle="tab" href="#a18699a9-d927-4a91-899f-4d96ef64f45a" id="35964f3b-d216-4620-aac7-af3cc0fa0fd5" role="tab">
-         <span class="text-secondary" id="647f7d4a-c402-4a06-9147-4ed35a3214bb">
+        <a class="nav-link" data-bs-target="#61dcdc56-cc4e-4b04-895e-2371ffa4f61e" data-bs-toggle="tab" href="#61dcdc56-cc4e-4b04-895e-2371ffa4f61e" id="e3852b16-f51c-4baa-b657-845c39380dbd" role="tab">
+         <span class="text-secondary" id="397fd2b4-bbb8-465e-b5ce-6118299707c3">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#1227c5b2-be77-4108-9ebc-bb84f9d87c09" data-bs-toggle="tab" href="#1227c5b2-be77-4108-9ebc-bb84f9d87c09" id="574d779b-fdbe-4b08-9546-3543a47f4847" role="tab">
-         <span class="text-secondary" id="bedf0def-e5d7-43a2-bfa2-1caa77b54087">
+        <a class="nav-link" data-bs-target="#87488a9d-9f80-4f20-925f-4586bbb9d986" data-bs-toggle="tab" href="#87488a9d-9f80-4f20-925f-4586bbb9d986" id="7f1e93ef-e2b0-48b9-9ff4-f46e909b81ad" role="tab">
+         <span class="text-secondary" id="bc65e6c8-9de4-44d6-831b-eeead4bfdb2c">
           Outline
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="73ba05cb-2ef8-40e9-b8e2-4b669fb8d7f3">
-        <div class="mt-5" id="65ffeed4-e686-4b60-9213-5e53f2f1a10d">
-         <div class="d-flex justify-content-between" id="b1517c7f-3687-45df-8564-95b9e7ea573a">
-          <h1 id="b9d69cfc-63d1-4ff3-b6f0-1f43174652db">
+       <div class="tab-pane fade active show" id="b80a8981-93f6-4493-bc45-803507d03a7f">
+        <div class="mt-5" id="3a8eb844-1162-416b-8088-3fcedc2294d6">
+         <div class="d-flex justify-content-between" id="898c6c0e-2f00-400b-ac48-b592a034a405">
+          <h1 id="43200bd8-fad5-4639-b6cb-27a010c2956f">
            Class
-           <span class="text-primary" id="b496d627-2dfa-41e9-b051-993543a6be13">
+           <span class="text-primary" id="14aca61c-0a4e-45ca-a034-cae14bfdb3aa">
             Panel
            </span>
           </h1>
-          <div id="ec5ceb2c-f1f1-4de0-a632-6b461200a9b9">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a7041ba7-bfe1-4cfc-b6b9-16375c044182" data-bs-toggle="collapse" id="2ef6e944-7a58-4443-ac04-9e22aa2b5a5f" onclick="return false;" type="button">
+          <div id="c2ffce22-c703-4069-83e7-6cb58a167f0b">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7649bdcd-286e-4737-9e08-7998dfef0574" data-bs-toggle="collapse" id="e50f4dd6-3ce1-4488-9c4b-6698aad3e099" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="fade4e5d-ff87-4a08-b277-034564a18a3d">
+         <span class="text-muted" id="827a59fa-ab33-4e33-8104-1755f36c4109">
           A web component for a panel.
          </span>
-         <pre id="bc9f5d7b-01ba-4f25-bc43-7a130361b5be"><code class="python">Panel(*components)</code></pre>
-         <div class="ms-3 collapse" id="a7041ba7-bfe1-4cfc-b6b9-16375c044182">
-          <h6 id="6d4b194a-2ca8-4739-b716-f3b3855574b8">
+         <pre id="9f42eff9-9ba3-49d2-8b29-28c18253a397"><code class="language-python">Panel(*components)</code></pre>
+         <div class="ms-3 collapse" id="7649bdcd-286e-4737-9e08-7998dfef0574">
+          <h6 id="e8d08e35-365b-4c72-8ad5-eee97ca81e05">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="0f217075-074b-4758-8fbf-d776857fc6a2">
+          <table class="table table-sm bg-light" id="fed3ed7d-2f98-4678-8634-57eece52f798">
            <thead>
             <tr>
              <th scope="col">
@@ -6775,11 +6781,11 @@ Navigation(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="7d0cf273-ab62-4910-ac84-e35e1b5e0763">
-          <h6 id="04805680-4411-4d65-a665-7c53d770acb6">
+         <div class="ms-3" id="b77d9ea9-3d13-4ef3-ac3b-e3d9fb3279e0">
+          <h6 id="77e04d3e-0f60-467b-9693-e9ceee136681">
            Example
           </h6>
-          <pre id="8a89ff68-cf72-4bff-8f56-0c3ac06cfdff"><code class="python">from bootwrap import Text, Panel
+          <pre id="7124c96c-53d8-42e6-ae9d-5d18128b4a7f"><code class="language-python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").as_outline().ms(1)
 comp2 = Text("Component 2").as_outline().ms(1)
@@ -6788,45 +6794,45 @@ comp3 = Text("Component 3").as_outline().ms(1)
 Panel(comp1, comp2, comp3)
 </code></pre>
          </div>
-         <div class="ms-3" id="b0e4c59c-71fa-4f83-a503-efcd7c718ba0">
-          <div id="78b212c1-a4c6-4d0f-b2db-23de4ce4000a">
-           <span class="ms-1 border" id="2e5c64b6-b032-465d-adc3-468468bb63f6">
+         <div class="ms-3" id="202ecd3c-232b-4404-a7b7-2c5d2d2f9d2f">
+          <div id="5983ad10-61dc-4d59-9ea1-1f1c9f548817">
+           <span class="ms-1 border" id="c5600cc7-2ea6-462c-a7d9-94b638bd90c3">
             Component 1
            </span>
-           <span class="ms-1 border" id="332f613c-5420-4512-90f1-042f0b0d9566">
+           <span class="ms-1 border" id="6a61f725-462e-4b41-a6f8-c4d73dea01f9">
             Component 2
            </span>
-           <span class="ms-1 border" id="a11b05de-b108-4863-a812-7313b0819089">
+           <span class="ms-1 border" id="4b4e4e17-4a57-4fc4-882c-948fc80934d8">
             Component 3
            </span>
           </div>
          </div>
-         <div class="mt-5" id="769e0238-1195-4715-9f7c-fc8d06587f4f">
-          <div class="d-flex justify-content-between" id="59db0f05-2db5-4d21-95da-ff5e1ac0ada8">
-           <h4 id="bacf5db5-c252-4894-a66a-229d05b37b77">
+         <div class="mt-5" id="a1ee396b-2dfa-4c12-912f-4d5a5357d2d1">
+          <div class="d-flex justify-content-between" id="bf6ba46d-d968-4dac-a511-16df242a33fd">
+           <h4 id="5fa29d93-6a4a-4aee-8f51-5da212af0f23">
             Method
-            <span class="text-primary" id="68329011-e03c-4056-b730-c6e4dc18aaac">
+            <span class="text-primary" id="975499f2-d699-456d-a483-2b3dffc64203">
              align_items
             </span>
            </h4>
-           <div id="0853a2d7-4e0b-4bcc-b048-c50fb88f8481">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9075b2e6-fc3f-4da1-870e-ca5eeb96ea12" data-bs-toggle="collapse" id="0fb664c2-09fa-4b85-b881-63cb72b2a1b5" onclick="return false;" type="button">
+           <div id="2d210411-a0df-40df-97b6-3b15a175e5db">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a1e25091-8abd-47fe-99c1-fc442ebdbb11" data-bs-toggle="collapse" id="d56c63eb-a13c-446b-9f38-0be592b3fcfc" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c58e0d8e-5945-499d-935c-9ffde9ff58ff" data-bs-toggle="collapse" id="64d42b4f-89b1-4a3f-80ec-8b4c69db755a" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#469d1c95-5f14-44d5-b812-7ca91789c10d" data-bs-toggle="collapse" id="19a0921b-0b2c-407c-9d82-288f91621f42" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="32416954-1d56-4724-8356-4163b2d8ccdf">
+          <span class="text-muted" id="b056cb92-e02e-4f87-9aaf-63e3cbeb4472">
            Align panel items.
           </span>
-          <pre id="ebdef45a-4066-4966-8c21-cddb5b058c86"><code class="python">align_items(style)</code></pre>
-          <div class="ms-3 collapse" id="9075b2e6-fc3f-4da1-870e-ca5eeb96ea12">
-           <h6 id="0c68a48d-b01c-4f23-9b44-c360d0312aab">
+          <pre id="e8de3790-992f-41c6-878f-770162b10f5c"><code class="language-python">align_items(style)</code></pre>
+          <div class="ms-3 collapse" id="a1e25091-8abd-47fe-99c1-fc442ebdbb11">
+           <h6 id="e1165e07-558d-4cf7-8d4e-9a7447938d8f">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="77846a42-59f0-4c67-8182-142c5ffec75f">
+           <table class="table table-sm bg-light" id="a48bbabe-439d-490f-9698-54e634e3e75a">
             <thead>
              <tr>
               <th scope="col">
@@ -6860,11 +6866,11 @@ Panel(comp1, comp2, comp3)
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="c58e0d8e-5945-499d-935c-9ffde9ff58ff">
-           <h6 id="6c8f2b08-6959-4f77-b670-92aaff4de796">
+          <div class="ms-3 collapse" id="469d1c95-5f14-44d5-b812-7ca91789c10d">
+           <h6 id="2f755870-b54e-48b6-ab14-0fb02bd1baaa">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="38072974-1f1e-4d45-b160-2c2b149da31f">
+           <table class="table table-sm bg-light" id="1eecfd4d-a48c-404a-ba9c-379f05b64b34">
             <thead>
              <tr>
               <th scope="col">
@@ -6897,11 +6903,11 @@ Panel(comp1, comp2, comp3)
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="525a9729-9593-4b44-9e36-47300ad120cf">
-           <h6 id="7c8ce39a-abe5-4ec1-abc1-1af7c6b5de80">
+          <div class="ms-3" id="44142ecf-020a-425f-af3b-b3b5d7331e16">
+           <h6 id="28a56b97-ad8b-4b57-a017-ee355b589bc5">
             Example
            </h6>
-           <pre id="dfd17136-0abb-480b-b394-7859329fa916"><code class="python">from bootwrap import Text, Panel, Image
+           <pre id="dd210f73-07ed-418f-921c-7fc22d51bb4b"><code class="language-python">from bootwrap import Text, Panel, Image
 
 image  = Image("logo.png", height="200px")
 comp1 = Text("Component 1").as_light().as_outline().p(2).m(2)
@@ -6923,19 +6929,19 @@ Panel(
 ).vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="c6b82dfc-d8a9-4494-8f70-23bb691a9be1">
-           <div id="bc029f19-3828-4c96-8eb6-39e4c0502f20">
+          <div class="ms-3" id="fc5981a3-9cd4-4d57-a1fe-9a3e1411665e">
+           <div id="201da007-b2cc-4501-a380-a581f863acc5">
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-start mt-1 bg-dark" id="8fa33275-b199-4d19-ac06-1b5d9bb42740">
-               <img height="200px" id="7f6e24b7-a916-4a1a-beb2-ad8808de19e5" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="3238e4c4-5148-4259-b7dd-aab548818e51">
+              <div class="d-flex align-items-start mt-1 bg-dark" id="33a91748-0d8d-4b82-889e-a2cbc631f4fa">
+               <img height="200px" id="60bb9b80-bfca-441f-8473-110e55f3b308" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="076d790a-6a75-4503-8343-e9310f4c9935">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="79d696f6-a217-4e02-bbd7-706b4477bcc3">
+               <span class="p-2 m-2 text-light border border-light" id="cec80fc9-cf31-4865-a520-2c053f789198">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="604b24a5-0c92-49b6-bc82-c55e9bc84d06">
+               <span class="p-2 m-2 text-light border border-light" id="ae1a8941-109a-40d7-b17b-2be22813d7ef">
                 Component 3
                </span>
               </div>
@@ -6943,15 +6949,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-end mt-1 bg-dark" id="e5b2974b-615c-44bb-9706-c85e0ae2b2f4">
-               <img height="200px" id="7f6e24b7-a916-4a1a-beb2-ad8808de19e5" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="3238e4c4-5148-4259-b7dd-aab548818e51">
+              <div class="d-flex align-items-end mt-1 bg-dark" id="767b0315-079f-41ef-b8b7-0c8614aa0cd4">
+               <img height="200px" id="60bb9b80-bfca-441f-8473-110e55f3b308" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="076d790a-6a75-4503-8343-e9310f4c9935">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="79d696f6-a217-4e02-bbd7-706b4477bcc3">
+               <span class="p-2 m-2 text-light border border-light" id="cec80fc9-cf31-4865-a520-2c053f789198">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="604b24a5-0c92-49b6-bc82-c55e9bc84d06">
+               <span class="p-2 m-2 text-light border border-light" id="ae1a8941-109a-40d7-b17b-2be22813d7ef">
                 Component 3
                </span>
               </div>
@@ -6959,15 +6965,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-center mt-1 bg-dark" id="9815482c-96d3-4718-b2c3-a9aa243d2e27">
-               <img height="200px" id="7f6e24b7-a916-4a1a-beb2-ad8808de19e5" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="3238e4c4-5148-4259-b7dd-aab548818e51">
+              <div class="d-flex align-items-center mt-1 bg-dark" id="6a673040-4cd3-4893-8749-855be48eea95">
+               <img height="200px" id="60bb9b80-bfca-441f-8473-110e55f3b308" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="076d790a-6a75-4503-8343-e9310f4c9935">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="79d696f6-a217-4e02-bbd7-706b4477bcc3">
+               <span class="p-2 m-2 text-light border border-light" id="cec80fc9-cf31-4865-a520-2c053f789198">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="604b24a5-0c92-49b6-bc82-c55e9bc84d06">
+               <span class="p-2 m-2 text-light border border-light" id="ae1a8941-109a-40d7-b17b-2be22813d7ef">
                 Component 3
                </span>
               </div>
@@ -6975,15 +6981,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-baseline mt-1 bg-dark" id="36146560-00d4-4348-bdeb-a74c9a5f35c4">
-               <img height="200px" id="7f6e24b7-a916-4a1a-beb2-ad8808de19e5" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="3238e4c4-5148-4259-b7dd-aab548818e51">
+              <div class="d-flex align-items-baseline mt-1 bg-dark" id="6add3753-4262-4a77-b583-a78f0f836f3c">
+               <img height="200px" id="60bb9b80-bfca-441f-8473-110e55f3b308" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="076d790a-6a75-4503-8343-e9310f4c9935">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="79d696f6-a217-4e02-bbd7-706b4477bcc3">
+               <span class="p-2 m-2 text-light border border-light" id="cec80fc9-cf31-4865-a520-2c053f789198">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="604b24a5-0c92-49b6-bc82-c55e9bc84d06">
+               <span class="p-2 m-2 text-light border border-light" id="ae1a8941-109a-40d7-b17b-2be22813d7ef">
                 Component 3
                </span>
               </div>
@@ -6991,15 +6997,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-stretch mt-1 bg-dark" id="c9610a29-5e78-468e-a217-741dd7b6604b">
-               <img height="200px" id="7f6e24b7-a916-4a1a-beb2-ad8808de19e5" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="3238e4c4-5148-4259-b7dd-aab548818e51">
+              <div class="d-flex align-items-stretch mt-1 bg-dark" id="0be5d6df-cc5c-45f0-b96c-b59abda4e77c">
+               <img height="200px" id="60bb9b80-bfca-441f-8473-110e55f3b308" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="076d790a-6a75-4503-8343-e9310f4c9935">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="79d696f6-a217-4e02-bbd7-706b4477bcc3">
+               <span class="p-2 m-2 text-light border border-light" id="cec80fc9-cf31-4865-a520-2c053f789198">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="604b24a5-0c92-49b6-bc82-c55e9bc84d06">
+               <span class="p-2 m-2 text-light border border-light" id="ae1a8941-109a-40d7-b17b-2be22813d7ef">
                 Component 3
                </span>
               </div>
@@ -7008,29 +7014,29 @@ Panel(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="2c32a52f-2614-4007-b55f-34ddcd54f3c6">
-          <div class="d-flex justify-content-between" id="67945056-e41e-4629-949c-3bbb2094f117">
-           <h4 id="d6176fc2-5f4c-485a-93cc-6d4558645dd0">
+         <div class="mt-5" id="1622cf7d-6a65-4a6c-9f24-8cb17f98bb06">
+          <div class="d-flex justify-content-between" id="a2b286be-c560-4de5-bb33-6d3cf6335a78">
+           <h4 id="aa813e14-d15d-4b2d-947e-1563e3e891b2">
             Method
-            <span class="text-primary" id="a92755aa-a209-46ed-9148-eb714656519a">
+            <span class="text-primary" id="c222dd6d-7676-48e4-8536-8449eee467d3">
              as_collapse
             </span>
            </h4>
-           <div id="1ca35777-915a-49aa-89eb-9d0e894ceab3">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#ebd43d5e-ad56-48ed-9745-9632a073b944" data-bs-toggle="collapse" id="74348919-929b-4bf4-9cf0-4039a7ad136b" onclick="return false;" type="button">
+           <div id="5bdbd2c0-2db5-4835-9478-5ffedb2f700d">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#8340ced4-8fd4-4c90-ae55-9546379f6a0d" data-bs-toggle="collapse" id="c485e1d8-6535-4962-b8bd-8adbce9647cb" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="51c3724f-1be2-428e-8f46-ae42c6095890">
+          <span class="text-muted" id="395b5b0e-53fd-40a5-abb0-da772b83c0ee">
            Makes the panel collapsed.
           </span>
-          <pre id="be0b0dfd-e7fa-4853-9a71-020624a365e1"><code class="python">as_collapse()</code></pre>
-          <div class="ms-3 collapse" id="ebd43d5e-ad56-48ed-9745-9632a073b944">
-           <h6 id="a4169b79-531a-4735-a54a-b112137f03f6">
+          <pre id="b0e4a8af-4704-47f6-8ec8-61793fcf5094"><code class="language-python">as_collapse()</code></pre>
+          <div class="ms-3 collapse" id="8340ced4-8fd4-4c90-ae55-9546379f6a0d">
+           <h6 id="75e93b79-3bb0-49be-a5a6-7be463d63115">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="7c88d718-28eb-4231-abc9-5b7824c6d4d0">
+           <table class="table table-sm bg-light" id="ffb7007f-d22d-4aa1-a0d1-fc63732a0718">
             <thead>
              <tr>
               <th scope="col">
@@ -7064,30 +7070,30 @@ Panel(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="dacaf386-14da-44fd-b75c-51b06d026f4d">
-          <div class="d-flex justify-content-between" id="0969f50e-c6f3-4035-b987-ac390a4ba9f9">
-           <h4 id="e3292d45-e9bb-4177-8baf-70f1bbe255b2">
+         <div class="mt-5" id="aafad621-c24e-49ac-936f-341de65b5604">
+          <div class="d-flex justify-content-between" id="8f2d5902-8e4e-4310-8e69-93e63750210b">
+           <h4 id="17e29204-a506-4ae1-8e54-24c87d950996">
             Method
-            <span class="text-primary" id="0a2124ec-4014-4a17-bb3b-97a6089850d9">
+            <span class="text-primary" id="5c68c43e-7591-4e49-8a08-68e5a1e6ba8f">
              horizontal
             </span>
            </h4>
-           <div id="e6780587-90d0-4b02-83ed-633d4f17907d">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#dc4c0d27-c193-4b69-87ca-65b045056135" data-bs-toggle="collapse" id="82e6816c-289b-4543-a215-de70995e0688" onclick="return false;" type="button">
+           <div id="5c2f9e87-1a30-4bb8-a3a6-64b8d2f61b66">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#8657049b-dd0d-47b2-9854-cc25a8778798" data-bs-toggle="collapse" id="3486b7c5-f268-404f-bda4-916288989de1" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="ef9f6161-209b-4050-8877-b7add3a80692">
+          <span class="text-muted" id="cbb59217-840e-4581-8eb6-55b2dc289c9b">
            Makes the panel with the horizontal arrangement of encapsulating
         elements
           </span>
-          <pre id="bd60765f-ebaf-4d12-b365-1c46cf9e8d81"><code class="python">horizontal()</code></pre>
-          <div class="ms-3 collapse" id="dc4c0d27-c193-4b69-87ca-65b045056135">
-           <h6 id="d0b3b0b1-384d-4a77-bb66-cf982c89cdac">
+          <pre id="df6e3d94-9af3-4010-8987-cf0ef9b469ea"><code class="language-python">horizontal()</code></pre>
+          <div class="ms-3 collapse" id="8657049b-dd0d-47b2-9854-cc25a8778798">
+           <h6 id="4d55188e-fba8-4647-a3b8-68208422c02c">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="022abf52-3eee-4183-9cda-dfd61c7a8cae">
+           <table class="table table-sm bg-light" id="6dfaad3e-4da2-42cc-8854-793f847d8a27">
             <thead>
              <tr>
               <th scope="col">
@@ -7120,11 +7126,11 @@ Panel(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="29967867-37e4-4477-977a-7dcdabf32974">
-           <h6 id="ba7e27b2-4862-4c0c-970b-6e82f30470a7">
+          <div class="ms-3" id="67cf6ce4-7ca7-4d2a-bbae-5f18d6521226">
+           <h6 id="60cf6729-e111-4953-861d-dc3b13ef037e">
             Example
            </h6>
-           <pre id="fdfb1ef9-58af-436e-a0ad-e90416c22846"><code class="python">from bootwrap import Text, Panel
+           <pre id="cfef1833-b52f-4fd5-bd23-f4dbd4a1a910"><code class="language-python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").as_outline()
 comp2 = Text("Component 2").as_outline()
@@ -7133,21 +7139,21 @@ comp3 = Text("Component 3").as_outline()
 Panel(comp1, comp2, comp3).horizontal()
 </code></pre>
           </div>
-          <div class="ms-3" id="cf7c813c-3212-47ca-b4ae-c7f6d34e45dc">
-           <div id="cb9eab06-1fe5-4a7a-aa06-125dfb7faed2">
+          <div class="ms-3" id="0ab4c157-2020-499e-ac24-0145a227f734">
+           <div id="4a9ebe7e-4d7e-41eb-87a9-979ab1b54eb1">
             <div class="row">
              <div class="col-md">
-              <span class="border" id="e48fddc7-2046-4523-a2e7-f92a68f3a3b3">
+              <span class="border" id="248e9005-acbf-44ef-b557-2107f2b092c6">
                Component 1
               </span>
              </div>
              <div class="col-md">
-              <span class="border" id="4cb4d4a8-3504-46cf-9552-b9194e1ec4ed">
+              <span class="border" id="2d50e90a-b623-4800-8e00-1ecc4addb558">
                Component 2
               </span>
              </div>
              <div class="col-md">
-              <span class="border" id="18c8437f-872e-4070-82b0-0373047f2fca">
+              <span class="border" id="3107e99d-1c38-4042-9174-70447ef5916a">
                Component 3
               </span>
              </div>
@@ -7155,32 +7161,32 @@ Panel(comp1, comp2, comp3).horizontal()
            </div>
           </div>
          </div>
-         <div class="mt-5" id="e479bbe8-6986-4944-b1ef-12ed742b94d7">
-          <div class="d-flex justify-content-between" id="18179bfa-e7a2-4335-9864-abe2112a8be8">
-           <h4 id="ed18e9ad-f6c9-4180-82d6-69e736108705">
+         <div class="mt-5" id="ab0b5463-5ae4-4e0d-9d54-fbcd262e8cbc">
+          <div class="d-flex justify-content-between" id="f7e20a9e-6d23-4894-9771-52065c2a16a3">
+           <h4 id="2ce6a290-e889-43ad-8b57-48455195be56">
             Method
-            <span class="text-primary" id="180e8dd0-2cd6-45fa-95a1-64d3e8eb1717">
+            <span class="text-primary" id="e9019a06-01ca-4d12-834d-47c7b0d9cb1f">
              justify_content
             </span>
            </h4>
-           <div id="37369655-6fa5-4574-b075-773f6a8dc1be">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#320f93d4-fa61-4cdb-a156-a633b644ceff" data-bs-toggle="collapse" id="7802233c-bd64-42a8-9f70-5f8911515fbe" onclick="return false;" type="button">
+           <div id="77412e0f-0e86-4be4-bc0c-150b0ddee90b">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ee25a63e-0671-45ff-9a4b-623d7dcf4575" data-bs-toggle="collapse" id="3cacec8c-0f70-45f9-b7bd-e97bae01b4fa" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#7af73abb-8e22-4536-b227-71bbcd7b79ee" data-bs-toggle="collapse" id="d7ddb1ef-c269-4cdb-8ae6-349ba8162d54" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#8ed36266-a1bf-40c5-bff6-ca713e30a72a" data-bs-toggle="collapse" id="d91b248b-7e5a-49ad-b5e8-d989a7039937" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="49e9f99d-624c-4861-b0b4-8f5163ec10f8">
+          <span class="text-muted" id="652fddfc-7df2-4603-ab8e-8d38294162a7">
            Justifies panel content.
           </span>
-          <pre id="ec1c4e1b-7c87-4f76-b297-3e687d8b7d2d"><code class="python">justify_content(style)</code></pre>
-          <div class="ms-3 collapse" id="320f93d4-fa61-4cdb-a156-a633b644ceff">
-           <h6 id="86797cab-70a5-4edf-b15a-43b432dcd87e">
+          <pre id="7727fb17-616c-43f8-a3c4-7b2a383af4c5"><code class="language-python">justify_content(style)</code></pre>
+          <div class="ms-3 collapse" id="ee25a63e-0671-45ff-9a4b-623d7dcf4575">
+           <h6 id="a1a10867-2097-4420-ba8b-9e62a0463456">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="6ce3b69d-7f0e-4425-8826-72fb9d94d8ac">
+           <table class="table table-sm bg-light" id="95b42731-4317-463b-b5f2-4f01973ee83e">
             <thead>
              <tr>
               <th scope="col">
@@ -7214,11 +7220,11 @@ Panel(comp1, comp2, comp3).horizontal()
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="7af73abb-8e22-4536-b227-71bbcd7b79ee">
-           <h6 id="c3c70447-a825-4e14-90f8-f5dad70f458a">
+          <div class="ms-3 collapse" id="8ed36266-a1bf-40c5-bff6-ca713e30a72a">
+           <h6 id="5171645d-741e-47dc-8594-d6c22f7bd675">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="3d35527f-721e-464e-b803-a9d713cd458a">
+           <table class="table table-sm bg-light" id="fc2f755d-6805-49fe-a354-493bc1a18fcc">
             <thead>
              <tr>
               <th scope="col">
@@ -7251,11 +7257,11 @@ Panel(comp1, comp2, comp3).horizontal()
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="aa6f6893-7acc-430c-8ae7-f5ec4511199b">
-           <h6 id="72a83ecb-3ca4-42f3-830a-1e0d0cd7e0f6">
+          <div class="ms-3" id="33d3d9aa-d66c-474b-a1cd-f179e1d85198">
+           <h6 id="3f7de0c0-3a4f-47d0-9c4c-bfbf209b57e3">
             Example
            </h6>
-           <pre id="5c90d4b2-180d-4d7c-b6b7-70d40aef0f8d"><code class="python">from bootwrap import Text, Panel
+           <pre id="c924d8dd-a512-49bf-bffb-03ee5ba11826"><code class="language-python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").as_light().as_outline().p(2).m(2)
 comp2 = Text("Component 2").as_light().as_outline().p(2).m(2)
@@ -7278,18 +7284,18 @@ Panel(
 ).vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="345ffe64-c7f6-4ae2-aedf-c6caf15e2322">
-           <div id="fa019b62-5169-441b-9f85-1d44e65e4994">
+          <div class="ms-3" id="b4963821-ddf7-4ba1-b92d-6492af8f6dc4">
+           <div id="977cc591-a2dd-46d8-af82-20e3bccd3fc0">
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-start mt-1 bg-dark" id="2ce5e9d5-813b-475d-8bec-d0d79afd9a21">
-               <span class="p-2 m-2 text-light border border-light" id="4196523d-91ea-4564-9aca-e935d88f6a8c">
+              <div class="d-flex justify-content-start mt-1 bg-dark" id="72b4efaa-e2f6-4de2-b697-3d567ab0a8c2">
+               <span class="p-2 m-2 text-light border border-light" id="fc65be8d-bf6d-4d66-bcb1-eb4c64057f24">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="e5ff8ebc-b7c9-4687-aad2-eb53f079adf4">
+               <span class="p-2 m-2 text-light border border-light" id="09ba4913-60f1-43c3-be22-7449142d6972">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="741efe3c-c01d-4c2a-b90c-9ceaa90f9bd0">
+               <span class="p-2 m-2 text-light border border-light" id="6a283d84-ef94-4620-9078-c11cee9c43b5">
                 Component 3
                </span>
               </div>
@@ -7297,14 +7303,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-end mt-1 bg-dark" id="53fe2816-2e06-4fe7-963e-1e2348ed6c6c">
-               <span class="p-2 m-2 text-light border border-light" id="4196523d-91ea-4564-9aca-e935d88f6a8c">
+              <div class="d-flex justify-content-end mt-1 bg-dark" id="57d6d413-5d86-480d-984f-40910e35cae4">
+               <span class="p-2 m-2 text-light border border-light" id="fc65be8d-bf6d-4d66-bcb1-eb4c64057f24">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="e5ff8ebc-b7c9-4687-aad2-eb53f079adf4">
+               <span class="p-2 m-2 text-light border border-light" id="09ba4913-60f1-43c3-be22-7449142d6972">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="741efe3c-c01d-4c2a-b90c-9ceaa90f9bd0">
+               <span class="p-2 m-2 text-light border border-light" id="6a283d84-ef94-4620-9078-c11cee9c43b5">
                 Component 3
                </span>
               </div>
@@ -7312,14 +7318,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-center mt-1 bg-dark" id="007ffc13-9429-445c-b1ff-a4db122cd206">
-               <span class="p-2 m-2 text-light border border-light" id="4196523d-91ea-4564-9aca-e935d88f6a8c">
+              <div class="d-flex justify-content-center mt-1 bg-dark" id="af6505b1-3f33-490e-8de1-52f102c87c7e">
+               <span class="p-2 m-2 text-light border border-light" id="fc65be8d-bf6d-4d66-bcb1-eb4c64057f24">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="e5ff8ebc-b7c9-4687-aad2-eb53f079adf4">
+               <span class="p-2 m-2 text-light border border-light" id="09ba4913-60f1-43c3-be22-7449142d6972">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="741efe3c-c01d-4c2a-b90c-9ceaa90f9bd0">
+               <span class="p-2 m-2 text-light border border-light" id="6a283d84-ef94-4620-9078-c11cee9c43b5">
                 Component 3
                </span>
               </div>
@@ -7327,14 +7333,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-between mt-1 bg-dark" id="8564ec63-de2b-4cde-9c26-df39130cd32f">
-               <span class="p-2 m-2 text-light border border-light" id="4196523d-91ea-4564-9aca-e935d88f6a8c">
+              <div class="d-flex justify-content-between mt-1 bg-dark" id="71422529-be3c-4ee2-88a3-a446dc3f7e6f">
+               <span class="p-2 m-2 text-light border border-light" id="fc65be8d-bf6d-4d66-bcb1-eb4c64057f24">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="e5ff8ebc-b7c9-4687-aad2-eb53f079adf4">
+               <span class="p-2 m-2 text-light border border-light" id="09ba4913-60f1-43c3-be22-7449142d6972">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="741efe3c-c01d-4c2a-b90c-9ceaa90f9bd0">
+               <span class="p-2 m-2 text-light border border-light" id="6a283d84-ef94-4620-9078-c11cee9c43b5">
                 Component 3
                </span>
               </div>
@@ -7342,14 +7348,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-around mt-1 bg-dark" id="eeb786d2-1aee-42ad-8230-98f3d5b082d7">
-               <span class="p-2 m-2 text-light border border-light" id="4196523d-91ea-4564-9aca-e935d88f6a8c">
+              <div class="d-flex justify-content-around mt-1 bg-dark" id="61f7207f-9b6c-45f3-9c64-b299005bede1">
+               <span class="p-2 m-2 text-light border border-light" id="fc65be8d-bf6d-4d66-bcb1-eb4c64057f24">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="e5ff8ebc-b7c9-4687-aad2-eb53f079adf4">
+               <span class="p-2 m-2 text-light border border-light" id="09ba4913-60f1-43c3-be22-7449142d6972">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="741efe3c-c01d-4c2a-b90c-9ceaa90f9bd0">
+               <span class="p-2 m-2 text-light border border-light" id="6a283d84-ef94-4620-9078-c11cee9c43b5">
                 Component 3
                </span>
               </div>
@@ -7357,14 +7363,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-evenly mt-1 bg-dark" id="431e18b9-ed74-487e-9edc-f4be752e8b8f">
-               <span class="p-2 m-2 text-light border border-light" id="4196523d-91ea-4564-9aca-e935d88f6a8c">
+              <div class="d-flex justify-content-evenly mt-1 bg-dark" id="572a2867-868c-4f51-996a-b9b0a4cee1f3">
+               <span class="p-2 m-2 text-light border border-light" id="fc65be8d-bf6d-4d66-bcb1-eb4c64057f24">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="e5ff8ebc-b7c9-4687-aad2-eb53f079adf4">
+               <span class="p-2 m-2 text-light border border-light" id="09ba4913-60f1-43c3-be22-7449142d6972">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="741efe3c-c01d-4c2a-b90c-9ceaa90f9bd0">
+               <span class="p-2 m-2 text-light border border-light" id="6a283d84-ef94-4620-9078-c11cee9c43b5">
                 Component 3
                </span>
               </div>
@@ -7373,30 +7379,30 @@ Panel(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="f1f4df59-d8b5-4300-83af-b5ab6c24c68b">
-          <div class="d-flex justify-content-between" id="d1fcfcb7-db76-41f5-adc8-795e0956797f">
-           <h4 id="438efe59-69e9-422f-9cc9-d05e1f21fcdb">
+         <div class="mt-5" id="63b07512-2dcb-49b2-ba95-a25d717f0b67">
+          <div class="d-flex justify-content-between" id="49ec2f31-3ec8-4fd1-8712-768fbcc5bdb7">
+           <h4 id="b2f2e9a3-7d85-4335-9ae0-54d4d83b04f2">
             Method
-            <span class="text-primary" id="9b9949c4-aa52-4976-9a03-fbbb64b74d62">
+            <span class="text-primary" id="1fc64394-3da3-4b9e-9884-a70eaa7b7151">
              vertical
             </span>
            </h4>
-           <div id="3f5fb159-f807-434e-b83d-dd1bcad14584">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#19abe32c-bbb5-42f2-83d7-75728e8b4758" data-bs-toggle="collapse" id="35de88f6-91bd-408b-be72-0dab617cedc6" onclick="return false;" type="button">
+           <div id="a6d659ee-1eef-495d-8c13-250c98ef0e60">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#8151588f-5c0f-4e4e-9b05-d17e482b3bab" data-bs-toggle="collapse" id="456473b4-42df-42fe-b2b2-9bc212b56a04" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="2c65ae21-13ba-48be-b25d-9c844b5bfe7f">
+          <span class="text-muted" id="04e3bb11-c032-4810-b0a8-b1331c36e891">
            Makes the panel with the vertical arrangement of encapsulating
         elements
           </span>
-          <pre id="39883a91-e592-468c-9e37-df11e4575103"><code class="python">vertical()</code></pre>
-          <div class="ms-3 collapse" id="19abe32c-bbb5-42f2-83d7-75728e8b4758">
-           <h6 id="b553f26a-2775-4be8-ac2f-025b1857f241">
+          <pre id="a8dac374-99c3-4fa6-ada3-ab37f467dadd"><code class="language-python">vertical()</code></pre>
+          <div class="ms-3 collapse" id="8151588f-5c0f-4e4e-9b05-d17e482b3bab">
+           <h6 id="9faeb98e-570a-4586-8bb0-d62d52eadd41">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="8c6be830-a043-4569-a6f0-e6e17b5243bc">
+           <table class="table table-sm bg-light" id="d0427987-4d0d-49b1-ba3a-1adf84cb25c2">
             <thead>
              <tr>
               <th scope="col">
@@ -7429,11 +7435,11 @@ Panel(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="5229b5c0-4c67-4647-a5b5-e11b8ae99a79">
-           <h6 id="888a7c7d-6c39-4742-8496-237f19c3849b">
+          <div class="ms-3" id="0d3f7bb1-d371-4b6e-bdca-213d76a27c2a">
+           <h6 id="2c353af7-8a63-45e4-9366-764f7ffe9d39">
             Example
            </h6>
-           <pre id="6e369617-89c3-4ac7-9df4-1815398344f3"><code class="python">from bootwrap import Text, Panel
+           <pre id="261ae8da-6b70-4f47-ae4f-b55aaba04967"><code class="language-python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").as_outline()
 comp2 = Text("Component 2").as_outline()
@@ -7442,25 +7448,25 @@ comp3 = Text("Component 3").as_outline()
 Panel(comp1, comp2, comp3).vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="4bf6b8b9-4e2f-48de-881a-a58bc67cb682">
-           <div id="b4bfc4e7-0050-44f5-9bf1-446459d91b19">
+          <div class="ms-3" id="8a304e34-1ecd-494b-9328-784fe19bf075">
+           <div id="6fada730-239e-4263-8479-308359ff3c4d">
             <div class="row">
              <div class="col-md">
-              <span class="border" id="425db529-0b5f-482c-9522-fe1e13eebcfb">
+              <span class="border" id="c3ac11cf-e8ea-4760-ab58-05373f2d1c18">
                Component 1
               </span>
              </div>
             </div>
             <div class="row">
              <div class="col-md">
-              <span class="border" id="8044d2e9-f8a4-43dd-b838-e6fe12975ded">
+              <span class="border" id="8d08a71f-4046-4b67-a246-4a51adc69e09">
                Component 2
               </span>
              </div>
             </div>
             <div class="row">
              <div class="col-md">
-              <span class="border" id="92f0b1ef-99b8-47e9-b72b-9fc83c08046f">
+              <span class="border" id="2dcfd154-1331-4184-8089-4734653721d2">
                Component 3
               </span>
              </div>
@@ -7470,28 +7476,28 @@ Panel(comp1, comp2, comp3).vertical()
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="a18699a9-d927-4a91-899f-4d96ef64f45a">
-        <div class="mt-3" id="98cd144b-4d11-4903-8bea-596e9c809222">
-         <div id="5aa4ce19-f819-43f3-b449-4d449bd8e8ad">
+       <div class="tab-pane fade" id="61dcdc56-cc4e-4b04-895e-2371ffa4f61e">
+        <div class="mt-3" id="755ea117-c6a6-4208-8026-2ec8d9432da1">
+         <div id="384ba84d-5665-4bd6-8229-2432c0866aa1">
           <div class="row">
            <div class="col-md">
-            <div id="83fb9c8c-548c-4b40-b1ae-97793c5971d4">
-             <h1 id="47c0ceff-89cd-4575-8dc4-ed0dfba837d3">
+            <div id="1bab2e67-27dc-4a14-bf8a-c5a182adb184">
+             <h1 id="03f45c6f-8e67-4e28-831d-8d706812b14c">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="5f456de5-1981-4433-844d-31202c8671f2">
+            <div id="bbdae515-dc58-4147-be17-2463d7f7b455">
             </div>
            </div>
           </div>
          </div>
-         <div id="4abdfbf9-b7db-44d2-924c-a08d55f99cbf">
+         <div id="9559dc23-fb8c-4db8-87a8-6b79d713376c">
           <div class="row">
            <div class="col-md">
-            <div id="6e1b1625-e4d0-428b-ba06-fe881c3f58d2">
-             <p id="f9e3ba3b-d96e-4573-b25d-e7347ab71066">
+            <div id="a970c516-0342-461f-b772-e75824d16e41">
+             <p id="21fea43a-4067-4092-bd00-2b2ed0713136">
               Change
               <code>
                Panel
@@ -7533,8 +7539,8 @@ Panel(comp1, comp2, comp3).vertical()
             </div>
            </div>
            <div class="col-md">
-            <div id="576552e7-1e24-48ce-9acb-7501e349064a">
-             <pre id="cda4499a-39b9-42ed-9c7e-c497d209fb92"><code class="python">from bootwrap import Panel, Text
+            <div id="b52767dd-c52b-4069-b5fc-4d0fc014a470">
+             <pre id="2dfec8b9-e343-472c-8fbf-7d9b0739af1a"><code class="language-python">from bootwrap import Panel, Text
 panel = Panel(
   Panel(Text("Primary")).as_primary(),
   Panel(Text("Secondary")).as_secondary(),
@@ -7548,44 +7554,44 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="0c35990b-381a-4bd7-bdf2-19b6dff4b564">
-              <div class="mb-1 bg-primary" id="b61c8853-7359-4426-8ed4-f0c3b6a97398">
-               <span id="424a481e-9ea6-4ebc-ac07-b23ddad7b252">
+             <div id="6bfeaa0a-0294-4803-8355-71d256cdf1a4">
+              <div class="mb-1 bg-primary" id="9ecc8e07-415e-40fe-b049-3f71b34b2ac4">
+               <span id="caf177fd-7ded-4a4e-b2fd-7ae0a705b26f">
                 Primary
                </span>
               </div>
-              <div class="mb-1 bg-secondary" id="ceae885f-ade4-49ca-ba33-2c8e107407f9">
-               <span id="c8446abc-23ab-4f0c-8f18-1a19316ed467">
+              <div class="mb-1 bg-secondary" id="c22fac10-bb9d-4e9b-bb48-20e8fbdef68b">
+               <span id="54d323a2-8697-43ad-8560-1a3f460e56db">
                 Secondary
                </span>
               </div>
-              <div class="mb-1 bg-success" id="ce8ad3c4-5dbf-40de-b4c2-5d76107fe417">
-               <span id="6974c19d-ab20-4dba-aea4-b6bfd1f76253">
+              <div class="mb-1 bg-success" id="3ec6efe8-a67a-447e-93f6-3605516e5235">
+               <span id="eff02b63-f892-4755-b53d-5735cf16e449">
                 Success
                </span>
               </div>
-              <div class="mb-1 bg-warning" id="1c0778a3-a27d-4d6f-9fd0-2611e8d94e9b">
-               <span id="22876156-3531-4995-8a02-d7cc537c725b">
+              <div class="mb-1 bg-warning" id="6700ab6f-0327-47e4-8da9-7f4b3fe33915">
+               <span id="b580c914-db26-4a26-965e-ccd99ec0285d">
                 Warning
                </span>
               </div>
-              <div class="mb-1 bg-danger" id="1bbaed3e-7dd1-43f8-a86a-75f790b33520">
-               <span id="dcaa3654-4740-4012-af8c-5f148e71ec11">
+              <div class="mb-1 bg-danger" id="48e7c178-0432-4c6f-a3e5-b617bd50f687">
+               <span id="90105f38-05a6-462e-b873-65ef34b6b104">
                 Danger
                </span>
               </div>
-              <div class="mb-1 bg-info" id="85dde7b5-9b0b-4c0f-b50d-fde4bdab06d3">
-               <span id="5feeaa47-087f-4d1a-8a44-6b70b2932f5a">
+              <div class="mb-1 bg-info" id="9e20bd76-b6e4-47ea-87fc-fb635f8f9697">
+               <span id="86b41e70-b72e-425a-98a9-d3e8b646616e">
                 Info
                </span>
               </div>
-              <div class="mb-1 bg-light" id="a66de537-4b32-4471-a960-cde3f1db17b8">
-               <span id="ac2525ca-c1e9-4ad7-af12-1eaeccb24121">
+              <div class="mb-1 bg-light" id="21cc8a2e-1301-4b75-a1f0-81d41707341e">
+               <span id="a192536f-70b7-4105-9647-cea57c32e9b6">
                 Light
                </span>
               </div>
-              <div class="mb-1 bg-dark" id="b7daa934-592d-4435-97ef-38004e42e98e">
-               <span class="text-light" id="30995b16-f852-47e6-b85f-4763ee05623f">
+              <div class="mb-1 bg-dark" id="b5f74ed0-ed2d-460c-a208-43cc27a7df3c">
+               <span class="text-light" id="6ed167bc-46d8-442e-8ae2-7b7373dbed32">
                 Dark
                </span>
               </div>
@@ -7596,28 +7602,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="1227c5b2-be77-4108-9ebc-bb84f9d87c09">
-        <div class="mt-3" id="2a09fc95-2a1e-49f9-a594-d2d2d2171013">
-         <div id="4a648b9a-4cd9-4e3a-af49-c21b35813b00">
+       <div class="tab-pane fade" id="87488a9d-9f80-4f20-925f-4586bbb9d986">
+        <div class="mt-3" id="abcb3733-e948-467d-8977-df590000bbc8">
+         <div id="d3ae9867-4d4b-4524-a94f-f5308046a5df">
           <div class="row">
            <div class="col-md">
-            <div id="cc4e2cd9-0842-4f3c-b1d2-206cd558c7e4">
-             <h1 id="e129925a-7b6f-48ef-a17c-d5bc5325e3bb">
+            <div id="4bb5a498-aae1-4d73-bd70-d9e3f5d80770">
+             <h1 id="494348e2-6780-41b8-a53d-cc174b4ca0f8">
               Outline
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="6a3b3109-cb33-4d1b-b8fc-11f7567ea7ca">
+            <div id="ed701526-c6a9-4372-aeaf-7f8d8b15cc40">
             </div>
            </div>
           </div>
          </div>
-         <div id="69fcb433-e99e-4773-b37a-2f4c063f2890">
+         <div id="f168faab-02b0-49db-8942-4200524f4448">
           <div class="row">
            <div class="col-md">
-            <div id="f8493beb-4e06-4874-92e6-5e8294fa7507">
-             <p id="e00be096-ed7d-4f38-904d-6780cd19ffef">
+            <div id="246c302c-2673-4b61-bdbf-f8f47ea76800">
+             <p id="0260fc91-f8b8-48be-a041-81a78f6587ac">
               Make
               <code>
                Panel
@@ -7631,8 +7637,8 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="8858b556-1b15-4b50-8e1f-5493f652d251">
-             <pre id="31555e3f-0ff2-4e9d-ade4-2533dd5f9912"><code class="python">from bootwrap import Panel, Text
+            <div id="eb9f4bcf-f4f0-4137-97d7-0ad30d4ae304">
+             <pre id="bdaf4887-b043-4ce1-a3fb-61d3a77f6c12"><code class="language-python">from bootwrap import Panel, Text
 panel = Panel(
   Panel(Text("Primary").as_primary()).as_primary().as_outline(),
   Panel(Text("Secondary").as_secondary()).as_secondary().as_outline(),
@@ -7646,44 +7652,44 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="7b3e745b-22df-46f9-bd79-2d6afd5acbdb">
-              <div class="mb-1 border border-primary" id="e20f0257-92fc-4295-8e01-85c722f02d2b">
-               <span class="text-primary" id="06770504-424e-44df-9532-a5a554a9f51e">
+             <div id="96d8fa38-78dc-4ae9-89c2-d563fcad809f">
+              <div class="mb-1 border border-primary" id="d353ffce-4835-47c3-a989-c2f533c30da8">
+               <span class="text-primary" id="37b8bb6c-3a57-499f-85ca-9042000e75d4">
                 Primary
                </span>
               </div>
-              <div class="mb-1 border border-secondary" id="b414fec8-c298-44f7-9d7f-6e5837c1615d">
-               <span class="text-secondary" id="9f248a00-2dc2-49a1-b0e2-72a11946a9ae">
+              <div class="mb-1 border border-secondary" id="d485c6ac-b994-423b-bcc7-d15d7af4fab8">
+               <span class="text-secondary" id="ce41c127-1a86-4975-bd31-b38405ed6938">
                 Secondary
                </span>
               </div>
-              <div class="mb-1 border border-success" id="796ca536-b6ea-4df8-8c91-45a06612f575">
-               <span class="text-success" id="d65de24b-24a3-46ea-a4df-0b0d3f16acf1">
+              <div class="mb-1 border border-success" id="cc55d36b-001c-4d08-ae36-1391ab15d12d">
+               <span class="text-success" id="f7f3b1f9-acdd-4311-b29e-56d6e382f321">
                 Success
                </span>
               </div>
-              <div class="mb-1 border border-warning" id="07e4e461-dafe-41eb-bada-369bbe4b1187">
-               <span class="text-warning" id="7e3a7050-7e88-4663-a4dc-f58ede0f9659">
+              <div class="mb-1 border border-warning" id="02e39357-00b1-4fdd-91d5-a333edca4b1a">
+               <span class="text-warning" id="83e9efc7-fc70-436c-a654-6844c14dc90a">
                 Warning
                </span>
               </div>
-              <div class="mb-1 border border-danger" id="d07bbb23-dd08-4b2e-8630-ef4326368a72">
-               <span class="text-danger" id="2f41394a-5883-4d32-8312-982d2734f9ef">
+              <div class="mb-1 border border-danger" id="27f1fe4e-e049-4097-9b33-dffca16586cd">
+               <span class="text-danger" id="ef6a77eb-3159-447f-9876-410e0a978951">
                 Danger
                </span>
               </div>
-              <div class="mb-1 border border-info" id="c267aad8-d982-460a-84c8-ec5fb5be3adf">
-               <span class="text-info" id="78f60d7b-958d-4b0d-8647-92a4261f09d4">
+              <div class="mb-1 border border-info" id="9e8f7a3b-9364-45fc-8ccd-56b3175eff99">
+               <span class="text-info" id="b6e9b73e-3d7b-4884-8728-3d1e6405b977">
                 Info
                </span>
               </div>
-              <div class="mb-1 border border-light" id="19192b5a-8e23-4c60-bbaa-6d2002e58120">
-               <span class="text-light" id="39810afe-179b-4f34-aab9-75fa533a1c99">
+              <div class="mb-1 border border-light" id="76db03bb-815c-430d-b7e1-64a4e88c06d5">
+               <span class="text-light" id="38cb527f-2fa0-4ebf-be3e-febb70d5b268">
                 Light
                </span>
               </div>
-              <div class="mb-1 border border-dark" id="c8c9f2e3-0d75-425d-833d-97a04967fc66">
-               <span class="text-dark" id="f063142d-d68b-42a7-843a-6d221d72c664">
+              <div class="mb-1 border border-dark" id="e4bee978-5194-48a9-8fac-45a9ae40da0f">
+               <span class="text-dark" id="b376905d-8a35-4bf0-b559-6756a065d7a6">
                 Dark
                </span>
               </div>
@@ -7697,27 +7703,27 @@ panel</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="79186759-c895-4504-a58e-f8dc4ba3f2b7">
-     <div class="mt-5" id="1d281231-452f-4d3b-8c54-0928740e1ac5">
-      <div class="d-flex justify-content-between" id="ade67a78-2206-4655-b54e-cc8b5e3102c9">
-       <h1 id="48196eef-30bb-4eb4-bf64-660f072575ab">
+    <div class="tab-pane fade" id="3c663a1b-af07-49da-a07d-91092e20b49a">
+     <div class="mt-5" id="f8d88658-5971-4514-9928-05c4f7e0c057">
+      <div class="d-flex justify-content-between" id="cfd62729-2ad5-482c-885e-b9cf7a340c52">
+       <h1 id="dac8c9bd-4466-4ec4-882e-14a22bc7bb0f">
         Class
-        <span class="text-primary" id="1cab0424-bf6d-4171-8f10-36f7815c63e6">
+        <span class="text-primary" id="84be9869-e1ec-44c7-9814-b468072220e1">
          Separator
         </span>
        </h1>
-       <div id="400dc701-89c7-4436-9e21-e428a7f5353d">
+       <div id="7b853011-c1b8-425d-87a1-94b7e23e06ff">
        </div>
       </div>
-      <span class="text-muted" id="9374754d-c470-49d6-805f-b49c60aafde1">
+      <span class="text-muted" id="8dcf8ecb-d080-4366-beda-4b444c39fc76">
        A horizontal line separator.
       </span>
-      <pre id="6d260950-f053-4ddf-a7cc-0e37cf8ac78f"><code class="python">Separator()</code></pre>
-      <div class="ms-3" id="0ad2825e-ff77-44e4-8335-b396b26c88c7">
-       <h6 id="05fff253-507f-4f2e-97db-8c48683b08cb">
+      <pre id="852cee58-938a-4fc1-a672-8f6b6d62fcdb"><code class="language-python">Separator()</code></pre>
+      <div class="ms-3" id="5f3b5eef-1b91-4f28-a35e-66f2e55e05b7">
+       <h6 id="e992878c-d10f-45c9-aec8-efb3dfdb71a9">
         Example
        </h6>
-       <pre id="c3e3efb5-2e6b-4b9b-9362-148ddcbef36c"><code class="python">from bootwrap import Panel, Separator, Text
+       <pre id="afc29b7a-0680-4ff4-9019-8f3c3b95a8ef"><code class="language-python">from bootwrap import Panel, Separator, Text
 
 Panel(
     Text("Top Text"),
@@ -7726,70 +7732,70 @@ Panel(
 )
 </code></pre>
       </div>
-      <div class="ms-3" id="3f2fdcb6-3ed5-4794-a4d4-bad7227110b7">
-       <div id="e7bff558-386a-4289-83a0-a15d3efa4c04">
-        <span id="0e020d1f-9a71-4939-84f0-dac272a7630c">
+      <div class="ms-3" id="ac9efe85-9f3b-4cee-81a9-7e1045e8fef4">
+       <div id="5b63eb72-4e93-4fcc-bffe-cf7b533141cd">
+        <span id="f36e0354-e22b-4229-82e9-8d8ac6d71abe">
          Top Text
         </span>
         <hr/>
-        <span id="04fa9931-a8a9-4926-a4a7-c89330d7f5ac">
+        <span id="a1cbb13a-f50e-451e-84c7-c7751f32eb0b">
          Bottom Text
         </span>
        </div>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="98b35cce-7512-41bd-8e8a-1ffbb124a863">
-     <div id="9a71b10f-7e53-44b3-988b-64448ac716ae">
+    <div class="tab-pane fade" id="d4487fe5-d14b-4bc5-9887-00cdacc7ac36">
+     <div id="dd030bbb-5a61-49c2-8ed8-fd20f51e0dc5">
       <hr/>
-      <ul class="nav" id="dd9f782c-bd73-45d8-baa6-95d323326383" role="tablist">
+      <ul class="nav" id="fa93f81b-cce1-433b-9e21-6b5e398b6d0b" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#b66e51f3-bc54-4064-bc79-a2ea0b273ff8" data-bs-toggle="tab" href="#b66e51f3-bc54-4064-bc79-a2ea0b273ff8" id="d3e0617c-1f98-441a-9e85-3914266be692" role="tab">
-         <span class="text-secondary" id="5bc412a7-c542-44a7-8b07-faa5794408a6">
+        <a class="nav-link active" data-bs-target="#4bf20517-0935-40d0-b6e0-343b53d13d55" data-bs-toggle="tab" href="#4bf20517-0935-40d0-b6e0-343b53d13d55" id="a5acd477-c363-44c9-965b-ff42bb6e6308" role="tab">
+         <span class="text-secondary" id="bb48557b-9c49-4ac4-8f09-e3c53ac00a92">
           Table
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#94b07880-0c89-4409-a989-6f08fe54f70b" data-bs-toggle="tab" href="#94b07880-0c89-4409-a989-6f08fe54f70b" id="8ba22d3f-b066-4fdb-94ca-5027b44ae361" role="tab">
-         <span class="text-secondary" id="27f64a7b-0cb3-4a0b-a6b9-3ca533e105bb">
+        <a class="nav-link" data-bs-target="#bf3930fe-9b45-4cfe-bfce-5560f34e547a" data-bs-toggle="tab" href="#bf3930fe-9b45-4cfe-bfce-5560f34e547a" id="3b7c7a1f-92a4-4e89-8158-d2cb2d855d67" role="tab">
+         <span class="text-secondary" id="777d339e-3704-4b7b-93c4-78e854d3570e">
           Table.Head
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#bf5ac23f-4118-4766-bb18-3415d36a5df1" data-bs-toggle="tab" href="#bf5ac23f-4118-4766-bb18-3415d36a5df1" id="9a811b13-4e65-4346-952c-c1f92953f8fa" role="tab">
-         <span class="text-secondary" id="9dad6d48-d018-4632-bbaf-8f1185c80e75">
+        <a class="nav-link" data-bs-target="#a2f37d0a-e2e0-48a9-baa4-89afd4c9617e" data-bs-toggle="tab" href="#a2f37d0a-e2e0-48a9-baa4-89afd4c9617e" id="49d4d18c-e9d7-4295-913d-41d16398bd11" role="tab">
+         <span class="text-secondary" id="6825c6d7-6c0d-4398-a427-9eb01acd752a">
           Table.Body
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content">
-       <div class="tab-pane fade active show" id="b66e51f3-bc54-4064-bc79-a2ea0b273ff8">
-        <div class="mt-5" id="89968d6d-ed47-4168-b332-30fd61e5ac8f">
-         <div class="d-flex justify-content-between" id="680c50cf-e77a-4786-ae04-f72672848b50">
-          <h1 id="ebd62824-f938-4d5a-a387-8624b542662e">
+       <div class="tab-pane fade active show" id="4bf20517-0935-40d0-b6e0-343b53d13d55">
+        <div class="mt-5" id="57e0201d-b1c8-4cb3-9785-208f8fc0f83f">
+         <div class="d-flex justify-content-between" id="bc2a911d-0cbe-4017-99c0-b839e2635885">
+          <h1 id="7270ff30-10f7-49a3-88f9-56af31ea8a89">
            Class
-           <span class="text-primary" id="3a17924a-b57c-40db-a28a-443e9366a395">
+           <span class="text-primary" id="464d36d2-0558-4a9f-b861-6c61637c0f30">
             Table
            </span>
           </h1>
-          <div id="12dae936-962b-4521-9b5d-fd4f7512eb0c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7d32305e-da3e-4662-95b9-03b5b180e58c" data-bs-toggle="collapse" id="c1f86748-fd02-4d24-8889-4f3b9f23ad41" onclick="return false;" type="button">
+          <div id="3e796cfe-9e45-408b-9462-483108422978">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#6f21ab36-2be0-40b4-bb85-dc598eaa3daf" data-bs-toggle="collapse" id="84488fa4-af8a-4268-960a-b54885f9305e" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="15715c10-cc35-46b7-a3ac-881a41e57905">
+         <span class="text-muted" id="d5b37b4e-c99a-43e6-a073-e1d6d23ea0f8">
           A web component for a table.
          </span>
-         <pre id="f29dc5e6-0a41-457b-bd93-052968b66ee1"><code class="python">Table(head, body)</code></pre>
-         <div class="ms-3 collapse" id="7d32305e-da3e-4662-95b9-03b5b180e58c">
-          <h6 id="efac54cc-5071-435f-b867-7455c8546fc0">
+         <pre id="9c43ae02-d078-4e82-be05-0231d6f4b6c0"><code class="language-python">Table(head, body)</code></pre>
+         <div class="ms-3 collapse" id="6f21ab36-2be0-40b4-bb85-dc598eaa3daf">
+          <h6 id="5fd16dac-2f21-4391-b8a1-c63dc3894723">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="19b18974-c690-49e6-916c-b29b6522322d">
+          <table class="table table-sm bg-light" id="df884117-e021-4a5e-a132-8875750aefc6">
            <thead>
             <tr>
              <th scope="col">
@@ -7837,11 +7843,11 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="e01e232f-04a5-43bd-940a-0d9bfd0a14b9">
-          <h6 id="3c4a4b06-a970-4ba0-8d33-1e3b5c10a9db">
+         <div class="ms-3" id="6e38ef74-e22f-405d-9643-a663de860882">
+          <h6 id="59c8d1dc-54fd-4ced-bb98-23a23e399778">
            Example
           </h6>
-          <pre id="a60dab04-17c6-4337-8462-24309477fde6"><code class="python">from bootwrap import Table
+          <pre id="38538821-9989-43ae-9a18-f75106e9cba6"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -7853,8 +7859,8 @@ Table(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="acf703c4-d819-4f6d-8461-7b3fdd94e3c4">
-          <table class="table" id="e7ebb057-6c1c-46d9-87c1-81eed97be595">
+         <div class="ms-3" id="20d5ea4d-052a-4894-a080-f7772b494c4f">
+          <table class="table" id="354ec039-d2e0-4096-bd3c-e417407937ff">
            <thead>
             <tr>
              <th scope="col">
@@ -7905,51 +7911,51 @@ Table(
            </tbody>
           </table>
          </div>
-         <div class="mt-5" id="88342bd2-57dd-41fc-8330-b17aba27594c">
-          <h4 id="9f6aa67c-660e-48a5-9baa-93987cede09b">
+         <div class="mt-5" id="93996f13-fc10-44ff-a942-2ecb32160fd5">
+          <h4 id="3147817b-b340-4123-9c7d-1b364b3370d5">
            Property
-           <span class="text-primary" id="391b9fe0-1cd8-4441-a41e-19f3970cc84b">
+           <span class="text-primary" id="32521071-58ac-48af-ba70-4d4a2aa4bdf2">
             body
            </span>
           </h4>
-          <span class="text-muted" id="bc70bc37-4f22-4844-9594-33d8cd45eba9">
+          <span class="text-muted" id="1696a49c-0d55-4e3e-b850-176c751b7eb3">
            The table body.
           </span>
          </div>
-         <div class="mt-5" id="8b924e9a-6b86-42af-beb8-1d2e83d7a5cb">
-          <h4 id="7b5f8e29-1838-449b-aa41-7ec65272c21a">
+         <div class="mt-5" id="7afbe25c-855c-4b48-bb3e-664fae5000c8">
+          <h4 id="e8ba5aaa-dbf8-4eb2-a416-1d25538c47d3">
            Property
-           <span class="text-primary" id="2252711e-f479-4396-aded-f2126c16ca14">
+           <span class="text-primary" id="97a1f8ff-ac57-4771-8f7a-ab85225f1902">
             head
            </span>
           </h4>
-          <span class="text-muted" id="d0abc6bb-ae98-4099-9468-102ed06000b7">
+          <span class="text-muted" id="674378a3-5799-4774-8bd8-a0340fafe0ab">
            The table head.
           </span>
          </div>
-         <div class="mt-5" id="37c17e35-c5b8-42be-8be7-f27867867361">
-          <div class="d-flex justify-content-between" id="150dae97-4ca6-4be3-af93-be29e7cceb1d">
-           <h4 id="b6a25935-cf19-42e3-81d8-a496bd9a4b64">
+         <div class="mt-5" id="bd204903-43d7-4495-9860-31ebb7819068">
+          <div class="d-flex justify-content-between" id="fa0cf8f2-02ab-4107-a663-5e6a669ddda2">
+           <h4 id="3395f04d-59d2-4e5d-81d6-1a651cc9a544">
             Method
-            <span class="text-primary" id="570b4462-48fc-4e4a-a46c-b810bed6df15">
+            <span class="text-primary" id="fef43180-be2a-4d14-bde2-abe495247023">
              as_bordered
             </span>
            </h4>
-           <div id="92eac09f-0c8b-44c6-b2a5-339db979c019">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#bf948f4c-25ee-4d89-8c37-a8db07ab3f95" data-bs-toggle="collapse" id="6259b458-46da-408a-982a-336ba7546e7d" onclick="return false;" type="button">
+           <div id="ed1d268d-5083-4ff1-b7eb-7461b004b564">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d507018c-fc94-4a28-83e1-710323aa831b" data-bs-toggle="collapse" id="4fd1bf24-9785-4368-bc6b-2f8d8da57a3f" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="a176f6b4-aa62-42fd-a1d9-6db1c2bece34">
+          <span class="text-muted" id="d26fbbe7-71a6-4d42-b157-5f7bb6a487dc">
            Adds borders on all sides of the table and cells.
           </span>
-          <pre id="e16bdefc-d5ed-4b9e-add7-63511d84a99b"><code class="python">as_bordered()</code></pre>
-          <div class="ms-3 collapse" id="bf948f4c-25ee-4d89-8c37-a8db07ab3f95">
-           <h6 id="a01308e6-704e-4f0d-84d8-77f3b9e3cff6">
+          <pre id="7e3323e6-0418-4dee-9c13-87e2b9f5535a"><code class="language-python">as_bordered()</code></pre>
+          <div class="ms-3 collapse" id="d507018c-fc94-4a28-83e1-710323aa831b">
+           <h6 id="2eef6136-4d4c-4394-80d7-fca130d4d42a">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="2f0ce058-1917-43a2-8fd4-eadac851cb67">
+           <table class="table table-sm bg-light" id="40355b4d-26f5-4cd2-a714-e6bcd2fd2abf">
             <thead>
              <tr>
               <th scope="col">
@@ -7982,11 +7988,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="ac28ba3c-0bdc-4b22-844a-b5112a4b85ee">
-           <h6 id="76ea2e06-86b2-4d09-9622-24b69a3cfdd2">
+          <div class="ms-3" id="1df77ae6-7b4c-462c-9302-064d3afcd076">
+           <h6 id="5bcfdbff-2adb-47d7-b9b8-8d4bf9565cde">
             Example
            </h6>
-           <pre id="a723aa3e-317e-4198-a3c0-67649b8286b2"><code class="python">from bootwrap import Table
+           <pre id="faffd393-2938-4f0d-995e-ffcbe75424f2"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -7998,8 +8004,8 @@ Table(
 ).as_bordered()
 </code></pre>
           </div>
-          <div class="ms-3" id="9c4418ce-d4fd-4a55-a0f5-66b08fb77a14">
-           <table class="table table-bordered" id="b8245fbe-5c44-4a81-9f7a-362c8c63d4d2">
+          <div class="ms-3" id="363af352-c2c0-4f89-bbe4-4ec291944a3f">
+           <table class="table table-bordered" id="193302f1-16fc-4e24-9b2a-5521ff7204b4">
             <thead>
              <tr>
               <th scope="col">
@@ -8051,29 +8057,29 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="195d3fce-4217-45e2-aa20-5c263028bdc3">
-          <div class="d-flex justify-content-between" id="3d9dc3b8-2513-474c-a63c-d2b6e0bf5d6b">
-           <h4 id="a3c59892-462e-4cab-89df-6f3d61f8e5c1">
+         <div class="mt-5" id="900d9c0f-7cd1-427c-ab19-c5e2ab4c5379">
+          <div class="d-flex justify-content-between" id="b3ce12de-c099-4001-b16c-f1965d0de87c">
+           <h4 id="73f3a519-a2b4-4823-be88-ea70c8496045">
             Method
-            <span class="text-primary" id="9470a67d-e940-4a9c-8166-eebb6f12f7b5">
+            <span class="text-primary" id="48763acf-0511-437f-9742-8d6f0310916a">
              as_dark
             </span>
            </h4>
-           <div id="5deb6a4f-7147-47c5-959f-9edb5fd6ae30">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#e53ee576-ec78-4455-897c-7b8da4d818a8" data-bs-toggle="collapse" id="d16cb174-0664-4413-833f-3e436ade2d81" onclick="return false;" type="button">
+           <div id="2f0b5462-3af6-4954-b210-a548b63ccb65">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#73b89688-bf6e-4df3-bf13-c67a9066769b" data-bs-toggle="collapse" id="34eb397e-5079-49fc-b750-39904c8a2381" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="75317955-9b55-4b0e-a856-661e40c066dc">
+          <span class="text-muted" id="ad2c4b46-cc4f-4526-ab4e-7aae269afe67">
            Inverts the colors—with light text on dark backgrounds.
           </span>
-          <pre id="6c989d6b-f171-4b71-bb4f-24cde4fd55ab"><code class="python">as_dark()</code></pre>
-          <div class="ms-3 collapse" id="e53ee576-ec78-4455-897c-7b8da4d818a8">
-           <h6 id="711d80ab-790f-4a48-8725-55ac697ffd4f">
+          <pre id="bc8d21ba-3ab8-40a2-b8ee-514148bf7e32"><code class="language-python">as_dark()</code></pre>
+          <div class="ms-3 collapse" id="73b89688-bf6e-4df3-bf13-c67a9066769b">
+           <h6 id="2d012cb3-832a-4e29-b4be-9e4717cb70cb">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="6a6e34d0-224c-4300-803e-e12a02941d82">
+           <table class="table table-sm bg-light" id="cfa86b2b-0685-4a22-92ad-cd8719b14602">
             <thead>
              <tr>
               <th scope="col">
@@ -8106,11 +8112,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="276b8b3e-5fa5-43c6-9ef6-8cc4d0b15158">
-           <h6 id="25f29ae8-06b5-4975-8496-9748c6346e57">
+          <div class="ms-3" id="1c279a18-2b58-4c1d-918a-38385c89b1a2">
+           <h6 id="50fd1456-df50-4e4a-82eb-5e3033e88c39">
             Example
            </h6>
-           <pre id="726398cb-eb22-47de-9299-74b63e742ffe"><code class="python">from bootwrap import Table
+           <pre id="ec9e6a4f-6447-44be-baf9-578d6d77df17"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8122,8 +8128,8 @@ Table(
 ).as_dark()
 </code></pre>
           </div>
-          <div class="ms-3" id="faf60fec-0c6b-4c27-8fe3-2b09ecd683b7">
-           <table class="table table-dark" id="487e1799-171f-42b6-9df5-94ae2c629ab5">
+          <div class="ms-3" id="fa73f6b2-2d66-4afb-9fa8-c4d0ab85c884">
+           <table class="table table-dark" id="4dabc6b3-1ba8-4f7b-9cf3-c27f8d37c77e">
             <thead>
              <tr>
               <th scope="col">
@@ -8175,32 +8181,32 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="099f9494-ed9a-4fe8-8871-759690ef5887">
-          <div class="d-flex justify-content-between" id="f41a2460-d4e6-4b7b-bbfc-a8a90e6afb5c">
-           <h4 id="2728de9a-691b-4330-979b-882406c8e850">
+         <div class="mt-5" id="b737e5da-53e9-43e2-96ff-f982fc4f1fed">
+          <div class="d-flex justify-content-between" id="58484b49-f8e6-4d4a-bea0-c631d3d467b5">
+           <h4 id="9e064d35-115f-42d3-b574-bd6364e2b4fd">
             Method
-            <span class="text-primary" id="49e1e957-bf1d-41b7-b6ef-32c49a1c1c40">
+            <span class="text-primary" id="9ec554a9-e39d-4c80-8cfb-87d196c72967">
              as_responsive
             </span>
            </h4>
-           <div id="92f2916a-5d6d-4932-b4b6-a78228be65dd">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#79a50b1e-209d-4709-a8fc-99151c2ca3d9" data-bs-toggle="collapse" id="081dd74c-6bb8-4680-b193-4616a1a2f49b" onclick="return false;" type="button">
+           <div id="57d3f6e6-ac27-4b70-b83e-8f35ebdf851c">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ee90c836-6706-4499-8a47-1de1ae6e2ed8" data-bs-toggle="collapse" id="628189cf-40ef-4ddd-a4ef-228dc081932c" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a427dccf-13fb-4e20-a8d7-e12f3849d5f3" data-bs-toggle="collapse" id="d82ce5eb-a6fe-4076-badd-2d3e6ccee546" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#88a25ea4-61f1-44ad-9b5c-e7b9739c4873" data-bs-toggle="collapse" id="d655f75b-33bd-40a5-8656-d60b7a609488" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="860170b3-6283-449b-8795-4b3306616a56">
+          <span class="text-muted" id="8657d6dc-da34-46a1-8a9a-797ef7e8048c">
            Create responsive tables.
           </span>
-          <pre id="69da3d0a-5064-4d89-ac61-89b5658301ae"><code class="python">as_responsive(breakpoint=<breakpoint.sm: 'sm'="">)</breakpoint.sm:></code></pre>
-          <div class="ms-3 collapse" id="79a50b1e-209d-4709-a8fc-99151c2ca3d9">
-           <h6 id="ed4f3145-2a40-495b-9bc6-1031325f992a">
+          <pre id="8c43f388-b01f-4af5-99fd-7bdb1f501b03"><code class="language-python">as_responsive(breakpoint=<breakpoint.sm: 'sm'="">)</breakpoint.sm:></code></pre>
+          <div class="ms-3 collapse" id="ee90c836-6706-4499-8a47-1de1ae6e2ed8">
+           <h6 id="22ba80ad-72fc-484d-86be-f3f890efbaa1">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="48a90e28-37d1-4a09-8555-5053afb738cb">
+           <table class="table table-sm bg-light" id="9509a78a-ec3e-4833-8c61-d9b20480f3a8">
             <thead>
              <tr>
               <th scope="col">
@@ -8233,11 +8239,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="a427dccf-13fb-4e20-a8d7-e12f3849d5f3">
-           <h6 id="3aeab905-ed1d-43ec-9152-552f69cd89ba">
+          <div class="ms-3 collapse" id="88a25ea4-61f1-44ad-9b5c-e7b9739c4873">
+           <h6 id="a8e0d727-5227-4865-8e74-fa2943ae18d4">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="a9dddc06-defe-474a-8e34-2f6733629ac5">
+           <table class="table table-sm bg-light" id="6a0a73d4-9fd7-4f0e-8019-cac0b2707515">
             <thead>
              <tr>
               <th scope="col">
@@ -8270,11 +8276,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="b85d485b-f28b-4c5d-9943-8ce549f571d3">
-           <h6 id="eb48f04e-ceb5-4765-9dae-e4f672bd2a47">
+          <div class="ms-3" id="26eaf493-7f04-49ca-8ffd-9ba8ca93d1eb">
+           <h6 id="508ca053-f69f-4464-9355-e6ba2e8e0881">
             Example
            </h6>
-           <pre id="49a4c088-6630-4c82-afcc-cdbd31f7a494"><code class="python">from bootwrap import Table
+           <pre id="1b0d9846-2df4-4f68-a2f1-20b2568aa916"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8286,8 +8292,8 @@ Table(
 ).as_responsive()
 </code></pre>
           </div>
-          <div class="ms-3" id="86d4c381-5e05-4016-905e-6643cb7128d5">
-           <table class="table table-responsive-sm" id="f7bbc982-513c-4e2d-bf99-29d13e2ea5ca">
+          <div class="ms-3" id="4507080e-77e6-4a33-9a1c-0a2bd24036e6">
+           <table class="table table-responsive-sm" id="ef7ae823-4679-4adb-b9cf-ab903ce1ecd4">
             <thead>
              <tr>
               <th scope="col">
@@ -8339,29 +8345,29 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="ca766e1c-1a5d-45ae-bc56-824a7229cbaa">
-          <div class="d-flex justify-content-between" id="328e2adc-dac9-467d-8b28-636c0efc12f9">
-           <h4 id="003a9744-0129-4118-ba1b-cb341be21d90">
+         <div class="mt-5" id="d465c5fb-bb10-4266-a9ab-9fb88ef81611">
+          <div class="d-flex justify-content-between" id="ba388fdf-b66d-438b-823d-0231e6de6a92">
+           <h4 id="848a2e6b-9cec-4146-88ad-9e4608646558">
             Method
-            <span class="text-primary" id="a26e5061-612b-417e-a73c-e9c03051f35b">
+            <span class="text-primary" id="a751d644-0380-401b-90b0-a57670b5bbb9">
              as_small
             </span>
            </h4>
-           <div id="ff66b164-6cb4-4d22-93fa-6a9beff98f00">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c744ee6f-e204-4253-bab0-7d61be1a64a0" data-bs-toggle="collapse" id="dea8ec55-d46e-4e4d-8d2d-4ee92eb15461" onclick="return false;" type="button">
+           <div id="4436e631-58dd-49f3-a7e4-5158dccf167a">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#b9bb8853-171e-462a-aac3-fefad92e7016" data-bs-toggle="collapse" id="b3ea8e3b-dc79-4948-afa1-76168676f3aa" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="ebe1bbe7-8469-43d3-8ece-c55bc9420945">
+          <span class="text-muted" id="19a4bee2-98dc-4b8d-9127-249eb6b9c715">
            Make tables more compact by cutting cell padding in half.
           </span>
-          <pre id="d3962eb3-ddcc-4b53-9c12-8fc42b798251"><code class="python">as_small()</code></pre>
-          <div class="ms-3 collapse" id="c744ee6f-e204-4253-bab0-7d61be1a64a0">
-           <h6 id="8bbda9f4-31a7-4483-9846-38392c0dbdf5">
+          <pre id="292b4ab1-0564-49d2-907b-5d7a02ac231d"><code class="language-python">as_small()</code></pre>
+          <div class="ms-3 collapse" id="b9bb8853-171e-462a-aac3-fefad92e7016">
+           <h6 id="ceb5749d-f179-4c0e-9421-18b99ae61a1a">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="2c2ecaf7-0ef6-482c-8f2f-8fd22e3b5dc8">
+           <table class="table table-sm bg-light" id="d440cff1-f587-449d-9b0f-f04322bc3d80">
             <thead>
              <tr>
               <th scope="col">
@@ -8394,11 +8400,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="7311dcb6-be8d-40ce-a452-0ace50bca47b">
-           <h6 id="74a35777-518e-4680-93cf-846876a3c1de">
+          <div class="ms-3" id="a30abdcb-851b-4b27-8690-4804a9018d5c">
+           <h6 id="e982627a-9e8c-4642-9b28-01c648a49a0d">
             Example
            </h6>
-           <pre id="84e003fb-62bc-4cca-a809-c967673296ea"><code class="python">from bootwrap import Table
+           <pre id="3da99141-fad6-4479-881b-98a668097fb3"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8410,8 +8416,8 @@ Table(
 ).as_small()
 </code></pre>
           </div>
-          <div class="ms-3" id="4f1dfe46-8dd6-417a-a973-3631e2996ee3">
-           <table class="table table-sm" id="d6b0783b-3c55-4a3e-a188-dc9b55b01e35">
+          <div class="ms-3" id="60f34aeb-4975-485d-b2ba-03f5c38e386b">
+           <table class="table table-sm" id="46174c31-8270-4030-b5df-edc092ad9130">
             <thead>
              <tr>
               <th scope="col">
@@ -8463,29 +8469,29 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="2de22ef9-8ee9-47ac-a600-5cb2b335ce6b">
-          <div class="d-flex justify-content-between" id="6ce675ab-f8d0-4d25-bae3-f5385ff21c28">
-           <h4 id="57ac930f-4e2b-4ac0-a196-bd35f93ace76">
+         <div class="mt-5" id="b933c57d-e4e3-4987-83c4-2dcf28ccce48">
+          <div class="d-flex justify-content-between" id="a7610f3d-caeb-49b2-a803-20bf403ecb5a">
+           <h4 id="c2295e44-36fc-41b5-971d-a2350d3a2ca3">
             Method
-            <span class="text-primary" id="63f175b5-1386-4bf0-a897-c6aeb178b587">
+            <span class="text-primary" id="064f2851-0c29-4fce-9929-74fabe1580d3">
              as_striped
             </span>
            </h4>
-           <div id="4a4e1ef5-1316-47b8-a8a1-b522b5ade97f">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#6558bb08-65bf-4f88-a693-70a3b02ecfc4" data-bs-toggle="collapse" id="a135d78e-8402-44f5-8f58-8a8cc2fb870b" onclick="return false;" type="button">
+           <div id="a3f9b0d6-ccd2-4484-b47d-ac837018d3cf">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#465b690f-4a58-4702-ae4b-8830af4158d1" data-bs-toggle="collapse" id="4cfc5e1c-449b-420d-8cac-4b8679c7200e" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="1b6e48ba-090b-49a3-ad9c-c55a1ca74aba">
+          <span class="text-muted" id="ac9511c3-cea3-48ae-8dab-1bd6a39231a3">
            Adds zebra-striping to any table row within the table body.
           </span>
-          <pre id="8c20a7ef-3a4b-4b70-bfb9-4bcac7e0273d"><code class="python">as_striped()</code></pre>
-          <div class="ms-3 collapse" id="6558bb08-65bf-4f88-a693-70a3b02ecfc4">
-           <h6 id="43e00c2b-73e4-4a8b-b956-88ebaf5169a4">
+          <pre id="735ec03e-edd9-4e29-ab05-4d88adade907"><code class="language-python">as_striped()</code></pre>
+          <div class="ms-3 collapse" id="465b690f-4a58-4702-ae4b-8830af4158d1">
+           <h6 id="0eed89e7-5328-400e-a02e-3ea9d65b3133">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="60f850b0-6012-4c1e-ba59-05c1793804d2">
+           <table class="table table-sm bg-light" id="690cb17a-53ee-4699-9da2-f2e3a1e78659">
             <thead>
              <tr>
               <th scope="col">
@@ -8518,11 +8524,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="5f09a8ea-fefb-40fa-a6ff-4861ae11edea">
-           <h6 id="d45eeb60-496f-45f0-bea5-2f5652e8b448">
+          <div class="ms-3" id="1dc6b257-e372-4960-a728-4d473002507c">
+           <h6 id="b780122a-0346-4830-b284-c66bc60295ab">
             Example
            </h6>
-           <pre id="74e90bed-549a-46cd-a34f-3449777e9a78"><code class="python">from bootwrap import Table
+           <pre id="43b94b3b-611c-42d3-94cc-194dfd0b6588"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8534,8 +8540,8 @@ Table(
 ).as_striped()
 </code></pre>
           </div>
-          <div class="ms-3" id="dfda7f4a-d284-4cbc-b2a1-1efd3c27845c">
-           <table class="table table-striped" id="db2072ed-8d1d-4660-843d-3b19fe9f3faa">
+          <div class="ms-3" id="2cc42f57-3e1d-4abf-ae62-72f4a2f17884">
+           <table class="table table-striped" id="6ceca81c-e845-41a8-bb13-28d08d5b9301">
             <thead>
              <tr>
               <th scope="col">
@@ -8589,42 +8595,42 @@ Table(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="94b07880-0c89-4409-a989-6f08fe54f70b">
-        <div class="mt-5" id="87b56878-9c82-4eae-b4cd-f8e18986cf22">
-         <div class="d-flex justify-content-between" id="e33f3685-a819-49ba-ab02-ceffdd510524">
-          <h1 id="04c58ec1-842f-4b5f-95db-20ac50b7cb28">
+       <div class="tab-pane fade" id="bf3930fe-9b45-4cfe-bfce-5560f34e547a">
+        <div class="mt-5" id="ce1c1a5a-ed14-4c03-9c38-36c836c151b7">
+         <div class="d-flex justify-content-between" id="8e6506a9-d097-4e4c-bc08-dc9d3a9be36c">
+          <h1 id="544d2e88-973d-4087-91b9-e16096d45fc2">
            Class
-           <span class="text-primary" id="c3fe08b0-1ff9-42b3-8c12-0227fa9ef40a">
+           <span class="text-primary" id="d97f572d-8dcd-4da9-ae7a-f7084187020e">
             Table.Head
            </span>
           </h1>
-          <div id="c03859e6-ba97-468c-b4a4-9ac63a42e43a">
+          <div id="1a57b0ac-10ac-444f-9d38-e3b29c586506">
           </div>
          </div>
-         <span class="text-muted" id="848fc2b2-9c47-4a9d-bbf5-66c8d199d77b">
+         <span class="text-muted" id="4ad20689-fdd2-4e92-80c5-2d7133ada63b">
           The table head.
          </span>
-         <pre id="84d0c0ef-bac2-4863-81d9-081752385d94"><code class="python">Table.Head(head)</code></pre>
-         <div class="mt-5" id="9bbd0353-56ee-43ae-82a5-1ceedde86238">
-          <div class="d-flex justify-content-between" id="f6804de6-7be9-404b-8c95-6f1b42758a1a">
-           <h4 id="3ba2cebe-f4a1-48c7-b3d4-835e01bf5b1a">
+         <pre id="53192710-6827-47bf-a038-c946a7969d93"><code class="language-python">Table.Head(head)</code></pre>
+         <div class="mt-5" id="8ff11c18-0f22-44e3-854f-650a95c88548">
+          <div class="d-flex justify-content-between" id="56cfa8ad-ee37-48ee-b364-2635b8a64aba">
+           <h4 id="be8ddbd6-a9b8-43ee-9c76-f48efa8b34aa">
             Method
-            <span class="text-primary" id="5b00d94f-b764-46f0-a7c6-f743f548008e">
+            <span class="text-primary" id="64d1eeb2-c68a-4929-8ac5-5ed5f656cba7">
              as_dark
             </span>
            </h4>
-           <div id="bb9a0c2c-0efd-4d22-8376-ebc8c613110d">
+           <div id="45be2581-96f4-4c37-a84d-9895916edac6">
            </div>
           </div>
-          <span class="text-muted" id="0aebcc04-ae0e-477c-a99e-f625cef02a76">
+          <span class="text-muted" id="8706f82e-8fa6-4aa8-a22e-afdaa8deb3e2">
            Makes the table head appears as dark gray.
           </span>
-          <pre id="a9252557-95bf-40d1-a753-b812c603ffde"><code class="python">as_dark()</code></pre>
-          <div class="ms-3" id="36045915-e942-4d21-8e72-c48cd7846f4d">
-           <h6 id="4afeeb81-2028-481b-8f72-edd1dadd5d30">
+          <pre id="60b8142d-7b46-4108-bd73-495e4a6cb8a8"><code class="language-python">as_dark()</code></pre>
+          <div class="ms-3" id="011ef044-08cd-4709-93ce-dd5c6cfdbd83">
+           <h6 id="48fa3ba6-5474-47d8-b9b5-afbcaffe03df">
             Example
            </h6>
-           <pre id="93f3f40d-c704-4164-886e-25d63f867cd5"><code class="python">from bootwrap import Table
+           <pre id="9f62b58e-89f4-46bf-9026-17e927b1e4b4"><code class="language-python">from bootwrap import Table
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8639,8 +8645,8 @@ table.head.as_dark()
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="61397f5c-397c-436c-a080-104a16477184">
-           <table class="table" id="3fd35837-6b4d-4a8f-bb4f-ceeb457f6a28">
+          <div class="ms-3" id="23ee851e-3d87-4fa0-a9ce-5205f7ef3573">
+           <table class="table" id="571a3aa6-6834-4a6f-ace5-0762d40a0b19">
             <thead class="thead-dark">
              <tr>
               <th scope="col">
@@ -8692,26 +8698,26 @@ table
            </table>
           </div>
          </div>
-         <div class="mt-5" id="e6cd5051-fe65-4fc2-8bed-106cf640e423">
-          <div class="d-flex justify-content-between" id="e815b2ab-5ad4-4d89-8434-35b3570dacc6">
-           <h4 id="42e1d343-3155-4550-8378-8e7efdc25727">
+         <div class="mt-5" id="feeaa33f-da67-4a72-a907-dfc5b8425f7f">
+          <div class="d-flex justify-content-between" id="66ddfeaf-8046-4abb-bcc8-2a6975478236">
+           <h4 id="5711a0fc-dd83-48d8-999e-ddb63b3dd57e">
             Method
-            <span class="text-primary" id="bf1e6708-b71a-4792-91f9-3f1a9a0845e6">
+            <span class="text-primary" id="f4e4a53f-164b-4dc8-b589-973cabfd45cb">
              as_light
             </span>
            </h4>
-           <div id="c1b9cfbd-86b9-4157-bf54-3c121cc85453">
+           <div id="bdb7ea18-a0c9-4dba-932d-a26a86d9c60b">
            </div>
           </div>
-          <span class="text-muted" id="adcf70a5-44bc-451e-acdf-585bd91c176e">
+          <span class="text-muted" id="d1de4f5e-03bc-4ce8-a56a-c9797bcd5f64">
            Makes the table head appears as light gray.
           </span>
-          <pre id="f5aa9f0b-4e57-4f9b-92e0-82bd53779154"><code class="python">as_light()</code></pre>
-          <div class="ms-3" id="cbbff784-bcb6-4d23-ac44-e3de440880de">
-           <h6 id="32d17091-d9f3-400b-945d-f9997c380f03">
+          <pre id="c8ae6a18-3b1f-4154-9cdb-72fbdd249ddb"><code class="language-python">as_light()</code></pre>
+          <div class="ms-3" id="8ad2057d-82c9-4c1f-896a-324ef008f242">
+           <h6 id="0944cb6b-1dfc-49c1-981b-ac6ddbaf6e21">
             Example
            </h6>
-           <pre id="0cd8b109-8ef5-47a9-ac5f-f2cedc299d3c"><code class="python">from bootwrap import Table
+           <pre id="eabbb506-2044-420d-b31c-6674aefbfb1e"><code class="language-python">from bootwrap import Table
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8726,8 +8732,8 @@ table.head.as_light()
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="b5262482-65bd-4e4c-bd22-1c75e6f31793">
-           <table class="table" id="1130a2d0-bdd5-40e4-8bd2-7de110cc3992">
+          <div class="ms-3" id="077ad3ed-cc1a-45ad-b789-75e799e83d0f">
+           <table class="table" id="423ca139-b5c3-40b9-8a7d-b47eb64b74f9">
             <thead class="thead-light">
              <tr>
               <th scope="col">
@@ -8781,45 +8787,45 @@ table
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="bf5ac23f-4118-4766-bb18-3415d36a5df1">
-        <div class="mt-5" id="f1ba4d9d-03a0-4187-9890-9b08ab6c6109">
-         <div class="d-flex justify-content-between" id="c748bb0e-3681-45cd-997c-b095e68e68eb">
-          <h1 id="2e294e1c-bfd6-419d-bcb3-1ae73483079c">
+       <div class="tab-pane fade" id="a2f37d0a-e2e0-48a9-baa4-89afd4c9617e">
+        <div class="mt-5" id="4a1a0d6b-f5aa-4720-a8fa-c764f26c4345">
+         <div class="d-flex justify-content-between" id="54e13578-ab41-4941-b562-fc76b598a826">
+          <h1 id="4658670a-528f-4152-9672-061e2db23c7b">
            Class
-           <span class="text-primary" id="9e43a7b1-166a-42a8-80cc-c4bf1f7cebb2">
+           <span class="text-primary" id="ef74dc3a-8e31-4e0b-b8d9-975d39b6b439">
             Table.Body
            </span>
           </h1>
-          <div id="769b5647-089d-4464-961d-a532e3c17baf">
+          <div id="56ec9fab-9e53-4f81-8c46-aaacb37ded23">
           </div>
          </div>
-         <span class="text-muted" id="5e87109f-96b5-4451-b9b6-9b13f036deae">
+         <span class="text-muted" id="f068417e-d239-4283-8e38-8a0bc1ed0985">
           The table body.
          </span>
-         <pre id="faa7703b-3f5e-411f-874a-495db1c4124c"><code class="python">Table.Body(body)</code></pre>
-         <div class="mt-5" id="7dbfe271-67e4-4922-8325-f62f57702bff">
-          <div class="d-flex justify-content-between" id="1a9ed1b5-3ba7-4a59-bf7d-a99e0720b1c7">
-           <h4 id="d1257928-5ab3-4afa-aff2-d80d44314e93">
+         <pre id="154e3459-baf6-4ce7-9ecc-6be28fd6f191"><code class="language-python">Table.Body(body)</code></pre>
+         <div class="mt-5" id="e5db1bdd-020b-492a-856f-34de90025a35">
+          <div class="d-flex justify-content-between" id="f8f0310c-e747-4032-adbd-e7e1617e51aa">
+           <h4 id="97bb9b6f-c8eb-4cbf-958a-4a884d4d367c">
             Method
-            <span class="text-primary" id="77d63272-7397-4cfd-af74-0f1b30bb9e7c">
+            <span class="text-primary" id="f9ec4d27-cba1-4bc1-ae1a-87bf71cdd2ea">
              transform
             </span>
            </h4>
-           <div id="51f040c3-9ce7-4b28-8a0c-2700e4cbf8aa">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#fe888cfa-cb82-48c9-b745-81d6a1e973ed" data-bs-toggle="collapse" id="8e116ba8-14df-4f31-b6c3-8f4003a47a5a" onclick="return false;" type="button">
+           <div id="2e312c96-83a3-4244-8bc9-dd0ffe21a999">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4e602ca3-e6a6-45bb-998b-65a5dc489660" data-bs-toggle="collapse" id="b5892652-0a7b-48c3-84ba-a651b4b06af1" onclick="return false;" type="button">
              Argument
             </button>
            </div>
           </div>
-          <span class="text-muted" id="fd0e3477-adaf-4acc-8a54-0a78b59d36c4">
+          <span class="text-muted" id="f681950e-160e-4cca-81cd-3b45422b2657">
            Defines a function to transform a cell value
           </span>
-          <pre id="a1023d54-d337-4b23-9738-ae159b771a05"><code class="python">transform(index, entity, fn)</code></pre>
-          <div class="ms-3 collapse" id="fe888cfa-cb82-48c9-b745-81d6a1e973ed">
-           <h6 id="6f4b58d0-a6b7-41c9-83b9-ccca6981c4a6">
+          <pre id="3276ed4a-3648-4f55-8033-4d465c4654e0"><code class="language-python">transform(index, entity, fn)</code></pre>
+          <div class="ms-3 collapse" id="4e602ca3-e6a6-45bb-998b-65a5dc489660">
+           <h6 id="83eeeb6e-df12-4c6b-a65b-ce46d69632fb">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="30fe4cd3-b87e-43fb-a4ce-7ed2bb332398">
+           <table class="table table-sm bg-light" id="e8847b46-45d4-4926-81ee-620cc75784c6">
             <thead>
              <tr>
               <th scope="col">
@@ -8884,11 +8890,11 @@ table
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="b1ec52d5-471f-4881-923f-8dd81f56c143">
-           <h6 id="beb9e91a-5462-4501-8128-f7717d50aa8d">
+          <div class="ms-3" id="6579149a-5fe5-4347-809f-377d7c76c0fe">
+           <h6 id="8c57520c-78bd-4267-a69e-321cb53d0160">
             Example
            </h6>
-           <pre id="6442bdbe-14fd-4b29-aa74-b76a4610dbf0"><code class="python">from bootwrap import Table, TableEntity, Text
+           <pre id="ef1a7fe6-7e4c-4193-bc9c-33ae59a50edf"><code class="language-python">from bootwrap import Table, TableEntity, Text
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8920,8 +8926,8 @@ table.body.transform(
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="d55ac673-0703-4a12-8824-e207ad4ac162">
-           <table class="table" id="e7c127c1-716c-4120-bd6b-655bdb8df971">
+          <div class="ms-3" id="3aa809ce-cd42-4f91-8243-415f3449c388">
+           <table class="table" id="ff74edcf-f20b-44a6-8171-9bf170147f25">
             <thead>
              <tr>
               <th scope="col">
@@ -8984,30 +8990,30 @@ table
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="e7c64769-e8b1-42ef-ac82-f14c3bd3be46">
-     <div class="mt-5" id="c8a1e473-6d7e-4a20-9a30-3ce7c3675963">
-      <div class="d-flex justify-content-between" id="a1337c34-d9c6-4197-97d4-14d83cb05ade">
-       <h1 id="47d3240d-faec-4a4f-ab2a-457d23a12d44">
+    <div class="tab-pane fade" id="8bdf0784-bdfb-465e-a442-e72a73275509">
+     <div class="mt-5" id="275998cc-5dcf-43cf-b72b-be0921eb4d46">
+      <div class="d-flex justify-content-between" id="db159c6c-fa28-4054-975c-d5fab612b92b">
+       <h1 id="4c7d23e6-d4db-402f-93c7-603b643323ec">
         Class
-        <span class="text-primary" id="f0d3087c-9818-435e-bc32-ba3cbf8c7e0c">
+        <span class="text-primary" id="7a7ef12b-fbaf-4baf-80a5-c63c7ac9e436">
          Text
         </span>
        </h1>
-       <div id="e1c64e8d-ed10-4ee9-88b4-7d5b574cd22b">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9bf164bc-de0b-465a-a443-cf7ad5835585" data-bs-toggle="collapse" id="1a764f64-d175-40f2-8a14-a5ef90ff5696" onclick="return false;" type="button">
+       <div id="11cb0574-7925-4384-9bc5-d15efea4e613">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#839b63be-34d1-4569-92c9-ff739df861c3" data-bs-toggle="collapse" id="7dfb539f-c92c-4a2b-9ed8-48f5620065ec" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="f5871cb0-68f3-4804-8013-cc59e98f0ab0">
+      <span class="text-muted" id="dbbebea6-84be-414d-b483-0172d0f70e5f">
        A web component for a text.
       </span>
-      <pre id="86438c88-0151-4e88-a517-b1cfbf7e08af"><code class="python">Text(content)</code></pre>
-      <div class="ms-3 collapse" id="9bf164bc-de0b-465a-a443-cf7ad5835585">
-       <h6 id="c70f3ef5-cabc-41e8-a952-694d793f7513">
+      <pre id="4c6ebd6f-b6f9-40a7-b44f-94bb153997c6"><code class="language-python">Text(content)</code></pre>
+      <div class="ms-3 collapse" id="839b63be-34d1-4569-92c9-ff739df861c3">
+       <h6 id="809e9f82-c9ac-4436-9d71-23e74749bc3b">
         Arguments
        </h6>
-       <table class="table table-sm bg-light" id="5c7200dd-4169-48a4-9e97-9076831a8c5e">
+       <table class="table table-sm bg-light" id="c5936182-de88-4736-8ffb-5325e5763285">
         <thead>
          <tr>
           <th scope="col">
@@ -9040,11 +9046,11 @@ table
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="07560610-8c13-4229-9ca7-97a81c658979">
-       <h6 id="5bfe6466-8a7c-4c9f-a416-e4d839f910d7">
+      <div class="ms-3" id="2b524e9b-1935-409a-84fb-f01e9bc3be64">
+       <h6 id="e988d960-ab97-4144-ac14-61f3ec4ca99a">
         Example
        </h6>
-       <pre id="e37ed21d-df62-45f2-86d4-223a1700cd28"><code class="python">from bootwrap import Text, Panel
+       <pre id="9c2fda7d-f025-4e84-b774-d536ba9dd931"><code class="language-python">from bootwrap import Text, Panel
 
 txt = Text("Text")
 txt_outline = Text("Text with border").as_outline()
@@ -9059,61 +9065,102 @@ Panel(
 ).vertical()
 </code></pre>
       </div>
-      <div class="ms-3" id="4c0cf534-2683-491c-8ad1-5985bf7e2fb4">
-       <div id="72a887e7-7418-442b-8db5-5005905f6579">
+      <div class="ms-3" id="87ea3720-e98b-4c03-b782-b87589df9062">
+       <div id="dd2d44b7-e722-42c7-878a-0807b484820e">
         <div class="row">
          <div class="col-md">
-          <span id="eb480cb5-be9a-44dd-90b6-f12b7107f743">
+          <span id="ab309c62-34da-4fb9-a461-7e7f19b890e3">
            Text
           </span>
          </div>
         </div>
         <div class="row">
          <div class="col-md">
-          <span class="border" id="07e96204-b33f-43c5-b123-611de3aab034">
+          <span class="border" id="f82a2c5a-b271-4482-b5e3-6df970844020">
            Text with border
           </span>
          </div>
         </div>
         <div class="row">
          <div class="col-md">
-          <span class="text-primary" id="e5be4237-b244-43d4-8315-8e5acfb450b9">
+          <span class="text-primary" id="e8c33acf-fcab-4fad-a431-48fe27555048">
            Text of primary color
           </span>
          </div>
         </div>
         <div class="row">
          <div class="col-md">
-          <span class="text-primary border border-primary" id="3431cde6-3794-4721-98dd-701159940fde">
+          <span class="text-primary border border-primary" id="92904986-0057-4564-a798-dc22a80bc836">
            Text of primary color with border
           </span>
          </div>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="6dbb4d8f-d5f1-4a7c-9a84-80dc66696e7f">
-       <div class="d-flex justify-content-between" id="390c05c4-3903-4689-b54d-20c41de891b5">
-        <h4 id="951b0542-28a0-43f8-8417-d7c4c5f09c27">
+      <div class="mt-5" id="349931a8-db8d-4cad-a3cf-dd73a760669e">
+       <div class="d-flex justify-content-between" id="a6fa2686-dd67-499b-a821-18733269ecc6">
+        <h4 id="941362bc-1b48-44b9-be15-e28e58aed152">
          Method
-         <span class="text-primary" id="1449cbaa-c0e9-4fe6-9a0c-91ad6fa62056">
+         <span class="text-primary" id="e501c80b-0933-4995-9d66-35e868e4a410">
           as_code
          </span>
         </h4>
-        <div id="0cfab3a5-ab24-40dd-b10c-2575839c141d">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#04f8935e-7218-44a6-9f65-beaaf3454f97" data-bs-toggle="collapse" id="6afd7aae-0193-4e54-ae39-810dbe9e9aee" onclick="return false;" type="button">
+        <div id="996a15ba-1064-499d-804b-35bff33f0f2c">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#376acc9e-939a-450d-872d-60139a577e6e" data-bs-toggle="collapse" id="128be8a9-f2d4-42bc-8c92-156a7514f0b0" onclick="return false;" type="button">
+          Argument
+         </button>
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e95c4576-1adf-4ac0-8802-b9aa7ad8b8d2" data-bs-toggle="collapse" id="5881cb5c-979b-4401-a704-5474fa59d6b6" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="eaba84a9-35ca-46c9-a6c5-03a797a9fdfa">
+       <span class="text-muted" id="941da650-efb1-4d69-a6de-c5d5083fc1c0">
         Makes the text wrap as a code snippet.
        </span>
-       <pre id="6755fa8c-1b0f-4094-b128-1e0481012985"><code class="python">as_code()</code></pre>
-       <div class="ms-3 collapse" id="04f8935e-7218-44a6-9f65-beaaf3454f97">
-        <h6 id="3ec6c233-069c-44ad-8b9f-6e34b36e8459">
+       <pre id="d117c812-7c2b-4166-8c20-dd375d2bb82b"><code class="language-python">as_code(language='python')</code></pre>
+       <div class="ms-3 collapse" id="376acc9e-939a-450d-872d-60139a577e6e">
+        <h6 id="3f2ae86e-2790-4c67-89cd-be5ff61dde9a">
+         Arguments
+        </h6>
+        <table class="table table-sm bg-light" id="f8a51e49-f9ef-46ed-af9b-98803ed25892">
+         <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">
+             language
+            </i>
+           </td>
+           <td>
+            <code style="white-space: nowrap">
+             str
+            </code>
+           </td>
+           <td>
+            The language to highlight, currently supported:
+                "python", "json", "yaml", "bash"
+           </td>
+          </tr>
+         </tbody>
+        </table>
+       </div>
+       <div class="ms-3 collapse" id="e95c4576-1adf-4ac0-8802-b9aa7ad8b8d2">
+        <h6 id="adb531da-bd5c-4aea-a8f4-21cddd6bc2ca">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="7d046bfe-0701-4e8a-99f3-5df41b4e42cf">
+        <table class="table table-sm bg-light" id="91568584-7e32-48f1-a866-b35a75c34e55">
          <thead>
           <tr>
            <th scope="col">
@@ -9146,45 +9193,71 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d76d7346-51f4-456d-a868-e243eaa7d955">
-        <h6 id="6973f0f0-9cf3-4353-b2be-9f299bab71c2">
+       <div class="ms-3" id="bf0eed44-eee5-4e92-bd01-6f2c4d177ba9">
+        <h6 id="b0e14fec-b728-4f81-80cc-fbd821f200b0">
          Example
         </h6>
-        <pre id="11283561-019e-435e-aa74-363d85e93693"><code class="python">from bootwrap import Panel, Text
+        <pre id="3ef36e32-6beb-41b0-b64a-68cbec9fafe1"><code class="language-python">from bootwrap import Panel, Text
 
-Text("print('Hello world!')").as_code()
+Panel(
+    Text('print("language python")').as_code("python"),
+    Text('{"language": "json"}').as_code("json"),
+    Text("language: yaml").as_code("yaml"),
+    Text("~$ ls language/bash").as_code("bash")
+).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="1ca8bd1e-72ca-4abb-8fbc-dd269c5e9254">
-        <pre id="0a97629d-e7c5-44bf-ac72-2accdea6932b"><code class="python">print('Hello world!')</code></pre>
+       <div class="ms-3" id="f0b78499-96c2-4000-b11e-a3754a4491ab">
+        <div id="41bf07ee-44dc-418e-a8da-c5d81d6105b7">
+         <div class="row">
+          <div class="col-md">
+           <pre id="deacaef1-ce7f-4e5d-b492-9700df5e0bbb"><code class="language-python">print("language python")</code></pre>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <pre id="eb70858f-109f-4b7c-895f-09fb5b2ba09b"><code class="language-json">{"language": "json"}</code></pre>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <pre id="bc181ae4-a8fb-45b2-8a23-3b233d84476e"><code class="language-yaml">language: yaml</code></pre>
+          </div>
+         </div>
+         <div class="row">
+          <div class="col-md">
+           <pre id="73976d94-f5f3-4cd1-9cca-12c6ea415a8f"><code class="language-bash">~$ ls language/bash</code></pre>
+          </div>
+         </div>
+        </div>
        </div>
       </div>
-      <div class="mt-5" id="0a3f4bc2-43ff-4c92-90fc-8545ef17da2e">
-       <div class="d-flex justify-content-between" id="7e0bcae5-bf69-49e0-8a17-2da62b0f5d0c">
-        <h4 id="8dbcf99c-41ec-4a72-a964-27045e241599">
+      <div class="mt-5" id="a46a189e-48e8-44d0-9c98-6c2d32973235">
+       <div class="d-flex justify-content-between" id="c4be104a-3b70-4fb6-8c1d-da579f16dc47">
+        <h4 id="a3b80a7d-9b7b-4a39-8037-3b1cc3c1d566">
          Method
-         <span class="text-primary" id="9103b845-2990-4073-92cc-b88b820e9849">
+         <span class="text-primary" id="2a5fbd67-940c-4188-b1b6-861f3042210b">
           as_heading
          </span>
         </h4>
-        <div id="bdb1e6f5-1161-4925-af82-febbc3eedfcf">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#25861737-f337-4a1f-8a8f-17b03b1a5937" data-bs-toggle="collapse" id="b85e8882-6506-4d71-b6c1-6018bb947b51" onclick="return false;" type="button">
+        <div id="6bfd0ce9-d889-4186-8078-b3b89378a709">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d089e7cf-bf16-40d2-b212-eeb42b82efc5" data-bs-toggle="collapse" id="45e5419d-a342-4d58-abcf-66efe8554b73" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#982e453b-6226-4aa1-ad12-ff955081ac2e" data-bs-toggle="collapse" id="8e91383f-fbda-422c-97ec-8bd9d95c8c6a" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#67f04ff7-ce7f-433c-8488-05458e260bbf" data-bs-toggle="collapse" id="e83a69a7-c72e-4997-a3b4-70543e09c0ea" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="3f6aa00b-cb71-4536-ad6d-7dd780474102">
+       <span class="text-muted" id="4c516f75-36b5-449d-9ec5-46a42383f659">
         Makes the text as heading.
        </span>
-       <pre id="b0e54c69-7294-44cd-ad4c-abe3cdfe021c"><code class="python">as_heading(level)</code></pre>
-       <div class="ms-3 collapse" id="25861737-f337-4a1f-8a8f-17b03b1a5937">
-        <h6 id="5d5bca73-7ae0-4a74-b3c6-8f7c73b03132">
+       <pre id="28be58da-060f-4cd3-b209-c713c8ecadf0"><code class="language-python">as_heading(level)</code></pre>
+       <div class="ms-3 collapse" id="d089e7cf-bf16-40d2-b212-eeb42b82efc5">
+        <h6 id="a387ede9-d504-4aad-a28d-0c1f8eb522f6">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="ae53e4d4-e3d9-464b-aafa-d1c2b679d63f">
+        <table class="table table-sm bg-light" id="acc77c57-01e1-4777-b87d-c1033556486f">
          <thead>
           <tr>
            <th scope="col">
@@ -9217,11 +9290,11 @@ Text("print('Hello world!')").as_code()
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="982e453b-6226-4aa1-ad12-ff955081ac2e">
-        <h6 id="af517fc3-e837-4115-9348-ca5a0bd89af5">
+       <div class="ms-3 collapse" id="67f04ff7-ce7f-433c-8488-05458e260bbf">
+        <h6 id="2efdd58b-ae06-4a58-ad5b-cf564a090a8e">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="b6f37b2a-3fa1-4451-9a64-bd9277dab080">
+        <table class="table table-sm bg-light" id="f0bf0be8-a7e2-4846-8e35-042f5e6f136a">
          <thead>
           <tr>
            <th scope="col">
@@ -9254,11 +9327,11 @@ Text("print('Hello world!')").as_code()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="19892cf3-df46-4808-9caf-eb0ad031d944">
-        <h6 id="d6e90b6c-4e9e-40a5-aac0-5c20e27da978">
+       <div class="ms-3" id="fc0b5850-d900-47ba-b20a-168bd060f463">
+        <h6 id="74c5582c-04b3-408f-9dc9-49bfb22ab537">
          Example
         </h6>
-        <pre id="406e74c7-01ca-455f-9405-42020f6b1ecf"><code class="python">from bootwrap import Panel, Text
+        <pre id="560782fa-66e0-4750-bde8-be9f9d4e493a"><code class="language-python">from bootwrap import Panel, Text
 
 Panel(
     Text("Header text 1").as_heading(1),
@@ -9270,52 +9343,52 @@ Panel(
 )
 </code></pre>
        </div>
-       <div class="ms-3" id="8e0479cd-3643-4b4d-b9e3-e3304f6199d3">
-        <div id="813e92dc-04bc-4df0-8a89-f0c477bc75c9">
-         <h1 id="a1208a67-68e6-4283-8a0c-168072419683">
+       <div class="ms-3" id="3c6d328a-bf5f-469a-ae4d-584db7530be0">
+        <div id="ed508fec-e48f-40b7-95f6-c34f50cb6da8">
+         <h1 id="b6bb8088-5144-4451-8619-0ca3a4395b9a">
           Header text 1
          </h1>
-         <h2 id="021365e8-70f0-4f23-8666-2b7cdc5c2c27">
+         <h2 id="6ffed0ea-4227-4f64-976a-7a1cc58c33e4">
           Header text 2
          </h2>
-         <h3 id="d0f5bc0b-1682-43a8-ac46-294d079fd769">
+         <h3 id="770a3d8f-7f2e-4188-946e-4346205c5567">
           Header text 3
          </h3>
-         <h4 id="abf61eb5-2dea-4124-92e3-626ac5da6568">
+         <h4 id="d9fe806e-7b2a-43c6-a406-1cd3a7362af3">
           Header text 4
          </h4>
-         <h5 id="96551488-6bb9-4385-8463-e8d0d0056dd7">
+         <h5 id="1d86fe73-cf1c-42b1-b1fd-30feeca7b39c">
           Header text 5
          </h5>
-         <h6 id="14150dc9-7dc5-43f5-ac0c-3a34563ec975">
+         <h6 id="91b4be14-974f-4ee6-adba-d90f6a3d1958">
           Header text 6
          </h6>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="c7425c27-a071-47cd-b067-f4a2f87a93fd">
-       <div class="d-flex justify-content-between" id="9e8c4c3b-23af-4ea6-a983-d483473de602">
-        <h4 id="a6381fe5-40f9-464a-ba40-2f1331b5bf3e">
+      <div class="mt-5" id="41bf7667-2e13-4cef-9091-e03552ccec47">
+       <div class="d-flex justify-content-between" id="486d8f20-8102-4854-9e0f-4382f1b25ac4">
+        <h4 id="bedadbf2-7f84-4a20-98f6-fa5d5811cebf">
          Method
-         <span class="text-primary" id="22482d5e-5639-48c3-b42d-e2c1ad3f8951">
+         <span class="text-primary" id="cad1124e-d23a-49db-a717-bad367bf9757">
           as_muted
          </span>
         </h4>
-        <div id="cdb6773e-a711-4fa7-bec5-edc434ee7a4c">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f4465904-3e78-4244-9549-38bc5493e57d" data-bs-toggle="collapse" id="ec5e8283-76aa-4f9d-b92c-1375335161a9" onclick="return false;" type="button">
+        <div id="a0d33c96-c038-4aff-924c-9cba048b1f98">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#54ef0538-ca60-4052-a2c0-e49e89f29627" data-bs-toggle="collapse" id="59742a4a-d31b-4bbe-acf6-7a3224f543b7" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="811c4c8c-7e12-4607-99cd-c40406c72b17">
+       <span class="text-muted" id="904294fc-e09c-4f8f-9d2e-fd5591cf9fa3">
         Makes the text muted.
        </span>
-       <pre id="0c194b42-c04e-4e2f-8a03-6c3d311178dc"><code class="python">as_muted()</code></pre>
-       <div class="ms-3 collapse" id="f4465904-3e78-4244-9549-38bc5493e57d">
-        <h6 id="81f26702-27bf-43bf-ba00-54bc09027a88">
+       <pre id="4c14c44b-c57a-447a-9b12-b3508320f559"><code class="language-python">as_muted()</code></pre>
+       <div class="ms-3 collapse" id="54ef0538-ca60-4052-a2c0-e49e89f29627">
+        <h6 id="4fe0eb76-3ee7-48a2-a392-6a6fe3ced0ac">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="ca875f6a-cc3a-4f08-85b7-085c851cb4af">
+        <table class="table table-sm bg-light" id="f3ca29c8-99d6-4f68-ae41-062ffb008221">
          <thead>
           <tr>
            <th scope="col">
@@ -9348,44 +9421,44 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="c8c2cde5-a865-4ccc-9836-91d4702d7127">
-        <h6 id="5b051cd8-c751-4cda-9f47-6edeed7da28a">
+       <div class="ms-3" id="8ee56fdb-14ce-4daf-93d9-eed0574968ce">
+        <h6 id="12fbe001-8358-4920-9a74-0cbeaa9ce9d1">
          Example
         </h6>
-        <pre id="9bdeff1b-69ba-4a21-906e-ef4414831ce5"><code class="python">from bootwrap import Text
+        <pre id="3fe53152-1981-4377-8c3b-76799ec1d4dc"><code class="language-python">from bootwrap import Text
 
 Text("Muted text").as_muted()
 </code></pre>
        </div>
-       <div class="ms-3" id="4358fa37-c4bc-4220-b032-89935ed6c961">
-        <span class="text-muted" id="e14bf629-45db-4958-848f-71fac7a54d98">
+       <div class="ms-3" id="b62ffec2-93c4-4f11-aae8-7e356c9c06ac">
+        <span class="text-muted" id="8aee3671-d910-446a-96e2-f2b0bb6425e7">
          Muted text
         </span>
        </div>
       </div>
-      <div class="mt-5" id="9003d986-1509-42d2-a2ae-4a7ec0885c10">
-       <div class="d-flex justify-content-between" id="e037b261-85b9-4498-acc9-420cb2961a6a">
-        <h4 id="36c02074-a6bc-439b-b2b1-5232afa4437a">
+      <div class="mt-5" id="6e944546-4afb-4156-bcbb-f45da48391d1">
+       <div class="d-flex justify-content-between" id="761ac4a9-c79e-48eb-8458-9f3a55eab654">
+        <h4 id="ecf6bba0-3b60-49a8-a8c3-3c56a9de7c2d">
          Method
-         <span class="text-primary" id="4ea88a34-570f-4a72-8f4b-c0860d29e99b">
+         <span class="text-primary" id="f7e7c429-cf8b-44d1-8430-b3f70754b9d7">
           as_paragraph
          </span>
         </h4>
-        <div id="57df1f02-7bcf-4a9b-be79-ee4ad2a6d30c">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#1684c4a8-e9b2-4fdd-8ddd-08ee7892f7e1" data-bs-toggle="collapse" id="1df044f0-6cee-4ec3-a655-e0a65269084c" onclick="return false;" type="button">
+        <div id="53ef1c5c-e271-4806-85ab-7c1b255c542d">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2618c262-0d7a-4d82-ada5-4ea033cfdc49" data-bs-toggle="collapse" id="d4b7f52b-93a3-451c-9e01-41c3c43d2a7a" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="94c4f670-329b-4e16-862b-10b5bb7520f0">
+       <span class="text-muted" id="39225461-a0d8-4f80-acde-fb606464f5b7">
         Makes the text wrap in a paragraph.
        </span>
-       <pre id="091e8ee6-29e0-4abb-9f42-e160ff57b9a0"><code class="python">as_paragraph()</code></pre>
-       <div class="ms-3 collapse" id="1684c4a8-e9b2-4fdd-8ddd-08ee7892f7e1">
-        <h6 id="244095c7-8f14-4064-81b8-2764dfc816e5">
+       <pre id="5b11295c-07cd-46cf-b2cd-abd334614c86"><code class="language-python">as_paragraph()</code></pre>
+       <div class="ms-3 collapse" id="2618c262-0d7a-4d82-ada5-4ea033cfdc49">
+        <h6 id="0a09282e-d74a-49f3-b9a9-41f8da1cf5e6">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="3ba2178e-381c-4087-a454-ec36841a724a">
+        <table class="table table-sm bg-light" id="01baad2e-7bf9-4ace-b263-72dc12a2ccbc">
          <thead>
           <tr>
            <th scope="col">
@@ -9418,11 +9491,11 @@ Text("Muted text").as_muted()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4cfdcec9-bada-4008-ab69-1f5081d29b85">
-        <h6 id="868383fa-c751-4d0c-8c1b-772d1753a082">
+       <div class="ms-3" id="164a49a9-c296-4258-b068-d87ded75936c">
+        <h6 id="6f28e1af-66d7-4492-ba5f-e05c7b1fa768">
          Example
         </h6>
-        <pre id="064eab82-e0dd-42aa-ae94-29d431d1db0e"><code class="python">from bootwrap import Panel, Text
+        <pre id="364f8966-7ac3-4958-9b00-f16c6a7a8806"><code class="language-python">from bootwrap import Panel, Text
 
 Panel(
     Text("Paragraph 1").as_paragraph(),
@@ -9431,43 +9504,43 @@ Panel(
 )
 </code></pre>
        </div>
-       <div class="ms-3" id="641ee979-bcde-4aae-a53b-d496ca3cf9fc">
-        <div id="bd578aeb-10ad-48d3-addb-167fae85a301">
-         <p id="14b430d5-28b0-45e9-a6ba-12f49ad31ed1">
+       <div class="ms-3" id="23738b2d-5ea8-44d6-a231-76afac45775d">
+        <div id="0267302c-638a-420a-9f27-e133b279f5a0">
+         <p id="be09334b-6218-4bab-b09e-6ac87d50a122">
           Paragraph 1
          </p>
-         <p id="1a0dbb6a-30f5-4732-a5a6-e4ccdde5af44">
+         <p id="bbb33a32-750f-498b-9aad-a13d2f6f90d2">
           Paragraph 2
          </p>
-         <p id="d7241c47-66c1-4ce9-bcd9-8f1eb5ed67cd">
+         <p id="aae83b96-33ea-4475-8fb4-0cbc1fbccf73">
           Paragraph 3
          </p>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="ec30a54a-cb5e-4212-81ee-ea0b520892e7">
-       <div class="d-flex justify-content-between" id="c07f0dcd-a8a8-4d92-8b28-e2203faf0074">
-        <h4 id="ae245f6a-2c9a-42ae-82fa-7b58eb55e9ad">
+      <div class="mt-5" id="621379fd-57ca-4b88-9740-c705e2f19459">
+       <div class="d-flex justify-content-between" id="0284a95d-ca9b-47fc-878b-76b3a3759d83">
+        <h4 id="8aab6081-d2d6-43a6-bc0a-fe65bb6dad0d">
          Method
-         <span class="text-primary" id="b9bebdcb-6106-416c-ab8c-734e91236041">
+         <span class="text-primary" id="c3a8c606-f37e-4700-b59b-74e9120e4ec8">
           as_small
          </span>
         </h4>
-        <div id="21867f81-f51b-4e1b-beb0-3721af517a5e">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#bb236298-ae27-4479-a77d-f7d8c694144a" data-bs-toggle="collapse" id="5865021d-4f64-48dc-8f89-a9d23b48e013" onclick="return false;" type="button">
+        <div id="0e6e8974-2228-4d6e-a1eb-1ae8a2182265">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#7e3c7c95-f803-4515-adab-a5dca66c0c45" data-bs-toggle="collapse" id="cbbe5c19-b1b4-4e33-b1a7-2390bc8afe42" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c16b9598-7c46-4411-87cc-61ac1ab804e4">
+       <span class="text-muted" id="208ae56c-a27d-406c-998c-7d2e32814ef2">
         Makes the text as small.
        </span>
-       <pre id="fe7d48ef-194e-4ccc-a558-f08d6945f9e7"><code class="python">as_small()</code></pre>
-       <div class="ms-3 collapse" id="bb236298-ae27-4479-a77d-f7d8c694144a">
-        <h6 id="f38025a9-2080-41c5-8934-526afa4acd62">
+       <pre id="80e871ca-1860-4cfe-9b15-4e5d30209c65"><code class="language-python">as_small()</code></pre>
+       <div class="ms-3 collapse" id="7e3c7c95-f803-4515-adab-a5dca66c0c45">
+        <h6 id="a2265cc4-8910-45ba-a61f-acab5fb63a18">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="0f2f3cb1-3ab6-4d90-adaa-05f8abac1cb5">
+        <table class="table table-sm bg-light" id="1e8713d0-d0c1-46da-9131-c45e1b19dc82">
          <thead>
           <tr>
            <th scope="col">
@@ -9500,11 +9573,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="945e87c2-7183-4262-91cb-9c2cc449bd45">
-        <h6 id="d2ddcfe7-be0a-4abc-8633-87a66c134bdd">
+       <div class="ms-3" id="e1105fc5-b664-48e0-822c-58b2970dd58d">
+        <h6 id="ed2bdfc1-20ae-437a-a2af-797229f22761">
          Example
         </h6>
-        <pre id="4dd3d84f-bfb0-4b5d-9ceb-166fdf5d1ee0"><code class="python">from bootwrap import Text, Panel
+        <pre id="66f99d9f-8d21-458b-8863-89608c06c0b0"><code class="language-python">from bootwrap import Text, Panel
 
 txt_small = Text("Small text").as_small()
 txt_small_outline = Text("Small text with border").as_small().as_outline()
@@ -9519,32 +9592,32 @@ Panel(
 ).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="b0e07410-3c82-4a7b-8ff2-821db36198f7">
-        <div id="30503e49-3aa0-4fcf-b98f-c0a7a7fcce19">
+       <div class="ms-3" id="d2e41f85-f5e7-4298-a110-0b1a84a21c95">
+        <div id="1515d780-c9f0-43cd-a6be-bf64e41efec9">
          <div class="row">
           <div class="col-md">
-           <small id="736bad7c-d386-4fde-9416-cd2d98e2e629">
+           <small id="970b4fdd-7f04-4d6a-b759-067a58659bef">
             Small text
            </small>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <small class="border" id="969fe9a6-71d8-4dac-8fbc-427b7615b98a">
+           <small class="border" id="95f4008e-6546-4870-b1cf-502e666d9183">
             Small text with border
            </small>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <small class="text-primary" id="73c0eec1-9551-49b3-85cd-de0dc9f7d81a">
+           <small class="text-primary" id="b56bd72c-3c30-4705-b61c-94972b2c7970">
             Small text of primary color
            </small>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <small class="text-primary border border-primary" id="edb2a594-609b-41ac-8d83-2b1aea7daf7e">
+           <small class="text-primary border border-primary" id="3e4a00d7-8158-436a-aac6-e910d81c1693">
             Small text of primary color with border
            </small>
           </div>
@@ -9552,29 +9625,29 @@ Panel(
         </div>
        </div>
       </div>
-      <div class="mt-5" id="0b1bfda0-1ece-4d71-b56a-94e55fed4b8e">
-       <div class="d-flex justify-content-between" id="ad619179-ef20-4ba6-bb17-9cf83a19c8c1">
-        <h4 id="43c61fa9-acc1-4f47-8481-b34220a6e29b">
+      <div class="mt-5" id="00f9f41a-2084-4af7-8c7e-654c9abb847b">
+       <div class="d-flex justify-content-between" id="c5c75975-3077-4b97-b1e6-9b2e8f619384">
+        <h4 id="6c754a2a-9c90-43ef-805d-e66c4efdd390">
          Method
-         <span class="text-primary" id="695640f3-b335-48e7-b29f-1598b22c8ff9">
+         <span class="text-primary" id="37f5dcf7-0d62-4704-9ffe-99f633ae365b">
           as_strong
          </span>
         </h4>
-        <div id="66d40e68-4d55-413a-939e-0b76b3df4336">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e112af0d-21b9-4161-8ca8-02b438507afd" data-bs-toggle="collapse" id="ff2b2c8e-26ef-4935-843a-d63772cb4cdf" onclick="return false;" type="button">
+        <div id="108b49da-a805-4997-9a92-22aa8dfb6881">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#83f361fc-332f-4efe-a03b-e225a42c586d" data-bs-toggle="collapse" id="7c9d2aa2-104f-44d2-b4cd-91ede7b1a9be" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="ae818fc7-d9b4-453a-8503-eff023b06dc6">
+       <span class="text-muted" id="a2a8d799-0719-4e12-b397-bd3117a92765">
         Makes the text as strong.
        </span>
-       <pre id="08364a41-ea8c-4574-9766-76ee3a83565e"><code class="python">as_strong()</code></pre>
-       <div class="ms-3 collapse" id="e112af0d-21b9-4161-8ca8-02b438507afd">
-        <h6 id="acaf0e4c-b58b-4ff2-8b32-72069428a781">
+       <pre id="6a391bba-1d3f-435d-8c41-ced845e7a4da"><code class="language-python">as_strong()</code></pre>
+       <div class="ms-3 collapse" id="83f361fc-332f-4efe-a03b-e225a42c586d">
+        <h6 id="fc74c0df-19ca-46e2-9127-8ad4b5bcc7db">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="8968fd59-749c-44d4-8fb6-9d5ca4e01973">
+        <table class="table table-sm bg-light" id="e12cb149-a12a-48ab-8c16-f3fa88615d4a">
          <thead>
           <tr>
            <th scope="col">
@@ -9607,11 +9680,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="ded0c64c-cbae-4a78-91d4-dc72609c45be">
-        <h6 id="5d290fa8-09aa-4a58-addd-6bd5d46589ee">
+       <div class="ms-3" id="20c3f39b-9342-4d7d-9727-452e6025a075">
+        <h6 id="a07b8dbd-c2af-4629-9b5b-41e29ffd98c1">
          Example
         </h6>
-        <pre id="3d2cad00-be9d-4a20-946d-d45be6e88efa"><code class="python">from bootwrap import Text, Panel
+        <pre id="636fb825-14cb-4a44-b5d2-e1fb90c08e3a"><code class="language-python">from bootwrap import Text, Panel
 
 txt_strong = Text("Strong text").as_strong()
 txt_strong_outline = Text("Strong text with border").as_strong().as_outline()
@@ -9626,32 +9699,32 @@ Panel(
 ).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="3cd588bc-a017-43c4-97cb-93a3c3007ac1">
-        <div id="41e7e6b7-e3a1-480d-a986-99c2e3b68759">
+       <div class="ms-3" id="8d6712bd-9abf-4d4b-bc50-f664a7131dfe">
+        <div id="fa3bc868-cda5-423e-8727-5d375467ff81">
          <div class="row">
           <div class="col-md">
-           <strong id="88647524-ce8c-4146-a840-e6fe2a2427a3">
+           <strong id="9a190ae6-39fe-4c0f-b54f-a83631adb937">
             Strong text
            </strong>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <strong class="border" id="08d5b2be-adc3-421d-8474-cc84a2c9bc23">
+           <strong class="border" id="59601919-7388-4c1f-b994-4097489a7204">
             Strong text with border
            </strong>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <strong class="text-primary" id="be85eb68-9b13-4edf-8755-a41e4b5d0211">
+           <strong class="text-primary" id="e6eb1f31-5655-4f1b-8f4b-c8653c691574">
             Strong text of primary color
            </strong>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <strong class="text-primary border border-primary" id="00ef2f42-3bc5-4a9c-a59c-d3de6b4ea59b">
+           <strong class="text-primary border border-primary" id="788a4d7e-ed1a-4287-ba14-cad0d11f08a8">
             Strong text of primary color with border
            </strong>
           </div>
diff --git a/docs/index.html b/docs/index.html
index 8816a10..4709198 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -18,11 +18,17 @@
   </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js" type="application/javascript">
   </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js" type="application/javascript">
+  </script>
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="b7d3a687-cbe8-4501-9f94-40f90c7a0350" src="logo.png" width="32"/>
-   <strong class="text-light" id="a5b6c3bd-d66d-45c4-bff8-bebb6e52d1f7">
+   <img alt="Bootwrap Logo" id="72a0bb40-275a-4ed9-9bb2-6e76a993b0c7" src="logo.png" width="32"/>
+   <strong class="text-light" id="39622e0e-d835-4f82-b350-fa169d3d3ffc">
     Bootwrap
    </strong>
    <button aria-controls="menu" aria-expanded="false" aria-label="Toggle menu" class="navbar-toggler" data-bs-target="#menu" data-bs-toggle="collapse" type="button">
@@ -32,39 +38,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="9436577b-0785-4dc8-8a65-c25243538b2b">
+      <a class="ms-2 nav-link" href="index.html" id="28ef7b25-e42e-4896-b675-3e57d8b507f3">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="6edf152f-8b31-4fd6-8b4e-640130ac852f">
+      <a class="ms-2 nav-link" href="layout.html" id="444d4d03-27c7-4d78-9948-9e490708e475">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="78c8b422-3a85-4089-98a8-f57cb1a8d803">
+      <a class="ms-2 nav-link" href="base.html" id="8e8538f7-8c04-42da-8e70-5de4108dec97">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="bd08c0a0-fd31-432e-a438-2c7208ac4c08">
+      <a class="ms-2 nav-link" href="components.html" id="1e461ae3-ec07-4e10-a51d-cd2801660c5d">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="54e368ea-0ea6-4d01-b3c4-1cd515f28adf" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="c26bdbc9-788e-4bab-92f4-3e17ecd33265" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <div id="f8e97d08-963c-473b-86ac-d9508ba3d11f">
-    <div class="mt-3" id="a1c033fa-527a-4302-a969-c8e92e5e60b3">
-     <div id="2e769249-0a3d-4208-9e95-e4225f2b415f">
+   <div id="0215c09a-6bda-4eb7-a37f-b9388950592f">
+    <div class="mt-3" id="948c3239-7f35-45e8-834f-972fc86c517f">
+     <div id="c3a2df15-e761-48ab-8cf5-61c9b960099a">
       <div class="row">
        <div class="col-md">
-        <div id="d90109f1-9c7c-405f-8c65-58186ee6de9d">
-         <h1 id="6a151b8f-b104-493b-8401-6bab1b5573a8">
+        <div id="27b4bb55-0233-46cd-9a37-fdb23d7c032d">
+         <h1 id="4e04dfe2-24b4-49df-ad6b-655da7faed02">
           <span class="display-4">
            Bootwrap
           </span>
@@ -72,16 +78,16 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="bb74ab1b-7910-4694-ad91-d8d529089944">
+        <div id="a56ee61c-89c2-4b9e-8b44-e4c2492444e2">
         </div>
        </div>
       </div>
      </div>
-     <div id="3313bd05-20c3-4fe8-bae5-116149e8b67c">
+     <div id="0fef5f79-8a49-4e2b-a9f4-a6aaecba6e4c">
       <div class="row">
        <div class="col-md">
-        <div id="003444dc-6fe4-4943-82b0-37acb92711a1">
-         <p id="a91a1e26-d7b0-47be-9375-595808237610">
+        <div id="bd6f995a-4642-4ea9-b7fe-168a6148ab2e">
+         <p id="4ba2e1a3-55a3-4935-a3e4-a762feae95c8">
           <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>
@@ -89,72 +95,72 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="24b6897f-08c6-470c-bc58-be124067d5a3">
-         <div class="text-center" id="9dad7e36-aad7-4599-ab87-1a5917b072ed">
-          <img height="300" id="a724bc8c-1104-4193-bbcf-37f8ba168d59" src="flash.png"/>
+        <div id="d20e3147-fd1d-4231-bdc0-038d55ca0467">
+         <div class="text-center" id="93b09ffc-c38b-4000-bd30-2f7bf1355f34">
+          <img height="300" id="0712042d-9b20-4016-8641-2a0e2233f5f7" src="flash.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="62b97b1b-0ecc-4e53-9593-f6ebec29776a">
-     <div id="eb06401d-19b5-4979-a6e0-e8687bd97380">
+    <div class="mt-3" id="a9ea5047-f5a9-4045-b1ab-63bd9d159578">
+     <div id="9fafc664-2dc5-4053-8817-4a3e0c62ff71">
       <div class="row">
        <div class="col-md">
-        <div id="888a3fd0-f752-419b-8341-08bcd3caf573">
-         <h1 id="d0cf7641-3d29-4584-9912-001a58c38690">
+        <div id="e2f4755b-4928-485a-af93-eec00c8bf03c">
+         <h1 id="5b65c589-cdd0-4e2b-888b-17c70011aee6">
           Installation
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="2bf31c58-c988-46e6-8e37-e4c6c803357f">
+        <div id="1bdece26-8329-4221-8472-865c4991aaf0">
         </div>
        </div>
       </div>
      </div>
-     <div id="bb6259bd-5616-4687-a447-35af7e807039">
+     <div id="0888f211-3e1f-4436-82ae-3af1f483b300">
       <div class="row">
        <div class="col-md">
-        <div id="7897ee3f-b66d-4d82-bca5-b56694154fc1">
-         <p id="d55f7805-6587-4274-b45c-0834ccf0ff69">
+        <div id="d9c06bcc-8401-4445-a9be-980a1950fba9">
+         <p id="fb637c42-9efb-4fc6-b79a-12713c99eb0a">
           Use the following command to install Python Bootwrap:
          </p>
-         <pre id="65b057bf-e437-4be4-a33f-210479aa89a6"><code class="python">~$ pip install bootwrap</code></pre>
+         <pre id="d760a864-934f-47c6-a38e-b5c5a7ee0f98"><code class="language-python">~$ pip install bootwrap</code></pre>
         </div>
        </div>
        <div class="col-md">
-        <div id="954ac8ae-5555-4d57-b002-efc42235576c">
+        <div id="73284662-815c-4a7d-8fde-eb5bc5497f6a">
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="ad5e4f97-b042-4750-ab28-22adaef86939">
-     <div id="a7822dde-45e2-42e9-9b21-aa278701bc3c">
+    <div class="mt-3" id="615ea482-23b1-4718-8efd-98619d5b93ea">
+     <div id="ff60f45f-4568-4996-b65d-99b1a52d0c14">
       <div class="row">
        <div class="col-md">
-        <div id="b4c0db99-521a-4f8c-b609-5e4df1a9c67b">
-         <h1 id="e083440c-9634-42c8-9807-0e35a8a19f66">
+        <div id="f548aa63-44cb-444a-a5ed-b738f6404565">
+         <h1 id="b48a5749-112d-451c-a14b-550c31a23211">
           Single-Page Application
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="a2bbe6ed-5f67-4863-be46-800ad1fcf171">
+        <div id="e5aa4f68-bb3c-413c-b972-52e2190015e0">
         </div>
        </div>
       </div>
      </div>
-     <div id="054fecce-9c7a-41b4-aa03-fdfdac037e23">
+     <div id="cad410bf-1b14-4675-924a-74a0b426ee63">
       <div class="row">
        <div class="col-md">
-        <div id="eeefcd6e-3155-459f-a749-fccd7097a09a">
-         <p id="98868028-5070-40cf-9ff4-be6d1fe2e30f">
+        <div id="d09c8056-f90f-4ce3-aea8-ce3ada517e87">
+         <p id="e7b06683-fd69-48d9-97b8-c5670a3cf7e7">
           A single-page Bootwrap application looks something like this:
          </p>
-         <pre id="28507cbf-ec7b-4ff8-b847-b6712e4dc5b9"><code class="python">from flask import Flask
+         <pre id="fe208486-a2e0-402e-b24b-4dc623a26210"><code class="language-python">from flask import Flask
 from markupsafe import Markup
 from bootwrap import Page, Text
 
@@ -171,39 +177,39 @@ if __name__ == '__main__':
         </div>
        </div>
        <div class="col-md">
-        <div id="9f34c3b9-80e4-47a4-9fb6-0cfd47d6f77e">
-         <div class="text-center" id="edd8c3bd-ee80-4bbe-90d1-9c1e6054e7d4">
-          <img height="200" id="07ab5dc3-60a5-430e-9cff-bb6aaf7c7a64" src="single-page-app.png"/>
+        <div id="2176fea1-3542-4742-be6c-7d2459151895">
+         <div class="text-center" id="81a1a7c5-6889-4834-b48f-e4bcc0ea4747">
+          <img height="200" id="37c4ddee-6c5c-4c93-95da-563f0a2d4e77" src="single-page-app.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="2581d3a8-cde8-4cc3-a24f-892a4efaf99a">
-     <div id="3ab08ba7-5727-4471-ba9e-8973ff7063d1">
+    <div class="mt-3" id="00fe2194-d135-4972-a7a5-588cc1a7de46">
+     <div id="40b25380-0415-45b6-9d57-1b3e7bbf4c41">
       <div class="row">
        <div class="col-md">
-        <div id="d520eea8-6164-4cf0-9ad3-9f2cd02b0820">
-         <h1 id="9c008f78-48f3-41bb-88f4-04ec6bf614a8">
+        <div id="58cf5d06-fc7c-4321-9842-df49bd8f3632">
+         <h1 id="1871f871-f340-4d58-9100-c04301e8b2ad">
           Multi-Pages Application
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="a477cb5a-acd4-40ae-bdc2-d3b101723736">
+        <div id="251f3c5b-f7a3-4f49-8102-ab48a2c80b2e">
         </div>
        </div>
       </div>
      </div>
-     <div id="b63ff1bd-3f52-41f4-932f-3970d8dd4137">
+     <div id="faad52f6-f146-4323-b15b-aba46573ed45">
       <div class="row">
        <div class="col-md">
-        <div id="cd115173-d479-4b28-8a80-332452e366f6">
-         <p id="211e00d8-ea39-43ed-b789-d8b0b28a4465">
+        <div id="8963d97e-9966-4b91-ae87-16f4960c5e7c">
+         <p id="85769496-1fa8-48d8-8c68-a0fd829e095c">
           A multi-pages Bootwrap application looks something like this:
          </p>
-         <pre id="2ea959ec-cc27-49d7-bf61-943ba86040d9"><code class="python">from flask import Flask
+         <pre id="1ed86db6-9af4-402f-bf7e-b5b82e532867"><code class="language-python">from flask import Flask
 from markupsafe import Markup
 from bootwrap import (
   Page, Menu, Image, Anchor, Button, Text
@@ -284,9 +290,9 @@ if __name__ == '__main__':
         </div>
        </div>
        <div class="col-md">
-        <div id="2bfebe15-89eb-4522-9b43-632ab6e8b71e">
-         <div class="text-center" id="87d7533d-fd15-4042-9a9e-278e42462dfc">
-          <img height="200" id="952c434a-0fc6-47a0-8057-2e11a6ca125c" src="multi-pages-app.png"/>
+        <div id="d5b6430d-aa13-48c9-ad94-b633bba4556e">
+         <div class="text-center" id="4b22e966-09fa-4a83-b664-f813bc4533fd">
+          <img height="200" id="d187471b-ab0e-4231-9860-451fe881f257" src="multi-pages-app.png"/>
          </div>
         </div>
        </div>
diff --git a/docs/layout.html b/docs/layout.html
index a33c7ac..655e25e 100644
--- a/docs/layout.html
+++ b/docs/layout.html
@@ -18,11 +18,17 @@
   </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js" type="application/javascript">
   </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js" type="application/javascript">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js" type="application/javascript">
+  </script>
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="db1dc12b-0e1f-4fe0-a1e3-233a0b68d5c9" src="logo.png" width="32"/>
-   <strong class="text-light" id="76277593-bb1a-461f-90c5-b0780982fd54">
+   <img alt="Bootwrap Logo" id="ee4cb445-cc0b-4151-8a4e-d296deff7430" src="logo.png" width="32"/>
+   <strong class="text-light" id="bcc95dfc-4848-45fb-b0f6-a4244b78c4b4">
     Bootwrap
    </strong>
    <button aria-controls="menu" aria-expanded="false" aria-label="Toggle menu" class="navbar-toggler" data-bs-target="#menu" data-bs-toggle="collapse" type="button">
@@ -32,54 +38,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="ad9c387e-fa30-4fbf-8d81-a440d7fc1b8f">
+      <a class="ms-2 nav-link" href="index.html" id="d94e649a-eb84-4389-a544-b36c739db02d">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="ff4d6f10-5957-4b87-90b4-38c19be60694">
+      <a class="ms-2 nav-link" href="layout.html" id="30a02ba8-7a5f-40c6-af37-d2e026d04e3f">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="b897ea66-4792-4671-8a5c-9db6c72cd60f">
+      <a class="ms-2 nav-link" href="base.html" id="6fd76e1e-6fb5-4c8c-b33d-dbd83a4c7875">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="0501d1ff-b43c-40ea-8f9a-c43d1e369f07">
+      <a class="ms-2 nav-link" href="components.html" id="2aaadb68-82e0-46dd-b27a-986465faad8d">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="6ec37990-2043-48eb-aa46-31e6c0af02f8" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="7d84bfeb-0de4-4f33-8070-f9d04cbb0323" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <div id="468d913a-f196-4537-a03d-80e9cce57f99">
-    <div class="mt-3" id="86874703-ec38-4591-ab86-80ff5a1fe3f0">
-     <div id="9f007580-38a4-4e7a-8d4a-b516c30c5b32">
+   <div id="2c1dc5da-47d5-4634-b537-f00412fe2bbb">
+    <div class="mt-3" id="5fb09531-d7ba-41ea-b935-c3db2c8a35ad">
+     <div id="e05aa0ad-ace4-4396-875d-71799067d7d4">
       <div class="row">
        <div class="col-md">
-        <div id="6a498c86-161f-491f-b16c-8ec22f35bb74">
-         <h1 id="7e8d437e-588e-4912-a2a3-a000e10eab1d">
+        <div id="6342508a-f6e6-4b96-a883-311e259a55d9">
+         <h1 id="2b27c368-0542-4ea2-98c8-e5be147349cd">
           Layout
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="08649904-f4c1-4779-87d9-2f323c0e51d2">
+        <div id="6b20e91b-1984-45de-8b91-14d0149894cd">
         </div>
        </div>
       </div>
      </div>
-     <div id="47a68689-d768-43bd-95b0-aa68dc6a9939">
+     <div id="61e4a8c7-47c9-449c-b041-e9b0a836610d">
       <div class="row">
        <div class="col-md">
-        <div id="e17a98ba-9537-420e-8ce5-4718af50e683">
-         <p id="331c28c4-f936-40b6-9e3b-0d64b4de0c75">
+        <div id="6db21c7b-a077-4bbf-9145-da764b672ce7">
+         <p id="30c1f59c-5ac3-4e9f-b623-d9431e8f8443">
           To simplify the process of developing Web UI, Bootwrap uses the predefined layout which consists  of two elements
           <code>
            Page
@@ -90,7 +96,7 @@
           </code>
           .
          </p>
-         <p id="6c5b7ed3-08b3-4647-bea5-b424c314e9c3">
+         <p id="75aacdc3-ef37-439b-a077-3b2927b46045">
           <strong>
            Note:
           </strong>
@@ -99,36 +105,36 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="60023541-7d61-4ad5-bc8c-d6611625674e">
-         <div class="text-center" id="e060f5b8-c468-4966-a77f-56d2615e2748">
-          <img height="200" id="d6c237dc-99b5-47b5-bb26-c64baad5cbe7" src="layout.png"/>
+        <div id="84c3d034-fc21-4d86-8fbb-1618dbfc65bc">
+         <div class="text-center" id="554f02a8-6636-4c7a-b5ed-105118ae0246">
+          <img height="200" id="9e949448-c4b4-45e9-94dd-33da773c7314" src="layout.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="54aa755e-08b6-4ac2-93b6-032fdb820846">
-     <div id="12c8da7e-480e-4cde-8500-78e7d4c2c13d">
+    <div class="mt-3" id="75a72604-b098-44b1-bcaa-e7816dc922b2">
+     <div id="f8ad256d-4e5b-4576-8804-f911226a4795">
       <div class="row">
        <div class="col-md">
-        <div id="2fa784e8-5cc8-4218-a53f-a04855d60746">
-         <h1 id="083c578d-de39-4543-8afd-8a3e4e16c27a">
+        <div id="369f912e-cb3f-43f6-8b6b-845b4cdfe1e2">
+         <h1 id="13af6bc3-3f3a-4d9c-8368-87a810c9568a">
           Page
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="88427616-7e16-43d8-8b6c-dd0ea7cbf2b2">
+        <div id="c4ad468b-78d5-4b76-82b6-d6d09886d20b">
         </div>
        </div>
       </div>
      </div>
-     <div id="3c6dd1ba-db36-497e-85b9-3785ae5bb089">
+     <div id="c70021b7-11d5-4e32-880e-233d397c68fb">
       <div class="row">
        <div class="col-md">
-        <div id="fd6f475b-b837-4be6-8b4d-cf80522337dd">
-         <p id="23c33931-2718-4870-bb6a-ad131c3729a9">
+        <div id="cae967c9-bcc4-4297-b07e-f92388fdf473">
+         <p id="d0da9a23-4843-43a6-96c9-51322a77a4ee">
           The container could be any element inheriting
           <code>
            WebComponent
@@ -139,7 +145,7 @@
           </code>
           .
          </p>
-         <pre id="3fd0118d-4b68-4795-a6e4-eb0e3ff12136"><code class="python">from bootwrap import Page
+         <pre id="c0837d09-cb32-4034-a8da-a11adfbb15d2"><code class="language-python">from bootwrap import Page
 
 page = Page(
   favicon=..., title=..., resources=..., menu=...,
@@ -148,43 +154,43 @@ page = Page(
         </div>
        </div>
        <div class="col-md">
-        <div id="75f6b471-4766-406c-bc67-13808083746f">
-         <div class="text-center" id="c539d53f-2801-4042-a382-2742a99374b2">
-          <img height="250" id="ca9be87a-0515-486a-a85e-e1b6057adcca" src="page.png"/>
+        <div id="f04c8bc3-3e56-4c11-b1b2-2b08f00e3e1f">
+         <div class="text-center" id="24115dc5-e7b9-4a00-a150-998de3352dba">
+          <img height="250" id="df8ce399-4b3d-45a4-a158-0904f6480729" src="page.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="039df8d3-42b9-417f-886e-4db254a9bd67">
-     <div id="2d83387d-43cc-4db5-b61f-16da8af7907f">
+    <div class="mt-3" id="017ef5f2-73b0-4315-98b7-363dcf825cb4">
+     <div id="226b74ff-463a-416c-bdd1-fc56aa1e0b4a">
       <div class="row">
        <div class="col-md">
-        <div id="891f8a6d-825a-417b-ab3e-cb05031f6a57">
-         <h1 id="a8ddcdfd-0501-436f-a78b-a4cb972190d4">
+        <div id="579f3809-c625-411d-b083-cee04bdb157a">
+         <h1 id="77e2be10-7911-451e-8bdb-c035db6f2bfd">
           Menu
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="710c12ba-91a9-41da-88cc-d945de31e099">
+        <div id="1694cd06-5596-4b3b-8dc8-3c38432c0408">
         </div>
        </div>
       </div>
      </div>
-     <div id="70090df3-1eca-40fa-b298-40490775fe57">
+     <div id="78a198f2-6fc1-44a1-a681-1815aef5a444">
       <div class="row">
        <div class="col-md">
-        <div id="3f3e9b05-75d4-4ce2-b595-b8e6b5463acd">
-         <p id="853b935b-4322-45c3-a7fa-f18013727646">
+        <div id="c68e074a-79ef-48dd-93e7-ea859de21325">
+         <p id="8fde15be-f821-4f55-82d1-9292da9710c6">
           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="1a5afe73-1bdf-4780-88a0-e21421601b8f"><code class="python">from bootwrap import Menu
+         <pre id="b306e228-2b32-41b4-95a8-094f68ab14ca"><code class="language-python">from bootwrap import Menu
 
 menu = Menu(
   logo=..., brand=..., anchors=...,  actions=...
@@ -192,9 +198,9 @@ menu = Menu(
         </div>
        </div>
        <div class="col-md">
-        <div id="418d152d-009a-45f7-aa38-d3b43ffce673">
-         <div class="text-center" id="89858fd3-3368-4890-b27e-eced68984cb4">
-          <img height="100" id="2c569d87-76d3-4663-90cc-c5520530c2c7" src="menu.png"/>
+        <div id="de585c1b-c054-47df-8421-7096a0c280e6">
+         <div class="text-center" id="ba093547-c130-44d6-9089-f48f765237d3">
+          <img height="100" id="b3f86ab1-aace-4566-9512-cf5299007a79" src="menu.png"/>
          </div>
         </div>
        </div>


Test patch:
diff --git a/tests/test_auth.py b/tests/test_auth.py
index 6692288..38b0972 100644
--- a/tests/test_auth.py
+++ b/tests/test_auth.py
@@ -35,7 +35,10 @@ def test_signup_page():
                 <script src="..." type="application/javascript"></script>
                 <script src="..." type="application/javascript"></script>
                 <script src="..." type="application/javascript"></script>
-        
+                <script src="..." type="application/javascript"></script>
+                <script src="..." type="application/javascript"></script>
+                <script src="..." type="application/javascript"></script>
+                                      
                 <title>Signup Page</title>
             </head>
             <body>
@@ -100,7 +103,10 @@ def test_login_page():
                 <script src="..." type="application/javascript"></script>
                 <script src="..." type="application/javascript"></script>
                 <script src="..." type="application/javascript"></script>
-        
+                <script src="..." type="application/javascript"></script>
+                <script src="..." type="application/javascript"></script>
+                <script src="..." type="application/javascript"></script>
+                                      
                 <title>Login Page</title>
             </head>
             <body>
diff --git a/tests/test_page.py b/tests/test_page.py
index 40e510b..a0fbcfb 100644
--- a/tests/test_page.py
+++ b/tests/test_page.py
@@ -64,6 +64,15 @@ def test_page_resources():
                 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js"
                     type="application/javascript">
                 </script>
+                <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js"
+                    type="application/javascript">
+                </script>                  
+                <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js"
+                    type="application/javascript">
+                </script>   
+                <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js"
+                    type="application/javascript">
+                </script>   
                 <script src="https//someresource.com/some.js"
                     type="application/javascript">
                 </script>
diff --git a/tests/test_text.py b/tests/test_text.py
index bfff614..969a8b9 100644
--- a/tests/test_text.py
+++ b/tests/test_text.py
@@ -114,9 +114,15 @@ def test_text_code():
     actual = HelperHTMLParser.parse(str(text))
     expected = HelperHTMLParser.parse(f'''
         <pre id="{text.identifier}">
-            <code class="python">
+            <code class="language-python">
                 def print_somevalue(somevalue): print(somevalue)
             </code>
         </pre>
     ''')
     assert actual == expected
+
+    with pytest.raises(TypeError):
+        Text("").as_code(0)
+
+    with pytest.raises(ValueError):
+        Text("").as_code("xyz")
\ No newline at end of file