Repository: mmgalushka/bootwrap

Issue:
Incorrect visualization if the check button group.

Discussion:

Patch:
diff --git a/bootwrap/components/form.py b/bootwrap/components/form.py
index 62821eb..dc67516 100644
--- a/bootwrap/components/form.py
+++ b/bootwrap/components/form.py
@@ -7,9 +7,16 @@ from textwrap import dedent
 from html import escape
 from json import dumps
 
-from .base import WebComponent, ClassMixin, AvailabilityMixin, AppearanceMixin, OutlineMixin
+from .base import (
+    WebComponent,
+    ClassMixin,
+    AvailabilityMixin,
+    AppearanceMixin,
+    OutlineMixin,
+)
 from .utils import attr, tag, inject
-from .text import Text#
+from .text import Text  #
+
 
 class Form(WebComponent, ClassMixin):
     """A web component for a form.
@@ -54,7 +61,7 @@ class Form(WebComponent, ClassMixin):
         return self
 
     def __str__(self):
-        return f'''
+        return f"""
             <form {attr('id', self.identifier)}
                 {attr('action', self.__href)}
                 {attr('class', self.classes)}
@@ -62,7 +69,7 @@ class Form(WebComponent, ClassMixin):
                 enctype="multipart/form-data">
                 {inject(*self.__components)}
             </form>
-        '''
+        """
 
 
 class Input(ABC, WebComponent, ClassMixin, AvailabilityMixin):
@@ -93,18 +100,18 @@ class Input(ABC, WebComponent, ClassMixin, AvailabilityMixin):
         """A component for rendering a receiver."""
 
     def __str__(self):
-        self.add_classes('form-group')
+        self.add_classes("form-group")
 
         if self._label:
             label_classes = None
             receiver_classes = None
             if not self.__label_on_top:
-                self.add_classes('row')
-                label_classes = \
-                    'col-sm-4 col-form-label d-flex align-items-center'
-                receiver_classes = \
-                    'col-sm-8 d-flex align-items-center'
-            return f'''
+                self.add_classes("row")
+                label_classes = (
+                    "col-sm-4 col-form-label d-flex align-items-center"
+                )
+                receiver_classes = "col-sm-8 d-flex align-items-center"
+            return f"""
                 <div {attr('class', self.classes)}>
                     <label {attr('class', label_classes)}
                         {attr('for', self.identifier)}>
@@ -114,10 +121,10 @@ class Input(ABC, WebComponent, ClassMixin, AvailabilityMixin):
                         {self._receiver()}
                     </div>
                 </div>
-            '''
-        return f'''
+            """
+        return f"""
             {self._receiver()}
-        '''
+        """
 
 
 class CheckboxInput(Input, AppearanceMixin, OutlineMixin):
@@ -171,7 +178,7 @@ class CheckboxInput(Input, AppearanceMixin, OutlineMixin):
         return self
 
     def as_radio(self, value):
-        """Makes a chack box as radio button. 
+        """Makes a chack box as radio button.
 
         Returns:
             obj (self): The instance of this class.
@@ -208,7 +215,7 @@ class CheckboxInput(Input, AppearanceMixin, OutlineMixin):
         self.__switch = True
         self.__button = False
         return self
-    
+
     def as_button(self):
         """Sets the "button"-style to the check box.
 
@@ -253,11 +260,9 @@ class CheckboxInput(Input, AppearanceMixin, OutlineMixin):
 
     def __str__(self):
         if self.__label_on_left:
-            label_classes = \
-                'col-sm-4 col-form-label d-flex align-items-center'
-            receiver_classes = \
-                'col-sm-8 d-flex align-items-center'
-            return f'''
+            label_classes = "col-sm-4 col-form-label d-flex align-items-center"
+            receiver_classes = "col-sm-8 d-flex align-items-center"
+            return f"""
                 <div {attr('class', 'form-group row')}>
                     <label {attr('class', label_classes)}
                         {attr('for', self.identifier)}>
@@ -277,29 +282,28 @@ class CheckboxInput(Input, AppearanceMixin, OutlineMixin):
                         </input> 
                     </div>
                 </div>
-            '''
+            """
         else:
-            self.add_classes('form-check')
+            self.add_classes("form-check")
             type = "checkbox" if self.__value is None else "radio"
             if self.__inline:
-                self.add_classes('form-check-inline')
+                self.add_classes("form-check-inline")
             if self.__switch:
-                self.add_classes('form-switch')
+                self.add_classes("form-switch")
+
             # Sets input class (for the button look)
-            input_classes = "form-check-input"    
+            input_classes = "form-check-input"
+            label_classes = "form-check-label"
             if self.__button:
                 input_classes = "btn-check"
-            # Sets label class (for the button look)
-            label_classes = "form-check-label"    
-            if self.__button:
                 label_classes = "btn"
                 if self._category:
                     if self._border:
-                        label_classes += f' btn-outline-{self._category}'
+                        label_classes += f" btn-outline-{self._category}"
                     else:
-                        label_classes += f' btn-{self._category}'
+                        label_classes += f" btn-{self._category}"
 
-            wc_input_n_label = f'''
+            wc_input_n_label = f"""
                 <input {attr('id', self.identifier)}
                     {attr('name', self._name)}
                     {attr('value', "true" if self.__value is None else self.__value)}
@@ -309,23 +313,23 @@ class CheckboxInput(Input, AppearanceMixin, OutlineMixin):
                     {attr('checked', self.__checked)}
                     {attr('disabled', self._disabled)}>
                 </input>    
-                <input type="hidden" name="{self._name}" value="false">
-                </input> 
                 <label {attr('class', label_classes)} 
                     {attr('for', self.identifier)}>
                     {self._label or ''}
+                    <input type="hidden" name="{self._name}" value="false">
+                    </input> 
                 </label>
-            '''
+            """
 
             if self.__button:
                 return wc_input_n_label
             else:
-                return f'''
+                return f"""
                     <div {attr('class', self.classes)}>
                         {wc_input_n_label}
                     </div>
-                '''
-        
+                """
+
 
 class Freehand(Input):
     """A freehand value input.
@@ -346,10 +350,11 @@ class Freehand(Input):
 
     def _receiver(self):
         if self._rows > 1:
-            assert self._type == 'text',\
-                f'The <class "TextInput"> of type "{self._type}" ' +\
-                f'can not have {self._rows} rows.'
-            return f'''
+            assert self._type == "text", (
+                f'The <class "TextInput"> of type "{self._type}" '
+                + f"can not have {self._rows} rows."
+            )
+            return f"""
                 <textarea {attr('id', self.identifier)}
                     {attr('name', self._name)}
                     class="form-control"
@@ -357,9 +362,9 @@ class Freehand(Input):
                     {attr('disabled', self._disabled)}>
                     {self.__value or ''}
                 </textarea>
-            '''
+            """
         else:
-            return f'''
+            return f"""
                 <input {attr('id', self.identifier)}
                     {attr('name', self._name)}
                     {attr('value', self.__value)}
@@ -367,7 +372,7 @@ class Freehand(Input):
                     class="form-control"
                     {attr('placeholder', self.__placeholder)}
                     {attr('disabled', self._disabled)}/>
-            '''
+            """
 
 
 class TextInput(Freehand):
@@ -395,7 +400,7 @@ class TextInput(Freehand):
 
     def __init__(self, label, name, value=None, placeholder=None):
         super().__init__(label, name, value, placeholder)
-        self._type = 'text'
+        self._type = "text"
 
     def with_multirows(self, n):
         """Sets the number of rows.
@@ -429,7 +434,7 @@ class TextInput(Freehand):
                 TextInput('Email', 'email', 'my@email.com').for_email()
             )
         """
-        self._type = 'email'
+        self._type = "email"
         return self
 
     def for_password(self):
@@ -445,7 +450,7 @@ class TextInput(Freehand):
                 TextInput('Password', 'password', '********').for_password()
             )
         """
-        self._type = 'password'
+        self._type = "password"
         return self
 
 
@@ -474,7 +479,7 @@ class NumericInput(Freehand):
 
     def __init__(self, label, name, value=None, placeholder=None):
         super().__init__(label, name, value, placeholder)
-        self._type = 'number'
+        self._type = "number"
 
 
 class SelectInput(Input):
@@ -564,7 +569,8 @@ class SelectInput(Input):
         if self.__radio:
             options = []
             for option in self.__options:
-                options.append(f'''
+                options.append(
+                    f"""
                     <div class="form-check me-3">
                         <input {attr('id', option.identifier)}
                             {attr('name', self._name)}
@@ -579,21 +585,24 @@ class SelectInput(Input):
                             {option.name}
                         </label>
                     </div>
-                ''')
+                """
+                )
             return inject(*options)
         else:
             options = []
             for option in self.__options:
-                options.append(f'''
+                options.append(
+                    f"""
                     <option {attr('id', option.identifier)}
                         {attr('value', option.value)}
                         {attr('selected', option.value == self.__value)}
                         {attr('disabled', option.disabled)}>
                         {option.name}
                     </option>
-                ''')
+                """
+                )
 
-            return f'''
+            return f"""
                 <select {attr('id', self.identifier)}
                     {attr('name', self._name)}
                     class="form-control"
@@ -601,7 +610,7 @@ class SelectInput(Input):
                     {attr('disabled', self._disabled)}>
                     {inject(*options)}
                 </select>
-            '''
+            """
 
 
 class JsonInput(Input):
@@ -628,34 +637,43 @@ class JsonInput(Input):
 
     def _receiver(self):
         input_attr = [
-            attr('id', self.identifier),
-            attr('name', self._name),
-            attr('value', escape(
-                dumps(self.__value, ensure_ascii=False, indent=4).strip())
+            attr("id", self.identifier),
+            attr("name", self._name),
+            attr(
+                "value",
+                escape(
+                    dumps(self.__value, ensure_ascii=False, indent=4).strip()
+                ),
             ),
-            attr('type', "hidden"),
+            attr("type", "hidden"),
         ]
-        input_tag = tag('input', input_attr, '')
+        input_tag = tag("input", input_attr, "")
 
         json_attr = [
-            attr('class', 'language-json'),
+            attr("class", "language-json"),
         ]
-        json_tag = tag('code', json_attr, escape(
-            dumps(self.__value, ensure_ascii=False, indent=4).strip(),
-            quote=False
-        ))
+        json_tag = tag(
+            "code",
+            json_attr,
+            escape(
+                dumps(self.__value, ensure_ascii=False, indent=4).strip(),
+                quote=False,
+            ),
+        )
 
-        onkeyup = 'javascript:$(\'#'+self.identifier+'\').val($(this).text())'
+        onkeyup = (
+            "javascript:$('#" + self.identifier + "').val($(this).text())"
+        )
         pre_attr = [
-            attr('contenteditable', 'false' if self._disabled else 'true'),
-            attr('class', "w-100"),
-            attr('onkeyup', onkeyup),
-            
+            attr("contenteditable", "false" if self._disabled else "true"),
+            attr("class", "w-100"),
+            attr("onkeyup", onkeyup),
         ]
-        pre_tag = tag('pre', pre_attr, json_tag)
+        pre_tag = tag("pre", pre_attr, json_tag)
 
         return pre_tag + input_tag
 
+
 class HiddenInput(Input):
     """A hidden input.
 
@@ -676,12 +694,12 @@ class HiddenInput(Input):
         self.__value = value
 
     def _receiver(self):
-        return f'''
+        return f"""
             <input {attr('id', self.identifier)}
                 {attr('name', self._name)}
                 {attr('value', self.__value)}
                 type="hidden"/>
-        '''
+        """
 
     def __str__(self):
         return self._receiver()
@@ -710,11 +728,11 @@ class FileInput(Input):
         super().__init__(label, name)
 
     def _receiver(self):
-        browse_button_class = 'btn btn-secondary'
+        browse_button_class = "btn btn-secondary"
         if self._disabled:
-            browse_button_class += ' disabled'
+            browse_button_class += " disabled"
 
-        return f'''
+        return f"""
             <div class="input-group">
                 <span class="form-control input-group-append"></span>
                 <div class="input-group-append">
@@ -730,7 +748,8 @@ class FileInput(Input):
                         {attr('disabled', self._disabled)}/>
                 </div>
             </div>
-        '''
+        """
+
 
 class InputGroup(WebComponent, ClassMixin):
     """A web component for an input group.
@@ -767,6 +786,7 @@ class InputGroup(WebComponent, ClassMixin):
 
         output=Form(ig1,ig2,ig3,ig4)
     """
+
     def __init__(self, *inputs):
         super().__init__()
         self.__inputs = inputs
@@ -778,10 +798,10 @@ class InputGroup(WebComponent, ClassMixin):
             if isinstance(input, Text):
                 input.add_classes("input-group-text")
 
-        return f'''
+        return f"""
             <div {attr("id", self.identifier)}
                 {attr("class", self.classes)}
                 role="group">
                 {inject(*self.__inputs)}
             </div>
-        '''
\ No newline at end of file
+        """
diff --git a/docs/base.html b/docs/base.html
index ba0a0b5..07eb5d1 100644
--- a/docs/base.html
+++ b/docs/base.html
@@ -27,8 +27,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="44bf3147-f1fb-423f-ba30-a79af42d3b84" src="logo.png" width="32"/>
-   <strong class="text-light" id="3e756071-01b8-4ba8-9b11-eead46097150">
+   <img alt="Bootwrap Logo" id="043d1db2-770a-40c9-a451-8ccad8f50e4c" src="logo.png" width="32"/>
+   <strong class="text-light" id="09f9d3d0-0e32-49bd-905f-d96a36c63cbd">
     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">
@@ -38,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="c10802ef-236f-4e37-b7b3-1c0bc40c48ae">
+      <a class="ms-2 nav-link" href="index.html" id="ebc2f05c-d8b9-4074-b528-b492dce67f9e">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="28fb91a1-8f36-414a-9749-3ff98b19f861">
+      <a class="ms-2 nav-link" href="layout.html" id="20067dba-b87a-4389-8816-d0627b5fe78b">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="2ed97c46-4daa-452c-ad65-8b939c2c3a8d">
+      <a class="ms-2 nav-link" href="base.html" id="29b96a01-314b-42a5-b8c5-cff16c295ab8">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="142c8896-6513-4b7a-9d51-86e7d8d11186">
+      <a class="ms-2 nav-link" href="components.html" id="dd4816d6-4e76-4afc-9d7f-2e5c3201589d">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="d97dd107-11c5-4ada-a031-071dff23882e" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="03b45558-71f7-47bb-bedb-be6f2dd8ac3b" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <ul class="nav nav-pills" id="d6a38b71-d920-4d5b-b302-e1b1c3c2a18e" role="tablist">
+   <ul class="nav nav-pills" id="f75a2d46-6220-42dd-8c7d-a3b407efcdfe" role="tablist">
     <li class="nav-item">
-     <a class="nav-link active" data-bs-target="#14c3f043-2263-4010-ab34-49ef80291d1f" data-bs-toggle="tab" href="#14c3f043-2263-4010-ab34-49ef80291d1f" id="8d8e9851-9aae-45df-8b8e-1c005f7cc56a" role="tab">
+     <a class="nav-link active" data-bs-target="#a89affdf-fd21-425a-9bd3-d59c115cd17f" data-bs-toggle="tab" href="#a89affdf-fd21-425a-9bd3-d59c115cd17f" id="2b0f0ee0-b040-463a-ac2b-4e042dbb4653" role="tab">
       WebComponent
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#5b5843c0-c889-40ec-8cd7-ac62d13222df" data-bs-toggle="tab" href="#5b5843c0-c889-40ec-8cd7-ac62d13222df" id="b3ab5d98-958e-4349-b0ad-ee63db139375" role="tab">
+     <a class="nav-link" data-bs-target="#f7af798a-2822-4a52-aacb-062d0e26db65" data-bs-toggle="tab" href="#f7af798a-2822-4a52-aacb-062d0e26db65" id="cf2a4705-3591-4800-bea7-f765376bf5b2" role="tab">
       ClassMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#48e426d8-3458-4d9a-989f-937dc889c5d6" data-bs-toggle="tab" href="#48e426d8-3458-4d9a-989f-937dc889c5d6" id="9ca9653f-c68c-4eba-ab9d-db73b0857532" role="tab">
+     <a class="nav-link" data-bs-target="#7b751d53-5ac8-4ab7-856f-81e0ac378f12" data-bs-toggle="tab" href="#7b751d53-5ac8-4ab7-856f-81e0ac378f12" id="7a9bf95f-ae62-4f41-8dec-b71337b91185" role="tab">
       ActionMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#b04dacfd-a3e4-48d5-80f8-b0cc34a4d160" data-bs-toggle="tab" href="#b04dacfd-a3e4-48d5-80f8-b0cc34a4d160" id="0e8073d4-3d44-4f7c-8a62-b42afa3d6152" role="tab">
+     <a class="nav-link" data-bs-target="#caef63e3-63ff-47b0-92e5-edc4931760e7" data-bs-toggle="tab" href="#caef63e3-63ff-47b0-92e5-edc4931760e7" id="ef39bfba-78f2-4922-8d83-5aeb2b788cb1" role="tab">
       AppearanceMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#681c59cf-8ec8-45ad-aab5-8a82ec0b31b4" data-bs-toggle="tab" href="#681c59cf-8ec8-45ad-aab5-8a82ec0b31b4" id="70540619-f993-4855-b129-bffaf30fca06" role="tab">
+     <a class="nav-link" data-bs-target="#5b2efc73-c5b4-42db-9ffd-1de18bc803c5" data-bs-toggle="tab" href="#5b2efc73-c5b4-42db-9ffd-1de18bc803c5" id="13fc065b-080c-4041-b134-d52a442d17f1" role="tab">
       OutlineMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#c92f701c-1102-491b-8957-7e42611795f7" data-bs-toggle="tab" href="#c92f701c-1102-491b-8957-7e42611795f7" id="71b9159d-af53-418a-a05c-929e007bea3a" role="tab">
+     <a class="nav-link" data-bs-target="#d7478cb8-809c-426f-9277-4bcb2e11a58c" data-bs-toggle="tab" href="#d7478cb8-809c-426f-9277-4bcb2e11a58c" id="a426c4ce-65ea-4af1-9155-e6731730f0bb" role="tab">
       AvailabilityMixin
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#2281a93f-8b48-4a3d-acc6-7dea5c29dd8e" data-bs-toggle="tab" href="#2281a93f-8b48-4a3d-acc6-7dea5c29dd8e" id="1a4caaf8-58c4-4ce9-aeea-f825fc02b9c2" role="tab">
+     <a class="nav-link" data-bs-target="#13dd3405-88ff-4de6-91b3-3557054a5693" data-bs-toggle="tab" href="#13dd3405-88ff-4de6-91b3-3557054a5693" id="3464c69d-b1d8-4e03-9d22-f75e5cf0f8df" role="tab">
       Constants
      </a>
     </li>
    </ul>
    <div class="tab-content w-100">
-    <div class="tab-pane fade active show" id="14c3f043-2263-4010-ab34-49ef80291d1f">
-     <div class="mt-5" id="4d7deb94-e148-45a9-b247-79f8279b8654">
-      <div class="d-flex justify-content-between" id="2880fb64-befb-4934-b11b-bb66e7b199ad">
-       <h1 id="47c1d164-6d47-40f2-b86f-07b04a28b60f">
+    <div class="tab-pane fade active show" id="a89affdf-fd21-425a-9bd3-d59c115cd17f">
+     <div class="mt-5" id="5a3d3343-4448-4519-9233-b3698d174464">
+      <div class="d-flex justify-content-between" id="67e92c2e-f334-499c-b652-d454e4143dfe">
+       <h1 id="f816e0b6-341d-41fa-91be-5722cba8043b">
         Class
-        <span class="text-primary" id="75ff383a-31ac-487a-8195-41b8bf169dd4">
+        <span class="text-primary" id="5102062f-b0cd-426f-88bc-8c522ccfae51">
          WebComponent
         </span>
        </h1>
-       <div id="5a5ca1e6-e6fa-4eb6-a6a7-d0715c9059ba">
+       <div id="de56e835-c574-4e34-8838-f73bf3d9dc55">
        </div>
       </div>
-      <span class="text-muted" id="bd1fb4cc-428e-4089-8c18-8ff7dd988e32">
+      <span class="text-muted" id="e5dddccd-1b64-4426-b416-67404c93b50b">
        A web component base class.
       </span>
-      <pre id="ae19f903-335d-47c0-83a3-cdec0768dbc6"><code class="language-python">WebComponent()</code></pre>
-      <p id="410009f9-cb7a-4d51-8337-8e4aa52bcfab">
+      <pre id="1c349ce5-0d01-4005-89a1-e88f4c316185"><code class="language-python">WebComponent()</code></pre>
+      <p id="d1f6e073-d810-4873-a604-421de73d7486">
        This class must be inherited by all web components.
       </p>
-      <p id="9835fc85-2086-4b20-a7f3-f372328d6260">
+      <p id="60c779d0-d71c-446a-b65c-48281f96399f">
        In many operations where one web component encapsulates another one has
     implemented a type check. If the received element is not
        <code>
@@ -138,11 +138,11 @@
        </code>
        class.
       </p>
-      <div class="ms-3" id="d82e1897-18c0-44e9-8f95-632552b2b899">
-       <h6 id="4ec29024-5313-4bbf-8aff-6d566271c77b">
+      <div class="ms-3" id="7f0e1688-7bef-460b-bd2f-1cc839e39751">
+       <h6 id="717f0329-2674-43a3-9adf-ac335ec79e99">
         Example
        </h6>
-       <pre id="0d62e189-8235-40a3-82df-ea5a4f36e0ba"><code class="language-python">from bootwrap import WebComponent
+       <pre id="add939cd-2918-4106-ac31-9e34abaf70d3"><code class="language-python">from bootwrap import WebComponent
 
 class CustomHeader(WebComponent):
     def __init__(self, title):
@@ -156,17 +156,17 @@ class CustomHeader(WebComponent):
         '''
 </code></pre>
       </div>
-      <div class="mt-5" id="dbc4ff08-1269-42b4-95dc-48689c5cf81e">
-       <h4 id="f5612ef3-d86f-4e97-84a4-ec46333db6ef">
+      <div class="mt-5" id="80b989d6-c502-4fdd-aaaf-3c66bd060ecd">
+       <h4 id="d0e0f2bf-950e-4ec8-9598-4c78ea9d6ff9">
         Property
-        <span class="text-primary" id="f5bd2ed8-85b5-4dec-a715-f80531e7ed49">
+        <span class="text-primary" id="fa474dc9-04c1-42db-9978-e7834ca345f4">
          identifier
         </span>
        </h4>
-       <span class="text-muted" id="55560d04-52de-4b3a-8a2c-e34410480173">
+       <span class="text-muted" id="eb229003-5de9-418b-94d6-573df0001f19">
         A unique web component identifier.
        </span>
-       <p id="f7f1e842-ce48-4d53-9889-2628f1db5276">
+       <p id="7922c35e-0cce-44cd-b5db-924324879fc7">
         Every
         <code>
          WebComponent
@@ -179,7 +179,7 @@ class CustomHeader(WebComponent):
         </code>
         .
        </p>
-       <p id="5df1b9ea-8901-4c61-9ee3-71428ecabf66">
+       <p id="e535a387-8cf0-411a-891f-297b80f274a6">
         When you create a custom
         <code>
          WebComponent
@@ -195,11 +195,11 @@ class CustomHeader(WebComponent):
         </code>
         .
        </p>
-       <div class="ms-3" id="dab1e148-6ac7-487f-8990-1c2bcfcd381c">
-        <h6 id="22c44a38-96c2-40e9-91d1-4adf8f5dc180">
+       <div class="ms-3" id="8fb5354f-a1de-4fe3-a3f7-b5fde0c3fb6e">
+        <h6 id="7bd44a2a-d717-484e-a07c-e9c3b658e34b">
          Example
         </h6>
-        <pre id="81e706c4-4d11-47a8-83e8-1ebae3be93a9"><code class="language-python">header = CustomHeader('Hello World")
+        <pre id="ed32b02c-8d5d-4ed4-a372-ac28dbf62e01"><code class="language-python">header = CustomHeader('Hello World")
 print(header.classes)
 
 # Result: cfe040e6-df5f-4a3a-b96e-b0cefc31bbd9
@@ -208,41 +208,41 @@ print(header.classes)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="5b5843c0-c889-40ec-8cd7-ac62d13222df">
-     <div class="mt-5" id="a6a8dfb8-a63e-42d7-9037-58c4bf2fee4a">
-      <div class="d-flex justify-content-between" id="33fdc524-0586-4764-86ce-406c08771a7e">
-       <h1 id="aa3a9c7d-a84e-4e8e-bec1-e6fa540128d2">
+    <div class="tab-pane fade" id="f7af798a-2822-4a52-aacb-062d0e26db65">
+     <div class="mt-5" id="927be507-9e14-48dc-acea-3ad1b183b8b4">
+      <div class="d-flex justify-content-between" id="e7f4daaf-f7d0-4c48-ad1a-395f9649faa0">
+       <h1 id="09a41b20-958f-497a-a3e7-3cc2ee748fd5">
         Class
-        <span class="text-primary" id="78b68e3f-8f9c-4a02-8bcf-556a6df8f58d">
+        <span class="text-primary" id="358d0c46-2d84-4bae-a379-def07f27343f">
          ClassMixin
         </span>
        </h1>
-       <div id="7b6a7140-1a86-4691-ba33-2873973716cf">
+       <div id="e5039d26-4d43-45e0-a116-3d9bcf61f3bd">
        </div>
       </div>
-      <span class="text-muted" id="25eb277f-bf6f-4e3e-826c-a89d85d99a99">
+      <span class="text-muted" id="81dcf85e-db82-42c8-9c82-26ec3b4950a5">
        Mixin for a web component which class can be amended.
       </span>
-      <pre id="a7d21b25-42bf-4968-9fb5-6bb5636e766d"><code class="language-python">ClassMixin()</code></pre>
-      <p id="6b06cebb-ea6b-40c9-a001-412d4cfe0f58">
+      <pre id="0c13c8de-d0e0-45b4-b788-796fd7e5031b"><code class="language-python">ClassMixin()</code></pre>
+      <p id="970080b6-14e8-49bf-b923-07d6a526f415">
        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="a599469f-5218-47d0-9c4c-225410c602df">
-       <h4 id="6695ccce-1609-47e4-bba0-5f25172b1260">
+      <div class="mt-5" id="ad8a48d2-e4b5-4cef-8678-844dd8bf1fc9">
+       <h4 id="f706977d-c2b5-4ae7-8989-13905080854d">
         Property
-        <span class="text-primary" id="6d629fee-b64f-4ef0-b2af-144e7e5dac3c">
+        <span class="text-primary" id="137d6ab7-6be7-46b4-974f-f6caaa5357a5">
          classes
         </span>
        </h4>
-       <span class="text-muted" id="a669d0af-1e18-4220-8ffd-30651565f0e4">
+       <span class="text-muted" id="cec58a89-41a1-41c7-8562-61a4872ee84f">
         The web component classes.
        </span>
-       <div class="ms-3" id="33e60cc1-9ba3-4ab1-9837-f1d4056106c6">
-        <h6 id="aff14005-5e8c-4e49-aff1-d8345fc266e6">
+       <div class="ms-3" id="34398ce0-558a-4caf-8159-b6a3401b8a8f">
+        <h6 id="8499497d-ee42-4cb9-8821-ad1e9e727b78">
          Example
         </h6>
-        <pre id="f5c87d22-cb3d-4b8d-8317-05463029097b"><code class="language-python">from bootwrap import Button
+        <pre id="226fbf5a-9024-4b10-9123-2d19b9be919d"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").add_classes("ms-1 me-1")
@@ -252,32 +252,32 @@ print(button.classes)
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="327846b9-f878-4369-8dcd-d75571fd7c57">
-       <div class="d-flex justify-content-between" id="ba6f0798-8e20-4227-b0e7-cd3283825280">
-        <h4 id="edbdf885-ab13-426c-b495-72ae1201dcca">
+      <div class="mt-5" id="be9ef320-0721-4eee-a3f0-b19d246838e1">
+       <div class="d-flex justify-content-between" id="f688742a-e8fe-49a5-91fe-fe62765f50ae">
+        <h4 id="2731f6e3-bc2c-4beb-9d53-b29618f58da5">
          Method
-         <span class="text-primary" id="20153649-03fd-43a5-827a-969bc42d58a7">
+         <span class="text-primary" id="75e7547f-7557-4559-8c01-9f34ca547892">
           add_classes
          </span>
         </h4>
-        <div id="52605339-cdae-4007-8882-a96a74a77182">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#bd95fec4-7bdb-4e7e-83c2-8fd880784fbf" data-bs-toggle="collapse" id="e9ba39be-68b1-4cb8-80d8-88f32414d2fa" onclick="return false;" type="button">
+        <div id="e3212e72-b2d3-4007-9e2a-6fafd4dc4414">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c41b91c7-75a9-469b-9963-9c10c929283e" data-bs-toggle="collapse" id="963bb5d1-cfc4-4a3c-bb3e-8916bb61b9eb" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#77273130-196f-4778-92c5-b7e57a7fba16" data-bs-toggle="collapse" id="b28774ce-e505-4a7b-9447-8e66d0dfa1c9" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2a4a3272-5044-4486-ab55-fbfb868fba95" data-bs-toggle="collapse" id="7225b013-9d0c-4c3c-9a2e-bd6e9a3e623e" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="d182e088-e477-42b2-ae84-3c6f981bfd4c">
+       <span class="text-muted" id="40e30f26-f672-4343-b284-ef14cd7c0f41">
         Adds other classes.
        </span>
-       <pre id="75767f66-1552-499d-8a74-7380dc756847"><code class="language-python">add_classes(classes)</code></pre>
-       <div class="ms-3 collapse" id="bd95fec4-7bdb-4e7e-83c2-8fd880784fbf">
-        <h6 id="0d1c857e-e56d-4496-aa10-06b3fbf7f5e1">
+       <pre id="01a6e6ed-3616-40e1-a985-21979b5c21ee"><code class="language-python">add_classes(classes)</code></pre>
+       <div class="ms-3 collapse" id="c41b91c7-75a9-469b-9963-9c10c929283e">
+        <h6 id="8e7a35d7-a021-4f4c-8c58-b01cc75f638a">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="94890e7b-c549-47a5-99bf-22926eb50dae">
+        <table class="table table-sm bg-light" id="b9ede404-d794-440f-b42c-6f8d439faeaa">
          <thead>
           <tr>
            <th scope="col">
@@ -311,11 +311,11 @@ print(button.classes)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="77273130-196f-4778-92c5-b7e57a7fba16">
-        <h6 id="de9c64f8-8483-46b8-9fdd-9f246861b570">
+       <div class="ms-3 collapse" id="2a4a3272-5044-4486-ab55-fbfb868fba95">
+        <h6 id="9ce35cdf-0d75-4402-9b2f-4af17cbe712c">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="32c69353-3172-4b65-bb83-316f09603ddc">
+        <table class="table table-sm bg-light" id="f2583179-a6c3-4bbd-aaf9-badca4050202">
          <thead>
           <tr>
            <th scope="col">
@@ -348,47 +348,47 @@ print(button.classes)
          </tbody>
         </table>
        </div>
-       <p id="2d2a2a36-68ba-4634-945a-ddbd9fb956fd">
+       <p id="dc6d030b-448a-484d-989e-84cd934510ce">
         Note, the order of specified classes will be preserved during the
         component rendering.
        </p>
-       <div class="ms-3" id="e81c8d67-da04-4f5b-9097-c4ebef0bebd5">
-        <h6 id="00f2cbe8-d79c-4e9a-9726-bc3b39e6ff1b">
+       <div class="ms-3" id="8d1a71d5-dd0b-497f-8e86-408d3dd0fba4">
+        <h6 id="bd09503c-ddef-419c-b44a-b4e337ad538b">
          Example
         </h6>
-        <pre id="a4efc687-c735-4933-ba9e-7a2bae0119a3"><code class="language-python">from bootwrap import Button
+        <pre id="5dba05d6-afca-4765-866b-1da6597babbf"><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="58f2e024-d193-4e79-a5fe-e03a79e02ffa">
-       <div class="d-flex justify-content-between" id="5a0c84db-e6d4-4ff9-bffe-46f91068937c">
-        <h4 id="5d3ad94d-aa73-4bcd-b728-bc6f586ab3eb">
+      <div class="mt-5" id="f7ef46e9-e8c3-4c72-8e76-c127833dff14">
+       <div class="d-flex justify-content-between" id="d551f651-cccb-44fe-ac10-f7f64df079dc">
+        <h4 id="1f72e536-493f-49ef-859f-236b7dbaf4b3">
          Method
-         <span class="text-primary" id="f935d7d3-3e03-4b17-8dc4-6ed06966424a">
+         <span class="text-primary" id="53ab41e3-d082-48ff-99a1-8013696d2f72">
           m
          </span>
         </h4>
-        <div id="e5105055-36f8-407c-ba49-b121f9da9362">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#53d4e16a-1627-4677-98bf-e00e2e44c2ae" data-bs-toggle="collapse" id="7cd3e63e-9819-48a0-b5f0-3cd01d73e04a" onclick="return false;" type="button">
+        <div id="cb09b6ee-3527-4f86-a90e-fe71c89308b4">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e7b1603d-cdc0-4805-bec8-1245a7c73259" data-bs-toggle="collapse" id="e41fffeb-204a-481d-8a5c-c8d48ca2da24" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#28051c0a-bb3a-4e2e-a297-9016d3e7f878" data-bs-toggle="collapse" id="2076c558-ad00-4f36-a140-5779adb506ac" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#a4939081-5c61-4fcb-aa93-ea2c009c53c9" data-bs-toggle="collapse" id="fe8aefb1-f863-4a5d-8927-a3fb7424c917" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="34e1c22f-170c-49a8-aaad-3c6da1a2f941">
+       <span class="text-muted" id="8035d96e-8a55-44b0-991e-3ab956beff48">
         Sets margin for all four sides to the specified size.
        </span>
-       <pre id="45302c65-f501-46da-b2e9-6f5f68c05981"><code class="language-python">m(size)</code></pre>
-       <div class="ms-3 collapse" id="53d4e16a-1627-4677-98bf-e00e2e44c2ae">
-        <h6 id="6bd78649-6076-425b-adeb-a8fe6755be2d">
+       <pre id="218b8885-8cb1-47b2-830e-85e586b4c19a"><code class="language-python">m(size)</code></pre>
+       <div class="ms-3 collapse" id="e7b1603d-cdc0-4805-bec8-1245a7c73259">
+        <h6 id="ccc3a68f-857a-471f-a405-a691389a3132">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="21dfc5f1-1ed7-4a0c-97f3-bdd1119b9af6">
+        <table class="table table-sm bg-light" id="b6374fc8-f3d1-4e8c-976c-85215e3461da">
          <thead>
           <tr>
            <th scope="col">
@@ -421,11 +421,11 @@ button = Button("Hello").add_classes("ms-1 me-1")
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="28051c0a-bb3a-4e2e-a297-9016d3e7f878">
-        <h6 id="54b2c735-32a5-45a3-a251-56468573249c">
+       <div class="ms-3 collapse" id="a4939081-5c61-4fcb-aa93-ea2c009c53c9">
+        <h6 id="ce964b30-a5c9-43c2-b195-d937a73712e1">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="ff87c929-6927-411d-bacd-80d405c7b3b5">
+        <table class="table table-sm bg-light" id="dfba5942-7871-417f-ba0d-3a53c50295a7">
          <thead>
           <tr>
            <th scope="col">
@@ -458,43 +458,43 @@ button = Button("Hello").add_classes("ms-1 me-1")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="87a769ff-0e49-435c-869d-abc70cc1cdd7">
-        <h6 id="d7be57af-d2ef-4165-971f-489526075712">
+       <div class="ms-3" id="e9d3392b-b22f-4eff-83b2-00c2cfa8ab5f">
+        <h6 id="9ab82eef-7563-4f65-a450-870d41de4224">
          Example
         </h6>
-        <pre id="91d2d3b5-b389-48c0-bcf2-3172ea0ce301"><code class="language-python">from bootwrap import Button
+        <pre id="94c96c6b-5f43-4fbb-9030-496ae70e0189"><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="8363a26e-3d03-484c-848b-cd9e2de0ee22">
-       <div class="d-flex justify-content-between" id="d2004f5c-e8cf-4893-8a34-f005130f8c6c">
-        <h4 id="4d12f707-b540-4ba5-99c5-b6d899649370">
+      <div class="mt-5" id="b2a384d5-9980-4cb4-b0e8-b9058da3e568">
+       <div class="d-flex justify-content-between" id="d335c51c-b8da-4398-95cb-cb3f55cd38e6">
+        <h4 id="1591d02c-f8e1-422e-93bd-69efaf6f7ce7">
          Method
-         <span class="text-primary" id="1cfbad9c-ff02-4f3f-8ea9-6f7e99c2555a">
+         <span class="text-primary" id="ebd958b4-728f-4b6b-aec7-62ff2e4ec4e8">
           mb
          </span>
         </h4>
-        <div id="a1bddd52-d7d0-4a18-8b09-39f2a3c27ec5">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1cec91a0-278e-41aa-ba8a-407c5cb45fd4" data-bs-toggle="collapse" id="975013cd-46cb-4001-8353-63686cb410cd" onclick="return false;" type="button">
+        <div id="fdecb794-dede-43bf-89ce-5fec7cb0f489">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9b3eb11a-a235-4750-827c-43279664ade2" data-bs-toggle="collapse" id="3b0f9a81-06af-4b9b-9d0b-1d09c838216e" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#253364e5-b305-48e4-b960-6ce955432b64" data-bs-toggle="collapse" id="200f24a9-a245-42f7-9ac4-5bc2aa6aa4e9" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#df898548-4a69-498e-a03b-7a9cdae8eaad" data-bs-toggle="collapse" id="7c6edda5-41ed-432f-9dd2-13ba33577af1" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="b9c1b37c-3982-4bf5-b47e-27e782e09bb2">
+       <span class="text-muted" id="282cb697-6f87-4c5a-a7a0-b74f6879a4d2">
         Sets margin for the bottom side the specified size.
        </span>
-       <pre id="45ae89b2-a831-4e54-a5c4-cbe930831fd4"><code class="language-python">mb(size)</code></pre>
-       <div class="ms-3 collapse" id="1cec91a0-278e-41aa-ba8a-407c5cb45fd4">
-        <h6 id="674d7d8c-cd97-4d6f-8160-626483f1207a">
+       <pre id="253802c4-8bc6-4a61-8a6a-fb8ec6f18c8e"><code class="language-python">mb(size)</code></pre>
+       <div class="ms-3 collapse" id="9b3eb11a-a235-4750-827c-43279664ade2">
+        <h6 id="452f9790-fa64-48da-9c45-2c2c14d4c259">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="3e1d13a1-f3e8-45c3-a585-54f800cbf184">
+        <table class="table table-sm bg-light" id="62325e64-3479-4c84-a2d2-a38267657873">
          <thead>
           <tr>
            <th scope="col">
@@ -527,11 +527,11 @@ button = Button("Hello").m(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="253364e5-b305-48e4-b960-6ce955432b64">
-        <h6 id="c22897e5-5a6c-4cb5-87cc-ec13213f63c1">
+       <div class="ms-3 collapse" id="df898548-4a69-498e-a03b-7a9cdae8eaad">
+        <h6 id="95197b34-50b8-4dd8-a492-635ab365789d">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="10285002-5f96-4d41-8619-a0c8bd2428ac">
+        <table class="table table-sm bg-light" id="e75b13ed-af9a-489c-933c-8b71daf9b87f">
          <thead>
           <tr>
            <th scope="col">
@@ -564,43 +564,43 @@ button = Button("Hello").m(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="ced70fd6-1630-476e-b9e8-3971552e5766">
-        <h6 id="bb91afe7-c9cb-426c-a4dc-a5666de1090a">
+       <div class="ms-3" id="d97fbb05-d88b-4a58-86d3-718f0ff58906">
+        <h6 id="bf2365f5-9085-48bc-90a6-e498d1fbc12c">
          Example
         </h6>
-        <pre id="aaf4874e-5c86-4264-8a8e-b21bccd5a8e4"><code class="language-python">from bootwrap import Button
+        <pre id="cfaffa4a-c5cb-48a3-b475-559f38de115c"><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="d54cb638-ca4a-4061-b7fd-a0364e82501b">
-       <div class="d-flex justify-content-between" id="b2b5ae25-f55e-4d95-a154-7850a27d7e9d">
-        <h4 id="c3da7b7b-09c5-44f2-841b-6886541a13b4">
+      <div class="mt-5" id="79c99e8f-9faa-4b20-b37e-3d12a976660d">
+       <div class="d-flex justify-content-between" id="6277f000-59c1-47a9-88c2-628fc2a81e80">
+        <h4 id="2236eced-9270-4753-b77f-0c21a22dbb1b">
          Method
-         <span class="text-primary" id="458e2940-b0d7-49fa-a254-4f07870a9aa2">
+         <span class="text-primary" id="2e39c7ad-c0b8-4522-93fc-f2e488999318">
           me
          </span>
         </h4>
-        <div id="9664574f-44fd-40b5-849c-0c1e388b746e">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a354b940-fa94-41bf-85b8-760bda1a90d9" data-bs-toggle="collapse" id="15626e61-2700-477f-8123-f26f428133f2" onclick="return false;" type="button">
+        <div id="200de266-c5cf-4c98-a338-489a40d5d41a">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c594e30e-03aa-41c1-9008-a49825177103" data-bs-toggle="collapse" id="204da682-99a4-44f9-8437-6b145a4564ed" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#272e75e0-43ce-4d95-941a-3f0ff577a12c" data-bs-toggle="collapse" id="91c70ce3-342d-4be3-b72e-df28ae446cff" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#1a315084-5e9f-44fd-b9b6-242696a5c167" data-bs-toggle="collapse" id="28b5e4da-9bcc-4574-92a9-9f3f51a050df" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="4fd2cfdc-5b85-4644-a06d-47a0f8e0f7af">
+       <span class="text-muted" id="6871c756-7d91-4516-af88-7911ad0dc796">
         Sets margin for the end(right-side) to the specified size.
        </span>
-       <pre id="6a0399c8-3549-4b9f-b687-68de78704db9"><code class="language-python">me(size)</code></pre>
-       <div class="ms-3 collapse" id="a354b940-fa94-41bf-85b8-760bda1a90d9">
-        <h6 id="5d59ed72-5676-411e-9276-fac8ddc664bf">
+       <pre id="dcc66e1f-99ec-463b-aea4-4fe40b918554"><code class="language-python">me(size)</code></pre>
+       <div class="ms-3 collapse" id="c594e30e-03aa-41c1-9008-a49825177103">
+        <h6 id="d791b268-461a-4808-a209-901f6350e90b">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="279ddb03-bab5-4656-862f-8575380ae5d4">
+        <table class="table table-sm bg-light" id="9e774823-01bd-4d45-b5e4-447916d74395">
          <thead>
           <tr>
            <th scope="col">
@@ -633,11 +633,11 @@ button = Button("Hello").mb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="272e75e0-43ce-4d95-941a-3f0ff577a12c">
-        <h6 id="1d18a808-f727-4835-bfe5-d44e788e443b">
+       <div class="ms-3 collapse" id="1a315084-5e9f-44fd-b9b6-242696a5c167">
+        <h6 id="cb3150d7-5871-4588-84fb-50216587960b">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="08bc1f23-9185-493b-b52f-5989c9f04db3">
+        <table class="table table-sm bg-light" id="741b7283-1251-453c-b037-6ca64345deb8">
          <thead>
           <tr>
            <th scope="col">
@@ -670,43 +670,43 @@ button = Button("Hello").mb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="a4944a5b-d8b2-4368-8480-fed4514c3648">
-        <h6 id="c0890d4d-8fa5-4f90-a0fb-88e524acb5a2">
+       <div class="ms-3" id="0ae9855a-e26f-45e8-849b-03bf1e742e09">
+        <h6 id="5132b012-670f-43e8-8476-d1c46f59edf6">
          Example
         </h6>
-        <pre id="0b70fde6-86d5-40a5-86e2-5afce16aa3ca"><code class="language-python">from bootwrap import Button
+        <pre id="76b9dc1b-d668-4add-999f-5bcf6ae80f31"><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="26782879-33a9-420c-906e-162c43763123">
-       <div class="d-flex justify-content-between" id="8a1a41a3-c5f0-4fb1-bb39-cadb898b3c3a">
-        <h4 id="37e26d33-12b0-48ef-955e-019d49ba9509">
+      <div class="mt-5" id="119f95cc-3d2a-4c4d-9e2e-37976242b846">
+       <div class="d-flex justify-content-between" id="bb17f44d-6ac2-4ff5-8c79-6fa1dc40ad15">
+        <h4 id="2a603f78-422c-44e2-9fde-48c585e74312">
          Method
-         <span class="text-primary" id="1e456b5b-b9e9-4bd0-8107-c6c60d2fb214">
+         <span class="text-primary" id="34ab57ba-40f1-4db3-9dec-5a5a3c6945f4">
           ms
          </span>
         </h4>
-        <div id="93a4300d-d091-4e7c-a2f4-12c731de5d8a">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#be6eef30-8e88-4293-9b07-2eed7e09d2f7" data-bs-toggle="collapse" id="374f8c0b-cbe4-457c-aede-5a1544fb78ed" onclick="return false;" type="button">
+        <div id="d50a10fb-c4e4-4212-a0a6-74cdc0814d7b">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#24a4ea42-1387-4b5c-9271-3516490c11e9" data-bs-toggle="collapse" id="afe4090b-e23a-4af3-b50a-1d9da463302e" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2729b702-18d9-4e75-b29f-63b10a52409d" data-bs-toggle="collapse" id="cc48ab8a-e3f0-475d-a42f-4dfc47bf2a35" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#965dcc79-f3af-4710-99ff-ff610e682220" data-bs-toggle="collapse" id="de59d89c-aadb-4d96-9af3-45780024b59f" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="9e0cb318-ac8c-4fad-a745-c38927fc091f">
+       <span class="text-muted" id="f8d59c13-8bc3-46f6-8ea6-653d5ecb1f39">
         Sets margin for the start(left-side) to the specified size.
        </span>
-       <pre id="74ce9cb8-6084-4c88-b53e-08cf2848b8f1"><code class="language-python">ms(size)</code></pre>
-       <div class="ms-3 collapse" id="be6eef30-8e88-4293-9b07-2eed7e09d2f7">
-        <h6 id="677c6d93-45fe-4ec4-90fa-3bfdbb39e566">
+       <pre id="cb634492-adde-4760-b039-1f1bc0e6a1fe"><code class="language-python">ms(size)</code></pre>
+       <div class="ms-3 collapse" id="24a4ea42-1387-4b5c-9271-3516490c11e9">
+        <h6 id="9020c4bb-2b44-4eed-8f3c-23879af80739">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="062ec925-ba2a-4628-a061-da0d610c99dd">
+        <table class="table table-sm bg-light" id="350cc212-4245-4592-89b2-28e950fed5e9">
          <thead>
           <tr>
            <th scope="col">
@@ -739,11 +739,11 @@ button = Button("Hello").me(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="2729b702-18d9-4e75-b29f-63b10a52409d">
-        <h6 id="f69e1743-ecdb-4bfe-946a-cd1715b36318">
+       <div class="ms-3 collapse" id="965dcc79-f3af-4710-99ff-ff610e682220">
+        <h6 id="76cc7f9e-dc11-4f64-a8dd-82945dacf403">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="e607be2e-b6cb-4e4a-880c-124a59d7bf5e">
+        <table class="table table-sm bg-light" id="0ec13959-903f-416a-b2a5-8d32581cc2bf">
          <thead>
           <tr>
            <th scope="col">
@@ -776,43 +776,43 @@ button = Button("Hello").me(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="80e3e775-8a55-43b7-8116-433abeb9510e">
-        <h6 id="25c19a4e-44f4-4068-b6d4-0c75655dc76d">
+       <div class="ms-3" id="ff7ac7cf-7584-4b4d-8620-bfed37e9f4be">
+        <h6 id="81bc5c30-70d8-42c6-843e-3a511d1cc145">
          Example
         </h6>
-        <pre id="518a6414-63ca-4cc7-9cd3-fe2f406e264a"><code class="language-python">from bootwrap import Button
+        <pre id="73d4b189-1e0b-4d5b-b04d-e68b8f36dd56"><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="2d60cece-0d27-4fb2-b7bd-3bd23d74da79">
-       <div class="d-flex justify-content-between" id="170fdf03-78ac-422c-ac5e-13edc0ba4ac0">
-        <h4 id="069e989b-4f74-44f6-b623-93d475a185a1">
+      <div class="mt-5" id="5fab6514-9eca-4c28-8d53-f4848f268777">
+       <div class="d-flex justify-content-between" id="d2b49474-c9de-4ee5-bf12-56e3b8ec440e">
+        <h4 id="3b18e9dd-9ba6-4150-94b9-c303555e9572">
          Method
-         <span class="text-primary" id="278b12a4-76f4-45f7-b74a-9136d5d3944e">
+         <span class="text-primary" id="1c38d0ab-87cd-48cd-9d24-6289ab9f6c93">
           mt
          </span>
         </h4>
-        <div id="10d688ae-d017-49b2-8736-c4f2f60062a4">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#127a50d6-1da4-4e2c-bd3e-fe9df7495fa0" data-bs-toggle="collapse" id="f884a8b6-12a9-492c-820e-d5557bbfef22" onclick="return false;" type="button">
+        <div id="bde3c637-aa3e-4566-ae23-a8d4be255f7d">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#eaffe598-7a31-49bb-bced-d5fe0578cdaf" data-bs-toggle="collapse" id="c57aead8-ea6c-4b53-add6-18262e6bf0f2" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#a9bb5dca-af0f-4a90-b4ec-d7e4be7e0315" data-bs-toggle="collapse" id="12c0b98b-4e3f-47ff-b9ae-e5def72d6809" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8cb73093-36f9-4a78-91a0-0767032b8191" data-bs-toggle="collapse" id="4cc504c4-6a07-4b78-9b0c-2967ca44d161" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="f22d7750-ef0f-4656-ba1c-23e640e7842b">
+       <span class="text-muted" id="acaf7e43-fc4e-4a42-a89a-eeb1e70664dc">
         Sets margin for the top side to the specified size.
        </span>
-       <pre id="2a84564c-3b1e-4695-9326-80674161980a"><code class="language-python">mt(size)</code></pre>
-       <div class="ms-3 collapse" id="127a50d6-1da4-4e2c-bd3e-fe9df7495fa0">
-        <h6 id="996bbfd6-15bf-4ec9-9dc7-48200a94c922">
+       <pre id="5424c468-d176-4233-9719-8b9db4b7b0e7"><code class="language-python">mt(size)</code></pre>
+       <div class="ms-3 collapse" id="eaffe598-7a31-49bb-bced-d5fe0578cdaf">
+        <h6 id="78af32d1-9896-415a-b970-d11e356ac04c">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="2fe58d34-2a75-4779-a352-67ced1044d1d">
+        <table class="table table-sm bg-light" id="770ae10a-f8f6-4012-a28f-f20b81d70142">
          <thead>
           <tr>
            <th scope="col">
@@ -845,11 +845,11 @@ button = Button("Hello").ms(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="a9bb5dca-af0f-4a90-b4ec-d7e4be7e0315">
-        <h6 id="2f72b464-fd3e-4461-99f4-769548e43b8e">
+       <div class="ms-3 collapse" id="8cb73093-36f9-4a78-91a0-0767032b8191">
+        <h6 id="389015be-c82a-433d-9bd2-28eadd668435">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="adfbc76c-7715-475d-98e7-02e8aca881bb">
+        <table class="table table-sm bg-light" id="3e0f6a6d-7dfb-404c-9ebc-bf644f3a223e">
          <thead>
           <tr>
            <th scope="col">
@@ -882,43 +882,43 @@ button = Button("Hello").ms(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="6ac2774d-fb8a-4810-82f1-5230dc3cba4c">
-        <h6 id="77863078-9188-4e37-9342-7b3c176833d2">
+       <div class="ms-3" id="513a71bf-8cc5-4f6d-807c-69687b178d88">
+        <h6 id="01bd6516-0db9-488c-8fc4-c4a9a4372078">
          Example
         </h6>
-        <pre id="a6bf94c5-45b7-4835-a2e8-e4ee4751b6fa"><code class="language-python">from bootwrap import Button
+        <pre id="7f7c6a4f-e99c-468e-861e-afead4418d0e"><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="fc2bc79a-7553-4827-bb5e-18e784a14326">
-       <div class="d-flex justify-content-between" id="a8b0e881-a5f9-4dd7-8061-eeaaf0912ee7">
-        <h4 id="bc124f4f-5241-45bb-a7f7-fe8c88b51d84">
+      <div class="mt-5" id="ee208af7-b5fc-46f6-995f-53803ef8bb2b">
+       <div class="d-flex justify-content-between" id="141590bf-650a-442e-aca2-b980c5d34a6f">
+        <h4 id="11f76f68-ee9c-4294-96fe-27f182dd7d38">
          Method
-         <span class="text-primary" id="1104e9da-4366-4b63-b1fc-70f7c5077987">
+         <span class="text-primary" id="012c73ba-a609-40dc-8c7b-f4fd63e4a34d">
           mx
          </span>
         </h4>
-        <div id="3b6eed12-5a62-4278-bfc1-17499aefe53c">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a09951c4-e568-41e2-a736-348ba523dd30" data-bs-toggle="collapse" id="7cbc2a09-410c-477b-a359-e09548ea163f" onclick="return false;" type="button">
+        <div id="feb45870-cf3b-47f0-9620-462348c5e41d">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#6de41801-c7e2-41c1-abe0-1a1578cf8f92" data-bs-toggle="collapse" id="3ad6134d-d692-4acb-8f9b-9bbe30d5a87d" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#495052d7-c363-4ef3-9839-43087a18aed5" data-bs-toggle="collapse" id="52c80b01-8832-417a-ae5e-99ce5c81fdf4" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#30db7f04-4e1e-4499-a6fd-94859a8208ed" data-bs-toggle="collapse" id="a2167595-c406-497f-8524-5fab5111631b" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c4615e4c-8103-4896-bdba-d57120f0a89e">
+       <span class="text-muted" id="9efd1acd-1f54-46a0-96e2-ebc70a43a5db">
         Sets margin for left and right sides to the specified size.
        </span>
-       <pre id="4eefd201-435d-4bb6-97bd-425251789fe0"><code class="language-python">mx(size)</code></pre>
-       <div class="ms-3 collapse" id="a09951c4-e568-41e2-a736-348ba523dd30">
-        <h6 id="915aae4b-7c4b-4520-bbce-7b5a1732d22b">
+       <pre id="68928de1-78b4-4094-9327-474ac94699ed"><code class="language-python">mx(size)</code></pre>
+       <div class="ms-3 collapse" id="6de41801-c7e2-41c1-abe0-1a1578cf8f92">
+        <h6 id="f7008b30-42a4-4ad1-a292-da0c86d07342">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="f50bd994-a8e4-4efa-8035-fdc8a1cdd961">
+        <table class="table table-sm bg-light" id="a3fe8365-2f23-45df-a165-e4590a7f9fe6">
          <thead>
           <tr>
            <th scope="col">
@@ -951,11 +951,11 @@ button = Button("Hello").mt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="495052d7-c363-4ef3-9839-43087a18aed5">
-        <h6 id="d5fbf5ac-ea2c-49c0-9ec0-9e0d006bd593">
+       <div class="ms-3 collapse" id="30db7f04-4e1e-4499-a6fd-94859a8208ed">
+        <h6 id="23277894-78c6-4b68-97a2-a6ece07bc349">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="cc78a4d8-7307-465c-8711-439e3ce16b1e">
+        <table class="table table-sm bg-light" id="245f5180-d8dd-46ab-a9dd-dca668a628f1">
          <thead>
           <tr>
            <th scope="col">
@@ -988,43 +988,43 @@ button = Button("Hello").mt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="3a53b599-dd68-4a24-aecf-a783b5d07df8">
-        <h6 id="cb515d78-9241-4ec2-bd2d-6fb5abfaf181">
+       <div class="ms-3" id="37f57279-a03f-458d-bfce-e10db4fe30a1">
+        <h6 id="0f9aa62d-1798-40f7-b202-2503d937020b">
          Example
         </h6>
-        <pre id="78d7b4c0-9815-46e6-a692-0e1f94f78d97"><code class="language-python">from bootwrap import Button
+        <pre id="0b5b1172-e994-4189-adad-39a2e512ae19"><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="4ad4f1bd-314d-4692-bdfb-6e46a3659f28">
-       <div class="d-flex justify-content-between" id="81666647-d837-4448-b332-6d44bbef9184">
-        <h4 id="9a571cc2-25bd-48d9-b9f5-4b17848d07da">
+      <div class="mt-5" id="3493aa86-c77f-4122-8946-5264ac8e1ac0">
+       <div class="d-flex justify-content-between" id="7e3a37b4-7557-4287-8032-46b272c888d6">
+        <h4 id="c8a06f36-beaf-4ee5-85df-e728013f4f23">
          Method
-         <span class="text-primary" id="1dcbbb51-b808-4751-871f-455005e1ff7f">
+         <span class="text-primary" id="6bf675a6-dc81-4ecb-96b4-688aa0c9de55">
           my
          </span>
         </h4>
-        <div id="ef4ff6c8-7eec-4c1c-9460-ef07f317bbfd">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4c48150b-b76b-4642-9cb6-aeef4275f4e7" data-bs-toggle="collapse" id="e4f40cfc-4cd6-45ff-b99c-4e6e43b80304" onclick="return false;" type="button">
+        <div id="5fcb3e0e-58e3-4234-b5a7-10635283c78e">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#89928b49-a215-4e3a-b71c-e7fe577414f4" data-bs-toggle="collapse" id="20d02516-33d2-41d2-9be4-bed1b95d2cef" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#4ccf4f90-8f1d-4a69-bd9c-39e315a41f2b" data-bs-toggle="collapse" id="e891f489-d0bd-44d6-9e02-251992f4aed9" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e471bf67-0712-49f7-a6ef-47068651031b" data-bs-toggle="collapse" id="33914e2d-a28f-4858-8072-401dd88256aa" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="04afc73e-ed60-4acf-b776-3e816d3b256e">
+       <span class="text-muted" id="7459767f-3308-44af-b679-100aca649158">
         Sets margin for top and bottom sides to the specified size.
        </span>
-       <pre id="bb84b45c-455e-4e1b-9277-412eaf376356"><code class="language-python">my(size)</code></pre>
-       <div class="ms-3 collapse" id="4c48150b-b76b-4642-9cb6-aeef4275f4e7">
-        <h6 id="f0fe6150-3510-4327-afad-a5c008d1a143">
+       <pre id="d61a3317-3e52-4740-b4f6-2028ed815223"><code class="language-python">my(size)</code></pre>
+       <div class="ms-3 collapse" id="89928b49-a215-4e3a-b71c-e7fe577414f4">
+        <h6 id="76369865-cbde-4c0a-addd-677c97a2d5ec">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="aa0cc260-5783-4296-9984-8f4812969216">
+        <table class="table table-sm bg-light" id="49928af5-3e91-4726-a21b-4f3550c80ddd">
          <thead>
           <tr>
            <th scope="col">
@@ -1057,11 +1057,11 @@ button = Button("Hello").mx(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="4ccf4f90-8f1d-4a69-bd9c-39e315a41f2b">
-        <h6 id="f8ed4df5-b58a-435c-a926-a1130693f0e0">
+       <div class="ms-3 collapse" id="e471bf67-0712-49f7-a6ef-47068651031b">
+        <h6 id="f66d8dc7-2ecd-481f-95b7-90d351349c3e">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="e3949477-5f40-4ae9-967e-5466637599b2">
+        <table class="table table-sm bg-light" id="b3d3acb0-a391-443d-a0b5-7a1ecbd8808c">
          <thead>
           <tr>
            <th scope="col">
@@ -1094,43 +1094,43 @@ button = Button("Hello").mx(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="e00de941-a267-413e-ab35-e70f4db93bac">
-        <h6 id="61db8e25-e4bf-495e-bb39-3f1e10753609">
+       <div class="ms-3" id="adeb05f6-857c-4cc8-8c4b-931f54095b46">
+        <h6 id="1cd2ea58-adba-4150-982d-7880e228a721">
          Example
         </h6>
-        <pre id="396fc896-a982-4cd1-a1c2-438222b5ccfa"><code class="language-python">from bootwrap import Button
+        <pre id="65028c25-5d8e-4ab2-8120-a7656514a4e1"><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="ebb3d518-aaca-427a-8631-e4d40043307e">
-       <div class="d-flex justify-content-between" id="2ecfed7e-1c53-4c56-a4cb-a5d91fb761c8">
-        <h4 id="e44cee0a-4792-4382-b2a6-b8c0a01ab354">
+      <div class="mt-5" id="55491c95-4fe2-488b-a81c-2be1cdbdfca9">
+       <div class="d-flex justify-content-between" id="cdb8bc54-18b9-4585-b530-f3ecc39cdc5d">
+        <h4 id="237c9dab-36f9-4079-a0d5-318158916f86">
          Method
-         <span class="text-primary" id="1a922aba-c5f4-498e-b645-25dc4205e142">
+         <span class="text-primary" id="c46b72ca-6a8b-4ff9-a3de-903d964a7d99">
           p
          </span>
         </h4>
-        <div id="e82392f2-2f9a-496c-81bb-ce33e9fc5b92">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#5d56a266-9303-4c3f-9c58-8a260a8d6809" data-bs-toggle="collapse" id="061dbcf4-36d4-4e62-935b-4b3d286b0014" onclick="return false;" type="button">
+        <div id="23b32f1f-d82b-4d00-830e-f89674fb8d82">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a62e655c-9b67-4e5d-97f7-21aa5722db66" data-bs-toggle="collapse" id="2d800e71-532b-40d9-a6a6-07a34404ec77" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#72814b6a-1b33-42cc-9c72-912005b01db8" data-bs-toggle="collapse" id="984a93a2-aa2b-43dd-bad6-442ba56961ec" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#abf88764-87d4-44fe-9565-4c5aabd6dd1b" data-bs-toggle="collapse" id="5c267181-96b7-4a6c-8eaa-9861d3b15b33" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="defdc6f0-d1ae-46f6-89c5-5d89c29829d8">
+       <span class="text-muted" id="1a0e8e58-ee51-4b00-a239-a10b7316b25d">
         Sets padding for all four sides to the specified size.
        </span>
-       <pre id="e5cadedb-c60a-47c4-89da-322ab0ab1350"><code class="language-python">p(size)</code></pre>
-       <div class="ms-3 collapse" id="5d56a266-9303-4c3f-9c58-8a260a8d6809">
-        <h6 id="72364528-dec5-4d68-9cd0-e5b23ba2491d">
+       <pre id="e3bbb4f8-ddb3-454a-97af-ad7394818fee"><code class="language-python">p(size)</code></pre>
+       <div class="ms-3 collapse" id="a62e655c-9b67-4e5d-97f7-21aa5722db66">
+        <h6 id="15ef6994-f3d3-4db6-b69f-70b5c8b1a9da">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="651601c7-490f-4dfe-b1b9-45c9fdea05e2">
+        <table class="table table-sm bg-light" id="71a05a9a-b418-42b1-b0b4-cd5f9496225e">
          <thead>
           <tr>
            <th scope="col">
@@ -1163,11 +1163,11 @@ button = Button("Hello").my(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="72814b6a-1b33-42cc-9c72-912005b01db8">
-        <h6 id="1eaa4a0b-b3e6-4fa3-8892-6f649109a88b">
+       <div class="ms-3 collapse" id="abf88764-87d4-44fe-9565-4c5aabd6dd1b">
+        <h6 id="cfc4a620-b91d-4d5c-9dfe-b91b68c2c8c2">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="b4cc228b-9214-4b2b-8762-082b045a5911">
+        <table class="table table-sm bg-light" id="bb73eefc-8423-407e-8d4f-e9b6cbe0fb9f">
          <thead>
           <tr>
            <th scope="col">
@@ -1200,43 +1200,43 @@ button = Button("Hello").my(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="93c0115e-9cde-4944-aafc-ce27e74e5ee7">
-        <h6 id="04305aa1-fcfc-4e78-bfe3-281906c55d41">
+       <div class="ms-3" id="5e1bf105-f871-4b9b-a91d-99cd446754d3">
+        <h6 id="7bb8f208-1637-466b-888e-025be2a4462b">
          Example
         </h6>
-        <pre id="605b0e52-fc40-4acb-bb0a-7205de430d5d"><code class="language-python">from bootwrap import Button
+        <pre id="97c19f5a-eb39-4882-a189-f11a721144ea"><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="ace2e522-ffba-4a45-9f78-45ccaddb70f4">
-       <div class="d-flex justify-content-between" id="24a70d35-74f5-4318-b8c7-7827e12a3010">
-        <h4 id="ed9ecc51-a308-47b9-9546-b261cb5e4980">
+      <div class="mt-5" id="af5b5ccc-1612-4351-92b7-a34a1709693c">
+       <div class="d-flex justify-content-between" id="79b89e08-64d7-4d94-9d85-d507be1ecd97">
+        <h4 id="eb6cf14e-7aa0-4c99-bcd9-25d31ab94e1e">
          Method
-         <span class="text-primary" id="47412b7b-414b-4022-a586-d92237c3be99">
+         <span class="text-primary" id="f1816865-a416-4ca5-b70b-20d5f65c9bad">
           pb
          </span>
         </h4>
-        <div id="56b8c3f1-b2bd-41af-82fb-ab8d0358754d">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1e3119cb-d66f-4287-8274-24ec89328812" data-bs-toggle="collapse" id="945995b8-870f-46ad-969c-8a120ffc3add" onclick="return false;" type="button">
+        <div id="4ef80c3b-f338-4937-9525-27f92e814e46">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b61fe135-76b4-43c6-9b35-73031bd7f97c" data-bs-toggle="collapse" id="e7455f7b-0f4c-4b4c-b6f8-dfe3a683d254" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#a3e20eeb-2617-4d69-ab58-3e960d6b2093" data-bs-toggle="collapse" id="e9e0f5bb-6600-4342-8e6f-47193f1f4de8" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#383b7e3e-38d4-47f8-960a-d5871cce2125" data-bs-toggle="collapse" id="0bf30139-823e-4593-b8ef-fb2b2e7a3d30" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="59fa5c59-9fa5-4953-8f66-739e20144c6f">
+       <span class="text-muted" id="8e8fdc61-8cce-4270-af56-18a6dd64ae1f">
         Sets padding for the bottom side the specified size.
        </span>
-       <pre id="30bd212b-7473-4a64-b35e-dd355b27cdb3"><code class="language-python">pb(size)</code></pre>
-       <div class="ms-3 collapse" id="1e3119cb-d66f-4287-8274-24ec89328812">
-        <h6 id="bf2f31ce-3060-4c8b-a45c-3b5cf9b2addd">
+       <pre id="cd2b467b-d32d-4e15-a00a-87a060f65557"><code class="language-python">pb(size)</code></pre>
+       <div class="ms-3 collapse" id="b61fe135-76b4-43c6-9b35-73031bd7f97c">
+        <h6 id="520c9282-69b1-4256-862f-087767fd3922">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="56a4c096-c3e1-4701-ac1c-430ca01bd0ea">
+        <table class="table table-sm bg-light" id="2f1c39e0-c762-43b5-9de2-23ca043e6376">
          <thead>
           <tr>
            <th scope="col">
@@ -1269,11 +1269,11 @@ button = Button("Hello").p(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="a3e20eeb-2617-4d69-ab58-3e960d6b2093">
-        <h6 id="f75f16f2-83de-4fc7-8c38-4f2ac7baeca9">
+       <div class="ms-3 collapse" id="383b7e3e-38d4-47f8-960a-d5871cce2125">
+        <h6 id="ad728b54-e3bb-44c0-8722-7071efd12db4">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="bd062b34-2c77-46e5-9475-207a76a3963b">
+        <table class="table table-sm bg-light" id="35e2c81d-c551-492a-8341-2a060f3597c8">
          <thead>
           <tr>
            <th scope="col">
@@ -1306,43 +1306,43 @@ button = Button("Hello").p(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f8454ad9-1af8-491d-ab35-0cb9eb41907b">
-        <h6 id="062da52c-16c6-4629-a36f-634dc492cb98">
+       <div class="ms-3" id="beaa2526-c0a4-45fc-9989-f637f2922454">
+        <h6 id="188afd12-4d14-47ad-b3f2-8c5c27e73e90">
          Example
         </h6>
-        <pre id="655804ed-64da-400c-8bab-c7f60bf5ced9"><code class="language-python">from bootwrap import Button
+        <pre id="26e40352-9d81-4c58-8a01-3db8d218bbbb"><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="d34c61dc-7e2c-4b91-8768-0e8833ae627a">
-       <div class="d-flex justify-content-between" id="28b82356-2b89-4ac1-93bc-6a6b89f93fa9">
-        <h4 id="e272a2a1-6af1-4c61-b8a3-fd95965652c5">
+      <div class="mt-5" id="eb02f7b0-d9be-45bc-b7c2-b40ddf5fc00e">
+       <div class="d-flex justify-content-between" id="d5b6347a-3b27-4180-b2df-f60fea29860e">
+        <h4 id="d24d7d47-6dd7-48e5-9af4-5f1dda9d6f26">
          Method
-         <span class="text-primary" id="21958a70-cd4d-4650-87a6-48948e681de0">
+         <span class="text-primary" id="f6ea76d5-f1fa-4075-82e2-e8353ade31a4">
           pe
          </span>
         </h4>
-        <div id="a3139121-49fe-41f3-ac08-46622b691b2c">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2dabb0cf-374f-450e-a150-af10445a2393" data-bs-toggle="collapse" id="87ddb7a8-3963-4270-a8d3-55527d3acccb" onclick="return false;" type="button">
+        <div id="12cc62fa-ee51-4b27-b113-ce78edf5429c">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#09a45db2-df35-4084-b169-8d9217db7a34" data-bs-toggle="collapse" id="920617e4-b7bb-4b46-8225-66f2c36a1fbe" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#6694735d-7d59-436c-ba99-93e2f6b8da50" data-bs-toggle="collapse" id="802ff8f8-8af1-4e2f-9403-3b506eaf85df" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ea172b3e-1293-4d7b-b1cf-4606764b37b8" data-bs-toggle="collapse" id="46b5f5e0-8784-4636-969b-68d9fae1ecef" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="25d522f2-94be-4ca6-8aa3-2611b7c7024e">
+       <span class="text-muted" id="8cf17e14-3f97-4979-9d4c-ebd223a83310">
         Sets padding for the end(right-side) to the specified size.
        </span>
-       <pre id="6c1d6893-74f2-4c6a-a595-8043941021bf"><code class="language-python">pe(size)</code></pre>
-       <div class="ms-3 collapse" id="2dabb0cf-374f-450e-a150-af10445a2393">
-        <h6 id="6b015ef1-c1c4-4b56-99e7-48307cafdb3a">
+       <pre id="1d73daa2-6d00-4277-a7c9-b9f56e61e035"><code class="language-python">pe(size)</code></pre>
+       <div class="ms-3 collapse" id="09a45db2-df35-4084-b169-8d9217db7a34">
+        <h6 id="d5e33f33-eb73-4f8a-a7ca-09fdfe0cf510">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="d75392ea-8792-4bd6-b918-0cd8f280facc">
+        <table class="table table-sm bg-light" id="7f302ebb-50e1-4df1-a10c-b0e0d8cac19f">
          <thead>
           <tr>
            <th scope="col">
@@ -1375,11 +1375,11 @@ button = Button("Hello").pb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="6694735d-7d59-436c-ba99-93e2f6b8da50">
-        <h6 id="c44dcc81-9174-474a-bdb3-cccdbfa6e3b3">
+       <div class="ms-3 collapse" id="ea172b3e-1293-4d7b-b1cf-4606764b37b8">
+        <h6 id="b5927f83-4a8e-4673-9246-2fbf8fe8aad2">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="84069e43-e32a-42cf-bf7e-492d0e440b7a">
+        <table class="table table-sm bg-light" id="b8430515-0861-485e-a322-dd5db8f5ea2f">
          <thead>
           <tr>
            <th scope="col">
@@ -1412,43 +1412,43 @@ button = Button("Hello").pb(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="5c1ed033-7168-4060-bdc8-8562179a4d4b">
-        <h6 id="e356f67a-4b52-40ca-a0cf-2e0814db5576">
+       <div class="ms-3" id="93d1aa8b-81ea-48b8-a082-35ac1ecf0b9b">
+        <h6 id="dff04e00-d706-418c-af55-1fb2f1cfd85d">
          Example
         </h6>
-        <pre id="e7a1e18a-e1f8-4b5c-b62a-c7cdc3b019d6"><code class="language-python">from bootwrap import Button
+        <pre id="2980ab51-047a-45a2-8334-fdc7509ae416"><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="a804c329-9174-46d2-8f2a-b4b233125e00">
-       <div class="d-flex justify-content-between" id="2480926b-14a7-47bf-a117-7a8900b44247">
-        <h4 id="413a3dfc-6638-4d5e-bf56-711cdbee8c77">
+      <div class="mt-5" id="e5764f72-65c4-41c2-b549-6371dad6590a">
+       <div class="d-flex justify-content-between" id="c3d34613-bd22-4b1f-8064-590205454c6d">
+        <h4 id="4023afdc-8081-49a8-9ed0-f9199dc48450">
          Method
-         <span class="text-primary" id="42035ce9-34ea-49f3-8da7-9590cb2d4722">
+         <span class="text-primary" id="2275d5b8-8459-42b1-84ff-e9c297fa34c3">
           ps
          </span>
         </h4>
-        <div id="c85d2c56-5cea-4446-9abb-6d87acb0da6c">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f5daeeff-4f45-484f-814b-80f1c272fd94" data-bs-toggle="collapse" id="1fe32100-8133-454d-9a36-528fc1cd30d5" onclick="return false;" type="button">
+        <div id="96ad7156-242b-4686-bbf8-9ad4bd17e714">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#07d6e171-959b-4be1-91a9-d0c4f1f6486b" data-bs-toggle="collapse" id="5b73e997-966e-4f19-a0b4-641664e54b8e" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2f74fec3-f11c-427b-a2b7-2ba693da09a8" data-bs-toggle="collapse" id="703adb67-2baf-4524-a15b-3e4fce971420" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3b02ced9-61ee-46f7-97e9-7353969977a7" data-bs-toggle="collapse" id="8b594252-531c-4755-8ddf-d343a7c1fd02" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c293569a-b055-4297-9d6f-928a3d24ee65">
+       <span class="text-muted" id="409c3ce9-8f56-42c2-8c28-20605d5af103">
         Sets padding for the start(left-side) to the specified size.
        </span>
-       <pre id="81de6f75-9fa6-4164-904d-764278d3ac3b"><code class="language-python">ps(size)</code></pre>
-       <div class="ms-3 collapse" id="f5daeeff-4f45-484f-814b-80f1c272fd94">
-        <h6 id="8cc1883a-fd35-4ef3-9c61-257287f1c7d8">
+       <pre id="77c4f80d-fd4f-4876-b805-d1ef82e03953"><code class="language-python">ps(size)</code></pre>
+       <div class="ms-3 collapse" id="07d6e171-959b-4be1-91a9-d0c4f1f6486b">
+        <h6 id="c05e7d6a-f3ce-4e76-9cb9-8b6fe61c99d2">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="e07e39d5-593a-4baa-8f7b-972cde0c306a">
+        <table class="table table-sm bg-light" id="5b1942ec-0681-4143-b27e-97acf3e58c4f">
          <thead>
           <tr>
            <th scope="col">
@@ -1481,11 +1481,11 @@ button = Button("Hello").pe(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="2f74fec3-f11c-427b-a2b7-2ba693da09a8">
-        <h6 id="3ff69193-f10d-4859-ba71-98aef22d4684">
+       <div class="ms-3 collapse" id="3b02ced9-61ee-46f7-97e9-7353969977a7">
+        <h6 id="35fd1251-56d8-4584-b08e-05af9fdca747">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="26195836-bf24-4bd8-90dd-e422932871f0">
+        <table class="table table-sm bg-light" id="dda91564-3be1-4321-af9d-49394dec465d">
          <thead>
           <tr>
            <th scope="col">
@@ -1518,43 +1518,43 @@ button = Button("Hello").pe(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="362837c5-6be6-4a97-8a14-3a4d634f693c">
-        <h6 id="ddd56a8b-1a3c-4bf0-8657-0c3a154edd44">
+       <div class="ms-3" id="adb0368a-0b25-41f5-816e-bcccfc7017fd">
+        <h6 id="0d50dfa2-d72d-4f27-9e99-bb7e2aa1fd02">
          Example
         </h6>
-        <pre id="b7c8ed37-43d9-4c94-b6c0-cde56f0acae1"><code class="language-python">from bootwrap import Button
+        <pre id="6055da9f-345f-48af-bd07-6f80cc4b462c"><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="e5c496b9-1257-48d4-9207-38185a2c6884">
-       <div class="d-flex justify-content-between" id="698a1c08-5e81-4fcb-9ae5-68d7e57cc401">
-        <h4 id="80f3879f-bba2-4ac6-923e-1e98cf648058">
+      <div class="mt-5" id="c6c82809-7f30-417d-a68b-569db40655b5">
+       <div class="d-flex justify-content-between" id="618093e2-b28a-4dea-947a-638486e7d428">
+        <h4 id="aca70757-8a49-4e91-805c-26b9f180baab">
          Method
-         <span class="text-primary" id="101d0638-f66d-468b-8efe-d4259abef921">
+         <span class="text-primary" id="9a741c7f-2807-4e1b-8586-9221c3a03488">
           pt
          </span>
         </h4>
-        <div id="4758c4de-946b-4a71-aa65-030253007f60">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#199d89e2-bbe5-46a2-8376-f19480401e5d" data-bs-toggle="collapse" id="b30d02f0-b9ee-499b-b718-2af770a9fd62" onclick="return false;" type="button">
+        <div id="2f95554a-bcac-4f0f-8ebc-094e6afc93de">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#98967d8e-f557-4bfb-ac44-ed3bca475f9e" data-bs-toggle="collapse" id="604d597e-f3db-4649-9731-32a785b03a15" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c60624ea-c1de-450b-b49e-ce9f60d298e5" data-bs-toggle="collapse" id="6e434e69-ab1a-49d4-863c-7f15e8d2fbe2" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#b647a0ac-7306-46bd-9159-0b958558e938" data-bs-toggle="collapse" id="b76a24e7-2a1e-403d-9e07-58405791da6d" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="85016017-fc2c-49b7-acd5-0d9be418fe3d">
+       <span class="text-muted" id="2160017d-112b-4088-9cf2-270f4f2654e5">
         Sets padding for the top side to the specified size.
        </span>
-       <pre id="a89639b5-e94a-4525-b3ab-7ab5eea1f070"><code class="language-python">pt(size)</code></pre>
-       <div class="ms-3 collapse" id="199d89e2-bbe5-46a2-8376-f19480401e5d">
-        <h6 id="a77c2cbb-74bf-4cdb-9f52-b455b2999f10">
+       <pre id="2f4f07e4-5765-4b36-80f2-1209a8e5c658"><code class="language-python">pt(size)</code></pre>
+       <div class="ms-3 collapse" id="98967d8e-f557-4bfb-ac44-ed3bca475f9e">
+        <h6 id="8a754139-4d22-4478-817f-aa5ca811b2e9">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="64dd6794-3a9d-4345-a70c-5236c731d05a">
+        <table class="table table-sm bg-light" id="2aedcdf8-6ec2-4e02-8bc9-c50d11bf1440">
          <thead>
           <tr>
            <th scope="col">
@@ -1587,11 +1587,11 @@ button = Button("Hello").ps(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="c60624ea-c1de-450b-b49e-ce9f60d298e5">
-        <h6 id="2dcbb997-78a2-488f-a809-b0c6c328f751">
+       <div class="ms-3 collapse" id="b647a0ac-7306-46bd-9159-0b958558e938">
+        <h6 id="bf1dcd68-d266-4b2a-9191-97ee285b8458">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="f8f9b687-8a1d-4c16-aeab-0175086020f6">
+        <table class="table table-sm bg-light" id="7135cf12-f0ee-4513-926a-613354295083">
          <thead>
           <tr>
            <th scope="col">
@@ -1624,43 +1624,43 @@ button = Button("Hello").ps(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="6d667021-f971-44d1-a10a-a0f0fac7c7e2">
-        <h6 id="f3212dde-83c8-484c-8790-e25a849f7b4d">
+       <div class="ms-3" id="0859ae03-e132-4353-aeeb-a624b1b7c76e">
+        <h6 id="dc33bc71-6bfa-4009-ba0d-408d6abe1ba4">
          Example
         </h6>
-        <pre id="edf97931-9869-4eb7-a460-1ef417bcdeb1"><code class="language-python">from bootwrap import Button
+        <pre id="74587eb0-56f4-43ce-8f3c-4ba946af8855"><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="68d56194-773a-42a3-964b-1f5f345a43bb">
-       <div class="d-flex justify-content-between" id="81f9f2fb-02b8-4c4a-8fed-7534fa0fb2aa">
-        <h4 id="b72ae2db-f2ce-48f2-89d3-28bfb7c6a82a">
+      <div class="mt-5" id="e09c6142-325a-4e62-a119-23a20277d491">
+       <div class="d-flex justify-content-between" id="7caaee6a-a907-43d2-8b9e-6ac964134b30">
+        <h4 id="d6d78811-aabf-4097-b5f6-a759b7b53c6e">
          Method
-         <span class="text-primary" id="a8d270ec-cf75-417f-87eb-5a705db9ff2d">
+         <span class="text-primary" id="eb8826f1-2a21-4de1-8a88-f897d0c212e9">
           px
          </span>
         </h4>
-        <div id="0984de69-bba2-4048-95d6-89442a9b0265">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b92b5e64-2de2-482f-a8b5-5a93e4c63419" data-bs-toggle="collapse" id="75d1f119-1ccd-443a-b855-48f4ba61a43b" onclick="return false;" type="button">
+        <div id="4d63d24d-9a93-491a-8bd4-610c05f5c820">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b2a6fcf9-ac34-4de2-a5fa-664e949ada7a" data-bs-toggle="collapse" id="4c965a4b-a1c3-4bd3-83cf-d39f0dadf2ae" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#fdbc221e-261e-403a-bac9-b4c66b90bc97" data-bs-toggle="collapse" id="11af82a4-52b6-4106-b6af-6812691b15f0" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8d9ef6d7-2299-4869-a518-0bde91217848" data-bs-toggle="collapse" id="b47c6033-4b33-4704-b090-84d10d5b39e1" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="bed9af8e-32bf-4cf8-88e9-99705c20bdde">
+       <span class="text-muted" id="37b511b2-bde5-4ab4-888b-a1251044a9a7">
         Sets padding for left and right sides to the specified size.
        </span>
-       <pre id="747b2d37-0e49-4825-8078-d20baecac9ad"><code class="language-python">px(size)</code></pre>
-       <div class="ms-3 collapse" id="b92b5e64-2de2-482f-a8b5-5a93e4c63419">
-        <h6 id="c525dcae-a0c4-4f85-8100-8a394628819a">
+       <pre id="9613b29b-e304-4dfb-a039-c1d5b603cce2"><code class="language-python">px(size)</code></pre>
+       <div class="ms-3 collapse" id="b2a6fcf9-ac34-4de2-a5fa-664e949ada7a">
+        <h6 id="a9b3d9c6-9c92-4635-8f8d-9462dcb05adf">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="bc4c3a82-32bd-4c84-9e08-b29f93a6354c">
+        <table class="table table-sm bg-light" id="d01e0f68-4162-4701-855c-9ba21a7eebdd">
          <thead>
           <tr>
            <th scope="col">
@@ -1693,11 +1693,11 @@ button = Button("Hello").pt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="fdbc221e-261e-403a-bac9-b4c66b90bc97">
-        <h6 id="221c4b2a-94d1-4922-beec-2af9f40ccf9b">
+       <div class="ms-3 collapse" id="8d9ef6d7-2299-4869-a518-0bde91217848">
+        <h6 id="5e84adf8-6cd0-416b-a466-1633e57402fa">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="bcd37751-2550-463d-8fe6-b55145a2ee63">
+        <table class="table table-sm bg-light" id="a8a45113-4ee5-4abc-8f38-2f54aa900f04">
          <thead>
           <tr>
            <th scope="col">
@@ -1730,43 +1730,43 @@ button = Button("Hello").pt(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="dfad4460-efbc-4116-9feb-abb1e7ee3378">
-        <h6 id="3ec8c09a-0e47-4a57-965c-163b46566e73">
+       <div class="ms-3" id="919a210a-2659-4b43-b7d9-0c3c077a6f2f">
+        <h6 id="651f8d9f-7c5f-4592-93c9-996dc45a2ec4">
          Example
         </h6>
-        <pre id="1537276e-7c7d-42b8-823b-b1a7fcb352a6"><code class="language-python">from bootwrap import Button
+        <pre id="ef60e770-6b11-47c3-81b8-bc37bab8cf3c"><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="9d81efaf-651d-4682-abf6-853447e71042">
-       <div class="d-flex justify-content-between" id="6c6b114e-c5a2-4e11-a24d-bc965c85b08f">
-        <h4 id="995b1991-6778-4d45-98d8-765cbc61421b">
+      <div class="mt-5" id="87ff1490-03fd-4e6c-bf1c-fd7d3e79f5d0">
+       <div class="d-flex justify-content-between" id="89751942-3d47-470c-af85-6cc07b999dab">
+        <h4 id="7226e36c-9e4c-4327-8c9d-9a82fcd26d39">
          Method
-         <span class="text-primary" id="88905da8-f3cb-4afc-9bf4-194e325795e7">
+         <span class="text-primary" id="b8b83c6b-654b-4624-b93b-6e5a3f452f35">
           py
          </span>
         </h4>
-        <div id="63502f2b-cca5-4231-a8cb-ea9cff1cf530">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#85abfcb7-4b13-46b8-9978-2a01ebeea59c" data-bs-toggle="collapse" id="68dcaacd-f517-4275-8540-185ee13a22bd" onclick="return false;" type="button">
+        <div id="11e0b0a5-d6c8-4459-861b-26dc07c9ada8">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#09e079e2-d47e-4e6d-b7ae-11ee5c0b86d9" data-bs-toggle="collapse" id="a6f53ae9-da45-47cb-812a-2611e3c8be5c" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3679e737-ac3f-4d82-9c4e-2c9369b24316" data-bs-toggle="collapse" id="1efe2bca-f733-4d9b-b108-485cc5c8f8e1" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#99cf064d-3ec1-4916-8e2a-fa2930a2c889" data-bs-toggle="collapse" id="640eb883-07a2-42eb-bdc3-4d8ee7c5d227" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="b4d63a11-3995-4b70-a5b5-96f44a2395dc">
+       <span class="text-muted" id="f0e62167-db85-47a4-ab96-7b69b61cb2f1">
         Sets padding for top and bottom sides to the specified size.
        </span>
-       <pre id="73618921-1dc3-4a5d-bb21-08d27ed7ae42"><code class="language-python">py(size)</code></pre>
-       <div class="ms-3 collapse" id="85abfcb7-4b13-46b8-9978-2a01ebeea59c">
-        <h6 id="72e93566-8333-4925-a5b6-4a31293c1972">
+       <pre id="4f6549c9-03b0-4766-9c45-e85947b10b58"><code class="language-python">py(size)</code></pre>
+       <div class="ms-3 collapse" id="09e079e2-d47e-4e6d-b7ae-11ee5c0b86d9">
+        <h6 id="4a462c41-eef5-4f20-a63b-ef7a583ef13e">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="a8d5a444-c4cf-43ec-a9d6-55502e451e0f">
+        <table class="table table-sm bg-light" id="8f574c4f-4ec8-437a-8168-72ce5f2043ff">
          <thead>
           <tr>
            <th scope="col">
@@ -1799,11 +1799,11 @@ button = Button("Hello").px(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="3679e737-ac3f-4d82-9c4e-2c9369b24316">
-        <h6 id="bcb9702a-808f-49f3-b299-6f0949f02114">
+       <div class="ms-3 collapse" id="99cf064d-3ec1-4916-8e2a-fa2930a2c889">
+        <h6 id="d40dc245-0528-4535-b86e-6d32cd81207e">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="bf2fea93-1f62-4866-9bb1-10e853714e2f">
+        <table class="table table-sm bg-light" id="7bced412-c5f1-4622-a410-12a6b0c498e2">
          <thead>
           <tr>
            <th scope="col">
@@ -1836,11 +1836,11 @@ button = Button("Hello").px(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="66091fc4-59da-4c0c-8978-0c29b9858271">
-        <h6 id="ebc05083-4cfe-49f9-ad1a-19ed1c36ec6f">
+       <div class="ms-3" id="62498576-09af-42db-a32a-ea121a66c0d6">
+        <h6 id="144cb4c0-90db-4b9c-9d23-4167c0b31674">
          Example
         </h6>
-        <pre id="4444a55b-f50b-42fd-b3bd-6a305cbaddb6"><code class="language-python">from bootwrap import Button
+        <pre id="de492a10-179d-41cb-8997-227f70c0df32"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ClassMixin.
 button = Button("Hello").py(3)
@@ -1849,48 +1849,48 @@ button = Button("Hello").py(3)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="48e426d8-3458-4d9a-989f-937dc889c5d6">
-     <div class="mt-5" id="74407f39-77b6-48e2-8052-baf57fb1b24f">
-      <div class="d-flex justify-content-between" id="b43a65f4-2546-4f68-898c-ad689c9e20c1">
-       <h1 id="44ddfcd1-9ec4-4472-9c40-e2dd46f006e8">
+    <div class="tab-pane fade" id="7b751d53-5ac8-4ab7-856f-81e0ac378f12">
+     <div class="mt-5" id="8207c336-a708-491c-84e8-5fade7b75707">
+      <div class="d-flex justify-content-between" id="5421460f-d7c5-4f91-9553-52aefd72a180">
+       <h1 id="d4e2d331-6a18-433d-bdc6-1d6cd5a59ee0">
         Class
-        <span class="text-primary" id="c9a3f8ca-1162-49e1-8d51-d048381b3283">
+        <span class="text-primary" id="e4e2bc82-71fb-467a-985d-f98d6bdbed35">
          ActionMixin
         </span>
        </h1>
-       <div id="d3a3b93d-73e9-4a35-9768-277039ce1120">
+       <div id="5cb1e1cc-66ba-454b-9fb1-1e81d205aeea">
        </div>
       </div>
-      <span class="text-muted" id="89a8e746-6f3e-494f-b112-289ed30a3fe6">
+      <span class="text-muted" id="80f5425d-89ab-43d9-835d-f0bb6052caac">
        Mixin for a web component which able to perform an action.
       </span>
-      <pre id="e5d5f7fb-c047-4cef-bbdd-1e0f40d8bdf3"><code class="language-python">ActionMixin()</code></pre>
-      <div class="mt-5" id="17a4ac37-dd2b-48e7-8d2a-6d562dfa489d">
-       <div class="d-flex justify-content-between" id="9cfdcc7c-f814-48f4-a29f-096fdfc78b9d">
-        <h4 id="1a5219cc-5399-41e8-8f25-93b283f59eb2">
+      <pre id="82db85f6-aec1-40bd-b20c-252893e61193"><code class="language-python">ActionMixin()</code></pre>
+      <div class="mt-5" id="484f05a0-e6e9-472a-bd97-5202bcd35786">
+       <div class="d-flex justify-content-between" id="53204255-f4d0-4a82-9f3a-2c1004a8b09f">
+        <h4 id="48595da7-a0eb-4a68-9edc-b5dca2964cbe">
          Method
-         <span class="text-primary" id="c4187334-6046-4a7f-9166-a012107ec34e">
+         <span class="text-primary" id="c813afee-a67f-4e15-9ba5-5cf3d6ce921f">
           add_menu
          </span>
         </h4>
-        <div id="a0c4c9c4-3af9-4e24-8f21-e7257960b64d">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#886c6cae-0995-4c86-83d9-9b6a542eb958" data-bs-toggle="collapse" id="81dfc4be-154f-46bd-aeef-137973e7ae48" onclick="return false;" type="button">
+        <div id="2d67f763-3941-46a0-8558-68e0583e8f02">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#724c4988-5a69-4072-9fc1-75ded3be2236" data-bs-toggle="collapse" id="17b0e920-5203-4856-8b48-048d0eeba8ac" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#067fdc96-fbe2-4ce2-9f38-74b3387b515a" data-bs-toggle="collapse" id="cf9a9a32-f658-4a8c-bbd6-07368340059b" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#25f21fa3-9652-45be-832b-4df04bca6baf" data-bs-toggle="collapse" id="8b09b347-22e3-42a1-9f72-a1385518bbc2" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="c8646376-c579-434c-bcd7-0b2b771dcfd4">
+       <span class="text-muted" id="8dc5d433-118f-48ea-9ef1-9654654742e8">
         Adds dropdown menu.
        </span>
-       <pre id="bf5fae97-2f22-4f27-a909-aaa83eec2333"><code class="language-python">add_menu(*menu)</code></pre>
-       <div class="ms-3 collapse" id="886c6cae-0995-4c86-83d9-9b6a542eb958">
-        <h6 id="46ce84d7-f175-468a-b070-3e2936e18dd1">
+       <pre id="78342add-d7ae-4824-9b38-202bb7991769"><code class="language-python">add_menu(*menu)</code></pre>
+       <div class="ms-3 collapse" id="724c4988-5a69-4072-9fc1-75ded3be2236">
+        <h6 id="43feb9ad-72ed-45da-a9f5-bfcece6fe3f3">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="7c9e656d-f432-41b4-85a7-3221719acabe">
+        <table class="table table-sm bg-light" id="10b1b9f0-c490-4564-b12d-14a9f3f02343">
          <thead>
           <tr>
            <th scope="col">
@@ -1932,11 +1932,11 @@ button = Button("Hello").py(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="067fdc96-fbe2-4ce2-9f38-74b3387b515a">
-        <h6 id="5fb50afa-5658-4f9c-a699-fde6101122bb">
+       <div class="ms-3 collapse" id="25f21fa3-9652-45be-832b-4df04bca6baf">
+        <h6 id="d17dd69d-4036-4a25-89e0-36fc010955d2">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="7fc1572c-ab4c-444d-bc77-e16eefa2ab7a">
+        <table class="table table-sm bg-light" id="ab3e175f-e1a7-4ead-b469-1c2ebce922c9">
          <thead>
           <tr>
            <th scope="col">
@@ -1969,11 +1969,11 @@ button = Button("Hello").py(3)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="bd5cf8b2-19dd-4aeb-bb60-3033b3d69adb">
-        <h6 id="6baf137d-9941-4ae4-b946-fe049c0af7e7">
+       <div class="ms-3" id="c63e3f2c-e740-4155-b7fb-e724a87b3523">
+        <h6 id="ebfe84a8-9bb7-4f4c-95c6-403130de4532">
          Example
         </h6>
-        <pre id="706f77df-30f5-4b16-9f30-5a10145f67f3"><code class="language-python">from bootwrap import Button
+        <pre id="754bc7f0-583d-4f1e-bd5c-5b9a17d786b5"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits ActionMixin.
 button = Button('Portfolio').add_menu(
@@ -1984,29 +1984,29 @@ button = Button('Portfolio').add_menu(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="a22c4ebb-d730-4b5b-8879-fb110cb2eb32">
-       <div class="d-flex justify-content-between" id="2a892940-737c-452e-91ef-7d799421e511">
-        <h4 id="08398550-298b-4b7e-ad06-4f6221df2b9f">
+      <div class="mt-5" id="e8424f44-7ce6-4fb1-a559-1fb46498de99">
+       <div class="d-flex justify-content-between" id="df0a2efc-8124-4008-bfdc-1a0d180fc5b5">
+        <h4 id="c6ecaa41-a3db-495e-9ffe-bd02bbf39fee">
          Method
-         <span class="text-primary" id="f95c6de0-68e9-4288-8485-cf590fd39220">
+         <span class="text-primary" id="a70a37fc-96fd-49b9-b884-5068bc41a325">
           dismiss
          </span>
         </h4>
-        <div id="93b6a916-453f-4694-bda4-1ac1980f4a13">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ad93fa42-b78e-4f0c-9895-27a1d00bab08" data-bs-toggle="collapse" id="e0bb896c-134e-464b-b101-52226b088a68" onclick="return false;" type="button">
+        <div id="a8412c9b-5080-4630-98b0-b916f4b2164b">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#6792635c-d616-4def-beb2-80ef10c88e92" data-bs-toggle="collapse" id="d6b36ce3-6730-4372-945e-519e061ed247" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="416f9b61-485f-4fb8-a808-5fcae6be050d">
+       <span class="text-muted" id="99ebdd26-5c5b-448f-9cba-c282dbaa941d">
         Performes a dismiss action.
        </span>
-       <pre id="661ae757-4f73-40b3-a9fc-c5c4f7773442"><code class="language-python">dismiss()</code></pre>
-       <div class="ms-3 collapse" id="ad93fa42-b78e-4f0c-9895-27a1d00bab08">
-        <h6 id="e36c6a6b-3725-4027-94b9-d2baafce521c">
+       <pre id="2df30951-f30e-4516-8c02-8591fd8bfb14"><code class="language-python">dismiss()</code></pre>
+       <div class="ms-3 collapse" id="6792635c-d616-4def-beb2-80ef10c88e92">
+        <h6 id="12707df2-7cf1-4719-9aad-33a52e3f725d">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="7dcb983c-46a9-4691-944c-0f340826b174">
+        <table class="table table-sm bg-light" id="96d2be4f-5a42-4d95-8bb0-e6e074bdc2e9">
          <thead>
           <tr>
            <th scope="col">
@@ -2039,11 +2039,11 @@ button = Button('Portfolio').add_menu(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d5be10a4-98b0-4f3e-b8aa-781b94f5abf9">
-        <h6 id="2a8edc2e-b5c5-4cf9-8a67-633a011d3a94">
+       <div class="ms-3" id="63a81df2-1a0a-4dd3-b460-036db715c3c1">
+        <h6 id="e8845857-5ec2-42d6-a89c-6a645ffdf650">
          Example
         </h6>
-        <pre id="42303dbc-ab57-47dd-b11b-b89e447c10f0"><code class="language-python">from bootwrap import Dialog, Button
+        <pre id="fb429ced-2b78-47c8-9b65-61ef0bb48ea6"><code class="language-python">from bootwrap import Dialog, Button
 
 # Note, that Button inherits ActionMixin.
 dialog = Dialog(
@@ -2053,32 +2053,32 @@ dialog = Dialog(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="6fb086c0-6866-4cdb-a8bb-5d2d6ab49a78">
-       <div class="d-flex justify-content-between" id="9cb9d63d-f18d-4aa1-b9c0-5fa50010b2ea">
-        <h4 id="95b88a37-4a1a-4db3-9656-2502ebd4f278">
+      <div class="mt-5" id="19eb3848-8490-494e-8ea0-97f4665fbe14">
+       <div class="d-flex justify-content-between" id="87c3ef2b-2917-444a-9748-f2478294950e">
+        <h4 id="887f3ea1-bc9c-4f84-9589-de554f0e5a0e">
          Method
-         <span class="text-primary" id="faed22f5-1d55-42de-b306-e57344e038ef">
+         <span class="text-primary" id="123dd205-730e-40cc-a399-4f2b90dad991">
           link
          </span>
         </h4>
-        <div id="ae5c9e36-5094-4fa9-b40c-e038d80171ae">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#128f6ca5-1732-4ee9-a22a-d7856bdbb367" data-bs-toggle="collapse" id="7e577955-5e9d-4b60-afe3-8017ddf8321e" onclick="return false;" type="button">
+        <div id="cb4146c6-3c1d-4f6c-a051-5fda6434b5f3">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f94bf329-b36e-487e-b3c0-4939d799c009" data-bs-toggle="collapse" id="031ebaaf-496f-4460-9dad-e70ea7ba9d18" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#38fa7669-aafa-4160-a3dd-117e18e39e74" data-bs-toggle="collapse" id="51db5895-dbec-4e63-9930-92be7204d938" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#7e908097-8700-4ea5-a961-92556559a40b" data-bs-toggle="collapse" id="fca31404-58b3-4160-ad9e-dac9896c2cc0" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8e2d0c29-3650-4a99-8103-1cc62bfcd06c">
+       <span class="text-muted" id="e6794762-f9ad-4076-8b81-d1308409f18c">
         Links to the web-resource.
        </span>
-       <pre id="a8541a82-5487-48ed-8b23-d9eefda2ab16"><code class="language-python">link(target)</code></pre>
-       <div class="ms-3 collapse" id="128f6ca5-1732-4ee9-a22a-d7856bdbb367">
-        <h6 id="ec78a292-93b0-4913-8606-73d28e02ba68">
+       <pre id="d24b89d5-a1af-4054-a02c-965f7e455a5c"><code class="language-python">link(target)</code></pre>
+       <div class="ms-3 collapse" id="f94bf329-b36e-487e-b3c0-4939d799c009">
+        <h6 id="91bfd0a5-ed00-40a4-b136-6efff56c9dbc">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="4cc35d26-79ca-4397-b39e-066b9a2c2bb2">
+        <table class="table table-sm bg-light" id="052c7cc3-c62b-45db-b999-998447b05adf">
          <thead>
           <tr>
            <th scope="col">
@@ -2116,11 +2116,11 @@ dialog = Dialog(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="38fa7669-aafa-4160-a3dd-117e18e39e74">
-        <h6 id="5077e9a5-87e1-4d01-9b02-dd816c980b3d">
+       <div class="ms-3 collapse" id="7e908097-8700-4ea5-a961-92556559a40b">
+        <h6 id="37efef44-da88-4cad-a86f-5795ce2000e4">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="a2f2702c-6f0c-4cda-8cd6-88d695c60399">
+        <table class="table table-sm bg-light" id="1d574078-6b07-4543-bfc1-8a7adc43d55c">
          <thead>
           <tr>
            <th scope="col">
@@ -2153,40 +2153,40 @@ dialog = Dialog(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="d3939613-bdc8-417f-8767-aa2783023e7f">
-        <h6 id="72224b59-be21-4ca2-a79a-40b83bf231ed">
+       <div class="ms-3" id="8e25122d-3293-47e1-bae6-bcc8f799ea3d">
+        <h6 id="d5634b2e-af9b-49b0-88dc-bd9035434815">
          Example
         </h6>
-        <pre id="f78f1f7d-507e-4423-a3a9-645661d74d38"><code class="language-python">from bootwrap import Button
+        <pre id="73e29576-fa60-429f-aa0e-4c2c5c24f136"><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="a22bef89-b718-40d4-843b-b593cbac51e9">
-       <div class="d-flex justify-content-between" id="18f38d95-5e7b-4091-99e7-7a51e1250fd9">
-        <h4 id="4a29062a-cbc7-4d77-8eb5-a2768da3750e">
+      <div class="mt-5" id="67010664-997e-411e-93f8-37bb9261483f">
+       <div class="d-flex justify-content-between" id="57758a64-f825-46ef-9b19-668fb3f5ba17">
+        <h4 id="c7ab1900-d338-40a1-9b91-9f96b6380897">
          Method
-         <span class="text-primary" id="b0952997-f27b-4f65-b198-109d12196e62">
+         <span class="text-primary" id="7d59c282-d5e2-4cca-8819-f00652b1eaa4">
           submit
          </span>
         </h4>
-        <div id="a750b938-bcc8-41ff-90d7-333d34ae1ffc">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#55e2b592-deeb-4ff7-abf4-b83aa47ad8d9" data-bs-toggle="collapse" id="2a7fc8ed-09f0-4998-8f34-715dd7473b56" onclick="return false;" type="button">
+        <div id="02037b59-2602-4af7-8bdd-438f56e7e709">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#6c5845a9-fe86-4bfb-944e-184e9c1202c1" data-bs-toggle="collapse" id="566c6a96-fdda-48f9-8e3f-7da016a59201" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="546a2dd9-a3c6-48aa-bece-6a00b58566bd">
+       <span class="text-muted" id="821b3a7a-41c1-4a52-a91d-af444014f506">
         Performes a submit action.
        </span>
-       <pre id="9a8bdbe0-6376-4420-bb0f-92c5306f2bcd"><code class="language-python">submit()</code></pre>
-       <div class="ms-3 collapse" id="55e2b592-deeb-4ff7-abf4-b83aa47ad8d9">
-        <h6 id="24c75cab-bc74-41f8-a584-9a58763ca675">
+       <pre id="c3b97a2a-1e27-4d20-b3a0-6b87b8b3f9e9"><code class="language-python">submit()</code></pre>
+       <div class="ms-3 collapse" id="6c5845a9-fe86-4bfb-944e-184e9c1202c1">
+        <h6 id="96aa4073-6bd8-493c-b986-c0efa23ef99b">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="d9fc8be6-fde6-43a9-b92c-325779c7be2b">
+        <table class="table table-sm bg-light" id="24ae7204-cf1c-42ea-9c8e-fe4f02dc6338">
          <thead>
           <tr>
            <th scope="col">
@@ -2219,11 +2219,11 @@ button = Button("Search").link("https://www.google.com")
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="9a77e3bc-ca1d-4cb0-b3a6-967fc463336e">
-        <h6 id="21073f9c-29e9-44e1-8f3a-495e5f0f3777">
+       <div class="ms-3" id="2eefe439-7c24-4d1e-bde3-3abfa4dba697">
+        <h6 id="7c3c88f4-9209-48c7-9595-4188f311c6a6">
          Example
         </h6>
-        <pre id="20016ba7-7ed7-4627-9ac6-a26fe7a295be"><code class="language-python">from bootwrap import Form, Button
+        <pre id="56245d76-9854-4b4b-a9ed-c54894f84273"><code class="language-python">from bootwrap import Form, Button
 
 # Note, that Button inherits ActionMixin.
 form = Form(
@@ -2233,32 +2233,32 @@ form = Form(
 </code></pre>
        </div>
       </div>
-      <div class="mt-5" id="6c6c38df-11ce-45c2-9b15-db6759883942">
-       <div class="d-flex justify-content-between" id="6bcc47f2-6cb7-492c-b6ad-21caa2c6a754">
-        <h4 id="aa0814ef-c4e8-4c6f-96b8-36f94000e563">
+      <div class="mt-5" id="7f619e87-5e90-4088-ab43-494ec42f0a70">
+       <div class="d-flex justify-content-between" id="ce356bf6-ee6e-46b5-8bf7-f18924ddff68">
+        <h4 id="fce50ca2-154e-443c-b834-deab9d33203c">
          Method
-         <span class="text-primary" id="2f976577-599a-429a-ba7c-a3cbbda3fb61">
+         <span class="text-primary" id="6b245852-95b1-4402-acd4-09493a4746a7">
           toggle
          </span>
         </h4>
-        <div id="8a85844a-0b2c-4f77-a5ac-7946877d17d8">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3b96273f-1da5-4e81-a87f-80b360243c25" data-bs-toggle="collapse" id="7db83c4a-af9e-4ac3-bbc8-7dc469d23945" onclick="return false;" type="button">
+        <div id="8ba237bb-7e6b-4705-b540-1c1b68e48bec">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#899d114a-50d1-4885-8f85-3bd958da76a5" data-bs-toggle="collapse" id="ac0a4c7e-c802-4b2a-b2e5-dd2116a4de48" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#28b2519e-4e16-41df-8dd7-7eb275679282" data-bs-toggle="collapse" id="cec2e36c-38fc-4daa-8462-f17c5ae9e26e" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#a2534b91-d098-40fa-968e-0aed21e8358a" data-bs-toggle="collapse" id="9a7140dd-17dd-41f2-a043-4ff8b8c26161" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="eaf704e4-a1db-41e9-bc55-cbae1ab45623">
+       <span class="text-muted" id="b4316a7d-3ca1-4443-963b-0a674f042b7d">
         Toggles an other web component.
        </span>
-       <pre id="6909b95e-647a-45eb-ac06-1ea616f5bb77"><code class="language-python">toggle(target)</code></pre>
-       <div class="ms-3 collapse" id="3b96273f-1da5-4e81-a87f-80b360243c25">
-        <h6 id="bf43bf7c-ce6e-4944-8327-00d5f1b42126">
+       <pre id="3ad3dfc1-3dd7-42e7-a035-6ecc1cfa26c8"><code class="language-python">toggle(target)</code></pre>
+       <div class="ms-3 collapse" id="899d114a-50d1-4885-8f85-3bd958da76a5">
+        <h6 id="0177baaf-61ad-4342-a7db-d2d7dd1ced50">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="194f6805-b105-4a15-8e54-e84cf4d9cd2a">
+        <table class="table table-sm bg-light" id="22053769-9bf2-4b4e-ae6f-e49481a43860">
          <thead>
           <tr>
            <th scope="col">
@@ -2291,11 +2291,11 @@ form = Form(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="28b2519e-4e16-41df-8dd7-7eb275679282">
-        <h6 id="ef26bb40-b601-4d74-844e-5f2060467a00">
+       <div class="ms-3 collapse" id="a2534b91-d098-40fa-968e-0aed21e8358a">
+        <h6 id="58157249-a0f4-4a19-b52e-35168fd7c694">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="c594617c-117c-4c13-90d4-6b611be9c5f9">
+        <table class="table table-sm bg-light" id="35647b7e-c5f8-4501-bfe8-5e8fbba93921">
          <thead>
           <tr>
            <th scope="col">
@@ -2328,11 +2328,11 @@ form = Form(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="002b97c9-f88b-4f2a-bb7e-7b58d63d2d78">
-        <h6 id="991bed74-8910-4c85-a454-fb48e4a6645b">
+       <div class="ms-3" id="5682af65-2593-474b-b96a-1130b36e6f78">
+        <h6 id="ebf996f8-80b0-4e7b-8e5a-61d53523ccb7">
          Example
         </h6>
-        <pre id="bdb13dd6-17fd-4716-b243-ae573dadabcb"><code class="language-python">from bootwrap import Button, Dialog
+        <pre id="2fa9e47c-5bc0-4271-9c03-6af4e9ab7e65"><code class="language-python">from bootwrap import Button, Dialog
 
 # Note, that Button inherits ActionMixin.
 dialog = Dialog(...)
@@ -2342,46 +2342,46 @@ button = Button("Open").toggle(dialog)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="b04dacfd-a3e4-48d5-80f8-b0cc34a4d160">
-     <div class="mt-5" id="c110c180-0200-4d9e-b5ee-25ec03bb325f">
-      <div class="d-flex justify-content-between" id="3aab9641-0fc6-45cf-8ce0-8714f959b309">
-       <h1 id="e9a534bc-5025-4e29-84a7-a99174c22d66">
+    <div class="tab-pane fade" id="caef63e3-63ff-47b0-92e5-edc4931760e7">
+     <div class="mt-5" id="9acaf25a-5ca0-438c-945e-c43316aae709">
+      <div class="d-flex justify-content-between" id="c7c1a2b5-fb68-42ca-9ab1-75ce0b13ea66">
+       <h1 id="7f6c6c6a-2ea5-4a0c-86f9-9ff02c387d76">
         Class
-        <span class="text-primary" id="2ce26887-8c89-471d-9cb3-0a31c002e93e">
+        <span class="text-primary" id="1a0c8089-d9b5-48d0-b65a-953b3731dc26">
          AppearanceMixin
         </span>
        </h1>
-       <div id="556a696b-341b-40ef-84e5-4cedb7b8d8c6">
+       <div id="92435965-d0ec-48a5-a6cf-a0f530869e4b">
        </div>
       </div>
-      <span class="text-muted" id="ed2b2200-3c48-4bae-a8b0-360b1265b75f">
+      <span class="text-muted" id="23055741-d00b-407d-978b-0e8a261919dd">
        Mixin for a web component which appearance can be associated
     with predefined categories.
       </span>
-      <pre id="1f1048d7-2bfb-4466-ba70-a68656c06515"><code class="language-python">AppearanceMixin()</code></pre>
-      <div class="mt-5" id="294df27e-d864-4663-baf3-d4b6616ae77d">
-       <div class="d-flex justify-content-between" id="b1db1e3d-5ed6-44a2-8260-413ba222e06a">
-        <h4 id="f50b6fcd-f4cb-47e0-bf6d-095b45938b07">
+      <pre id="ab1a93be-378e-4584-b7ec-d1e38a0a577c"><code class="language-python">AppearanceMixin()</code></pre>
+      <div class="mt-5" id="5fa3f413-59dc-4e45-86a1-dc34969e86cb">
+       <div class="d-flex justify-content-between" id="380d8313-3388-4b79-9c6f-5b1a85626493">
+        <h4 id="36099f6a-3c02-466d-9c36-492d99db4ddb">
          Method
-         <span class="text-primary" id="2f61cad4-69c2-4e54-9f8f-e1fb8d433dc0">
+         <span class="text-primary" id="18a154ff-adae-4aea-afab-97378f1ef5bf">
           as_danger
          </span>
         </h4>
-        <div id="f37a8404-1207-4df8-89c9-a6a23e2751dd">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#fa1a5b6d-c625-49a6-b962-2c894af175de" data-bs-toggle="collapse" id="ae0453e3-ce21-4f31-83e5-86184160d516" onclick="return false;" type="button">
+        <div id="a971bbef-ff4d-4d39-a15c-366547e52e25">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#c0355111-3bb3-4df7-b0a4-e987f0966e0d" data-bs-toggle="collapse" id="9ef80d7b-085b-4c91-933f-43d19ba08893" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="7c10ad4b-a1f7-433a-ac40-bdcb666023ce">
+       <span class="text-muted" id="a607d814-3af9-492f-947a-4b557d76e6f8">
         Makes the 'danger' look to a web components.
        </span>
-       <pre id="b664fad0-fab9-43ff-a10e-1295aff818dc"><code class="language-python">as_danger()</code></pre>
-       <div class="ms-3 collapse" id="fa1a5b6d-c625-49a6-b962-2c894af175de">
-        <h6 id="685b66b1-8a9e-4b80-957a-2178b02a16cc">
+       <pre id="38fe4493-7ce2-4a04-b56a-7dbc88d27955"><code class="language-python">as_danger()</code></pre>
+       <div class="ms-3 collapse" id="c0355111-3bb3-4df7-b0a4-e987f0966e0d">
+        <h6 id="8ddaf439-314f-47ae-b571-b7e2e7061928">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="d4ab6d7b-15c6-4465-99a7-41c2862ad5fb">
+        <table class="table table-sm bg-light" id="e50f0192-5306-4e46-ba69-8347ec39547a">
          <thead>
           <tr>
            <th scope="col">
@@ -2414,40 +2414,40 @@ button = Button("Open").toggle(dialog)
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="cce13b3b-fbc3-40de-ba7e-15a50ae768f8">
-        <h6 id="50a818a3-9e75-4b6f-92b8-f348d8cd1e96">
+       <div class="ms-3" id="1e1df157-de80-40e8-b110-bb3e734e49e7">
+        <h6 id="da48a6df-2886-481a-b079-f952c40e8363">
          Example
         </h6>
-        <pre id="1ec8227a-c078-48b5-b841-35860fbeb18a"><code class="language-python">from bootwrap import Button
+        <pre id="efa4b433-22b3-4072-babb-18e1c54775df"><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="c49cadf3-2915-47f0-a2a8-af6850a9f3c3">
-       <div class="d-flex justify-content-between" id="a2faac54-8811-49b5-98a6-8ca59b182400">
-        <h4 id="2b889df2-fb68-4081-87bc-34fd8f0b9284">
+      <div class="mt-5" id="21d122e8-86b8-4f7b-a3d9-b405b9b1a43c">
+       <div class="d-flex justify-content-between" id="9427c49c-7528-48a3-a9dd-8ce218051280">
+        <h4 id="de0c472a-9872-4e0c-ad4d-c68ef8b6f48b">
          Method
-         <span class="text-primary" id="69e2906d-cf70-4970-9f3a-8d291eeb6cb1">
+         <span class="text-primary" id="70c8834a-e023-49c7-a917-da06a411270d">
           as_dark
          </span>
         </h4>
-        <div id="143bdd3a-0ab9-4a6f-84b5-72a352fce19c">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2c2835fa-b4df-4db9-a6f7-b1aed9ab88e9" data-bs-toggle="collapse" id="81a8be9e-b9e4-4e18-bf8f-c94c0f2d28ee" onclick="return false;" type="button">
+        <div id="ec00d27b-5368-475a-b452-f7942bc614d9">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8dc020ca-2547-419b-be43-f06b95f25204" data-bs-toggle="collapse" id="cbd895d4-2463-40fa-a1c4-14d4a0209260" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="f659e47c-ea19-4474-adfb-9bff7a1dc4b4">
+       <span class="text-muted" id="5d2e100f-e795-4df7-9950-c56a607beabf">
         Makes the 'dark' look to a web components.
        </span>
-       <pre id="77d3e680-62db-4a05-9fc0-aedf61a5d771"><code class="language-python">as_dark()</code></pre>
-       <div class="ms-3 collapse" id="2c2835fa-b4df-4db9-a6f7-b1aed9ab88e9">
-        <h6 id="68297763-9742-43b4-897d-1d66f6a31484">
+       <pre id="02cdd443-494b-4b91-af71-7521ff59a27b"><code class="language-python">as_dark()</code></pre>
+       <div class="ms-3 collapse" id="8dc020ca-2547-419b-be43-f06b95f25204">
+        <h6 id="a3716e6f-9ff8-4393-8d27-fa0a9f93ca90">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="74cd118f-d7b2-422f-9f3b-c83ff3b1c156">
+        <table class="table table-sm bg-light" id="8a755e7a-bdf3-4b5b-83b4-8d66f6d860fb">
          <thead>
           <tr>
            <th scope="col">
@@ -2480,40 +2480,40 @@ button = ("Danger").as_danger()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="83feb43c-74e0-4de4-ae49-4d9d97be4527">
-        <h6 id="84a9bac2-e70c-45c0-b504-efd6ca160338">
+       <div class="ms-3" id="e73e61a4-c1af-4590-bb92-2feaa5af1802">
+        <h6 id="64e03396-fe2d-40df-b876-671828501d0f">
          Example
         </h6>
-        <pre id="9eeaf347-33e4-4409-b8f2-afa6f5f9040d"><code class="language-python">from bootwrap import Button
+        <pre id="4aebe674-d81d-48e9-ab1a-bf8a11be9a2e"><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="f5eaeaa5-797c-4038-8a5c-76f331a3fde9">
-       <div class="d-flex justify-content-between" id="67a4aa93-1c4d-4ef9-8fe9-5247f9c01d51">
-        <h4 id="f092dee7-9c07-47d2-b914-a8af4d05b678">
+      <div class="mt-5" id="db6a564b-1184-4053-9bcb-2bcb385bb052">
+       <div class="d-flex justify-content-between" id="7118ab5a-bedd-41fa-815f-f2c06eb1cf6d">
+        <h4 id="b4a9a10c-24ea-43bd-a12f-dbfe17a93270">
          Method
-         <span class="text-primary" id="9cb43eb8-8c07-4ecd-89c2-c4b3397632a9">
+         <span class="text-primary" id="e9444287-4620-45ad-b4ac-73b2c2d248fa">
           as_info
          </span>
         </h4>
-        <div id="774a4727-9086-4c41-b3aa-c19324db10f3">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#35276de5-c4b9-4bc0-9464-541d6b6cf7a9" data-bs-toggle="collapse" id="24922137-f660-419e-9c8b-757971676615" onclick="return false;" type="button">
+        <div id="90b40933-282d-4df8-8730-5e71f2ad82be">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#75a21498-8a92-4b2b-aa3f-9a4e7fb0de54" data-bs-toggle="collapse" id="12d1637a-1421-4b6c-8d75-3806027229ae" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="2c270b83-e5a8-4d22-ac47-6ed2005b3a1f">
+       <span class="text-muted" id="1a16aef5-bb63-480c-8d5c-c39fb5f3272b">
         Makes the 'info' look to a web components.
        </span>
-       <pre id="44b4c10a-0852-49c9-b004-ed45c7cebf5b"><code class="language-python">as_info()</code></pre>
-       <div class="ms-3 collapse" id="35276de5-c4b9-4bc0-9464-541d6b6cf7a9">
-        <h6 id="0ee16bf6-1d6e-4b41-915e-01912fa71904">
+       <pre id="bc68b79d-7411-4fa0-b148-7b02405ba574"><code class="language-python">as_info()</code></pre>
+       <div class="ms-3 collapse" id="75a21498-8a92-4b2b-aa3f-9a4e7fb0de54">
+        <h6 id="3b737ebd-d66d-4224-96ae-ee5f2abb3a5c">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="3ff4763a-4ff7-4546-8d99-56667526c955">
+        <table class="table table-sm bg-light" id="72ebe7f0-037d-4581-968e-b0e60d18ea4b">
          <thead>
           <tr>
            <th scope="col">
@@ -2546,40 +2546,40 @@ button = ("Dark").as_dark()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="b520150b-7c6b-4449-a5b7-9016b0b9f1cb">
-        <h6 id="5f526092-b655-41ae-a534-b50e067b3474">
+       <div class="ms-3" id="31f5935e-3542-46c4-8a37-7c4d4b4d0114">
+        <h6 id="66c7dfb2-f487-48ed-a49a-9693d5f889ff">
          Example
         </h6>
-        <pre id="fb2f9ff6-100a-4d02-bd42-0adb7d2a8d54"><code class="language-python">from bootwrap import Button
+        <pre id="53eda0c0-38d8-4208-8536-e49d399891f5"><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="8ee8c15f-433f-4b5b-9c70-d3d6a3f7c33a">
-       <div class="d-flex justify-content-between" id="5c183afc-b7cf-4378-8e15-856c14afb211">
-        <h4 id="40f80461-b274-4d62-a2fe-9dd15862502f">
+      <div class="mt-5" id="cce741e4-cb77-4eda-838f-4f63472e8782">
+       <div class="d-flex justify-content-between" id="6488e8da-4d42-4a50-911b-ab66849c97a7">
+        <h4 id="55fb203d-f860-46a4-a9dd-06bb5490507a">
          Method
-         <span class="text-primary" id="16db6514-fb12-4af4-9174-21cb738a7087">
+         <span class="text-primary" id="d364023e-aa0c-4fc4-aa06-58a382b230ee">
           as_light
          </span>
         </h4>
-        <div id="0d598385-32f0-4ab4-bf5f-ab0d9ac42f3c">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#78c1f3d8-9061-4265-9f80-73c6c140aed9" data-bs-toggle="collapse" id="d3a2d60f-00d1-4c48-8e44-f791e96f1bd5" onclick="return false;" type="button">
+        <div id="9be3a6f3-b40f-4b81-8060-e54a41bafdf1">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#3b37e820-923e-40b1-be67-8163ea3e8204" data-bs-toggle="collapse" id="8658f820-0925-4167-bbb3-05a84d62f36f" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="daf17502-e96d-40dd-9977-070bdad93b7e">
+       <span class="text-muted" id="65626e4b-c9aa-4d52-a383-81fd514e72db">
         Makes the 'light' look to a web components.
        </span>
-       <pre id="5af8f13b-57f3-4976-bfe4-5bac25217bf3"><code class="language-python">as_light()</code></pre>
-       <div class="ms-3 collapse" id="78c1f3d8-9061-4265-9f80-73c6c140aed9">
-        <h6 id="8884bdb9-40ce-4bd5-8f0a-1017a28ca5a9">
+       <pre id="49488466-e9f6-46fc-a29a-c7d3b4ddd1d1"><code class="language-python">as_light()</code></pre>
+       <div class="ms-3 collapse" id="3b37e820-923e-40b1-be67-8163ea3e8204">
+        <h6 id="82dd1a15-3590-4b3d-9961-54066e43b8c3">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="a73ddc12-a0ba-4da3-bf96-04aa75857fc9">
+        <table class="table table-sm bg-light" id="229de7d7-1fca-47f5-8c55-6fa5a6d9ff01">
          <thead>
           <tr>
            <th scope="col">
@@ -2612,40 +2612,40 @@ button = ("Info").as_info()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="2ec73fa3-e344-4271-8021-46e343cd3758">
-        <h6 id="b913a2c7-5259-459e-93c5-66ec166eaadf">
+       <div class="ms-3" id="7eccbf24-7985-4c1a-844c-9014ab20f8ee">
+        <h6 id="fdc6c109-cff1-48f2-9198-ee166bcfbdfa">
          Example
         </h6>
-        <pre id="ddc9181b-3e90-4b3c-90bf-c0d1b64709ab"><code class="language-python">from bootwrap import Button
+        <pre id="a3730fd8-e317-4f54-b09e-685802f0c20d"><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="2562c186-e0c1-453b-9688-94b8175acf10">
-       <div class="d-flex justify-content-between" id="2f644856-0071-47e4-8c2f-6079667609b9">
-        <h4 id="d1f44fd3-20ad-43d7-88b8-86ba1a82ded7">
+      <div class="mt-5" id="7373b6de-b609-4202-870a-2791ac228e89">
+       <div class="d-flex justify-content-between" id="e44af611-ca6d-436d-b354-5c558661547b">
+        <h4 id="cd16d538-6c0a-4ffa-87a1-ab5a706e3ab9">
          Method
-         <span class="text-primary" id="7c868cca-aabb-452f-b328-674296278eb9">
+         <span class="text-primary" id="909ef781-68c9-4f42-aacd-cabcc0631437">
           as_primary
          </span>
         </h4>
-        <div id="abb6c997-5474-4fc0-89a9-0e25d0823a50">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#fe87c91e-ffa5-4bca-974d-3eba7b7ae1e8" data-bs-toggle="collapse" id="4ca097ec-c5b2-49c7-8cc0-2ac7d0e570fc" onclick="return false;" type="button">
+        <div id="20f41e00-5972-497b-b36c-9cf74f2dcce9">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2758dda6-65d4-4ed1-9537-1f9af08e3d5a" data-bs-toggle="collapse" id="197d0c45-6318-466d-b3f6-b7fe20c07f0e" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="340ef0d6-9862-4b58-9edc-915041f64374">
+       <span class="text-muted" id="40a03a8a-6845-429b-a65c-882dde28da2e">
         Makes the 'primary' look to a web components.
        </span>
-       <pre id="16b02291-6c34-4d13-9fd1-f8d0a6d86bdc"><code class="language-python">as_primary()</code></pre>
-       <div class="ms-3 collapse" id="fe87c91e-ffa5-4bca-974d-3eba7b7ae1e8">
-        <h6 id="f5e84d2e-55e5-4639-a44d-cbe884e51259">
+       <pre id="b52f0786-fbed-42a8-9298-8b1e912d9a65"><code class="language-python">as_primary()</code></pre>
+       <div class="ms-3 collapse" id="2758dda6-65d4-4ed1-9537-1f9af08e3d5a">
+        <h6 id="ba6ee8aa-cac0-46ae-8f50-74436bd83144">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="5db88bd0-1e9f-4138-bb30-6a0d9a338294">
+        <table class="table table-sm bg-light" id="2b93eb61-f206-47ce-8ec9-dbb721a3dcb6">
          <thead>
           <tr>
            <th scope="col">
@@ -2678,40 +2678,40 @@ button = ("Light").as_light()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f15d4139-516d-4429-9339-8e16e7732299">
-        <h6 id="8b38d1f5-646b-4a3d-9756-3db4dd8b4210">
+       <div class="ms-3" id="b62054e3-e957-4b12-98cd-5fe95767e00e">
+        <h6 id="82172058-8f40-44fd-9fd2-68296bee6d3e">
          Example
         </h6>
-        <pre id="d5c42303-840b-4d32-9074-70d1d76a5359"><code class="language-python">from bootwrap import Button
+        <pre id="bc62052e-2280-4ea8-ba33-58cee665c2c3"><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="a5ac104a-cf19-4387-82f9-b2634b875220">
-       <div class="d-flex justify-content-between" id="5de884ee-d5e8-47b6-8277-eecf8b98712e">
-        <h4 id="f6fd1c65-e854-4537-979e-2afbd42985dd">
+      <div class="mt-5" id="e9acd817-1ec9-4667-a4f3-a4ad5f3cf35c">
+       <div class="d-flex justify-content-between" id="0f139b88-96f7-4682-9ea2-53741384fb1c">
+        <h4 id="10f3fae2-b31a-46d7-b722-5a1c31006e78">
          Method
-         <span class="text-primary" id="39511d5c-a75a-45ef-bbdf-c0f9bfe7f7cc">
+         <span class="text-primary" id="ed40f685-0dc1-4a33-8b98-417b1f956015">
           as_secondary
          </span>
         </h4>
-        <div id="7d1a5898-1f7c-44a5-8595-5c9d3c522640">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#33807524-7e97-4e06-a4b4-2f40bc815106" data-bs-toggle="collapse" id="e26c518c-fa28-4390-b49e-4d6adb11bcc9" onclick="return false;" type="button">
+        <div id="44bab2be-99cc-4845-b920-2b1e81264e55">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#52af7d5a-55d5-4a85-baef-10e5bf76352f" data-bs-toggle="collapse" id="73ffb9f2-8f8e-4be7-8f0c-9ac873b7e5bc" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="9fd83f64-77c5-4e3a-83b4-31603fe6050d">
+       <span class="text-muted" id="fe347a6e-514c-425c-a0d5-a98c9fee62c3">
         Makes the 'secondary' look to a web components.
        </span>
-       <pre id="dc223599-5033-487e-bb2b-4e3fa49529c1"><code class="language-python">as_secondary()</code></pre>
-       <div class="ms-3 collapse" id="33807524-7e97-4e06-a4b4-2f40bc815106">
-        <h6 id="583d63b7-a869-4810-8802-f9134ffffb65">
+       <pre id="188356c3-ee7c-446e-9fdf-61f69af44aaf"><code class="language-python">as_secondary()</code></pre>
+       <div class="ms-3 collapse" id="52af7d5a-55d5-4a85-baef-10e5bf76352f">
+        <h6 id="abe5c73f-2724-4348-be7a-4ca1dcf57d48">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="a9b151ff-e13f-4451-b9cb-369bb4b1b793">
+        <table class="table table-sm bg-light" id="68b99327-9189-4056-a88d-b983d5376262">
          <thead>
           <tr>
            <th scope="col">
@@ -2744,40 +2744,40 @@ button = ("Primary").as_primary()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="786de559-c4f4-4dd4-88fb-900301b90f72">
-        <h6 id="01d73cd9-a061-4032-bd8c-d6f8c12788ab">
+       <div class="ms-3" id="09958bf0-623a-44df-a293-d783bda87a3b">
+        <h6 id="7704095b-545a-4b74-bd61-713bad241ccf">
          Example
         </h6>
-        <pre id="f84814fc-1dba-42d7-823a-562b2025e7ae"><code class="language-python">from bootwrap import Button
+        <pre id="23e016e1-0b19-4c30-b6b5-f71ff813f0b3"><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="992de6d0-ea1a-4bd6-913e-dd8caec0d6ee">
-       <div class="d-flex justify-content-between" id="b4068f5b-30ea-4b6f-a05f-e9a019758216">
-        <h4 id="bbec004f-e1e2-40da-a9e1-f825f75271a0">
+      <div class="mt-5" id="c44fea69-6f78-4016-bad6-2ebf85e7a053">
+       <div class="d-flex justify-content-between" id="31df2a32-8c2c-4ba4-841d-41f7c0882ebf">
+        <h4 id="69d450b2-1ad2-41b3-b225-1916cf0936e1">
          Method
-         <span class="text-primary" id="fce1ef5e-5716-4f9a-93c3-ce8920af4625">
+         <span class="text-primary" id="3c58ee2e-6365-4922-ae25-0ec4b1aeb3fe">
           as_success
          </span>
         </h4>
-        <div id="8c8f12c4-ce3f-47cf-81c6-35db052148dd">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2e112811-ac58-4752-9205-90b3b1c94c21" data-bs-toggle="collapse" id="fe746284-0118-42cb-8442-0332213c07d1" onclick="return false;" type="button">
+        <div id="b0c1c753-daae-44ba-86fb-f081dfc5c78f">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#9101f9e9-b18b-46d5-9c38-94341dabe7b0" data-bs-toggle="collapse" id="d9574889-1800-476e-a98b-ad1f7f90e592" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="8765d1a6-c562-4d56-853a-0ec9a2492a0f">
+       <span class="text-muted" id="412d70b5-9349-43d9-8bd6-7cc8f65ec1b3">
         Makes the 'success' look to a web components.
        </span>
-       <pre id="54dc7846-1650-4b09-88b1-2e4995bab6f7"><code class="language-python">as_success()</code></pre>
-       <div class="ms-3 collapse" id="2e112811-ac58-4752-9205-90b3b1c94c21">
-        <h6 id="005ebd40-8b39-4797-8572-c144b06f7c26">
+       <pre id="b641ac90-8515-4145-8263-0d616aaa4e1f"><code class="language-python">as_success()</code></pre>
+       <div class="ms-3 collapse" id="9101f9e9-b18b-46d5-9c38-94341dabe7b0">
+        <h6 id="d62cdfef-bd0b-4c63-bf98-b203abff7a23">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="8b33c7f0-69d7-4868-ac6d-f5833f115a1a">
+        <table class="table table-sm bg-light" id="669ce099-6787-4278-a5b3-d2d8b92bd43d">
          <thead>
           <tr>
            <th scope="col">
@@ -2810,40 +2810,40 @@ button = ("Secondary").as_secondary()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f455655e-b68b-4efc-b875-262b7f16313e">
-        <h6 id="c0baf509-d182-4424-8455-3c7bc82a3440">
+       <div class="ms-3" id="1a350a84-4730-423e-8557-7318cba447d7">
+        <h6 id="b6e1e1ce-1ad2-4974-8e36-fef9bf89ad0e">
          Example
         </h6>
-        <pre id="fb76b809-1748-4ea5-86ac-e2ea49747a68"><code class="language-python">from bootwrap import Button
+        <pre id="3de3b616-c9b8-400f-9b15-f1435aa22e51"><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="3ef005aa-18b2-4f19-86a4-80c93e7c965e">
-       <div class="d-flex justify-content-between" id="dc010979-9855-40dc-894e-852c96a48669">
-        <h4 id="be8e759b-c986-476d-90e0-7df0171a927a">
+      <div class="mt-5" id="721fe5ca-8f51-479f-9acd-5e273c0f3053">
+       <div class="d-flex justify-content-between" id="b633c9b6-f07e-4891-bc15-1a44535a48ba">
+        <h4 id="e7115865-8c53-4cb6-a065-bb8f0470bf66">
          Method
-         <span class="text-primary" id="947dc23a-0a5a-4fcd-90af-072ced5ebdc1">
+         <span class="text-primary" id="fed3e499-8de1-4400-9b34-1e554e2edad6">
           as_warning
          </span>
         </h4>
-        <div id="dc2037d6-c5c1-4052-a207-ba0edeb56189">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#68976cf3-2133-4b1e-b8ee-3e1025b443c1" data-bs-toggle="collapse" id="df04417e-24f2-4e28-8ac5-4f8590d13093" onclick="return false;" type="button">
+        <div id="4e7e8435-4cec-4e4e-909a-1aad9113118a">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#84588504-32e3-4435-8483-3e52531d0aaf" data-bs-toggle="collapse" id="7828aaa3-ae9f-4d74-95fe-7d78a6e6bb39" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="473b2088-f707-4368-9203-2483b2b052da">
+       <span class="text-muted" id="6b3a3a49-8020-41c3-922c-054c1a18805b">
         Makes the 'warning' look to a web components.
        </span>
-       <pre id="568ecc22-3300-4525-8781-4efaa6317e6c"><code class="language-python">as_warning()</code></pre>
-       <div class="ms-3 collapse" id="68976cf3-2133-4b1e-b8ee-3e1025b443c1">
-        <h6 id="3b943675-9af0-47a7-9570-e089d41d9013">
+       <pre id="ba17d22b-482c-460f-8821-7c03bdd86e15"><code class="language-python">as_warning()</code></pre>
+       <div class="ms-3 collapse" id="84588504-32e3-4435-8483-3e52531d0aaf">
+        <h6 id="10c6c564-3bc5-444b-9be2-ca77577a3be7">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="94d2bb82-dc57-4a1d-b9fe-6878ea23e523">
+        <table class="table table-sm bg-light" id="bbcc9751-4d8a-4c71-80eb-3b063f2c6552">
          <thead>
           <tr>
            <th scope="col">
@@ -2876,11 +2876,11 @@ button = ("Success").as_success()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="1bbd0279-634c-4c1f-ba3b-5f04c2f0b391">
-        <h6 id="acbb506a-2b89-4779-bc44-60947cf841de">
+       <div class="ms-3" id="9922e0a3-de91-4024-9375-7fb0dc614e62">
+        <h6 id="0aa6b429-1600-433e-8a15-22677a226762">
          Example
         </h6>
-        <pre id="d4984cde-0fea-4339-9a23-a02bd970f6c7"><code class="language-python">from bootwrap import Button
+        <pre id="ac574fa9-fd1a-4d30-b003-b9753076bb6c"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Warning").as_warning()
@@ -2889,23 +2889,23 @@ button = ("Warning").as_warning()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="681c59cf-8ec8-45ad-aab5-8a82ec0b31b4">
-     <div class="mt-5" id="0ff6dd0f-a383-4277-be11-198955cc2adf">
-      <div class="d-flex justify-content-between" id="3da37182-43b0-4eea-8388-627dfcb8aa4d">
-       <h1 id="943ac6ba-c209-42f9-a77e-4dd9d811c3ac">
+    <div class="tab-pane fade" id="5b2efc73-c5b4-42db-9ffd-1de18bc803c5">
+     <div class="mt-5" id="d5cbb5b9-9c11-4413-a9af-11e5c1cf8e32">
+      <div class="d-flex justify-content-between" id="b7ca6e80-a349-486b-b021-791487665a3c">
+       <h1 id="83d4945d-d370-41aa-a8e0-a295cb3dc30b">
         Class
-        <span class="text-primary" id="e92b3f7a-f1a6-4266-a17b-2998bc26158b">
+        <span class="text-primary" id="5ab3c331-a31d-49f7-89dc-013675096b83">
          OutlineMixin
         </span>
        </h1>
-       <div id="9187cc3b-86a5-415d-b5b7-47b1b6c0f9ae">
+       <div id="398116e6-4700-47c0-bc24-38c8ba85ce66">
        </div>
       </div>
-      <span class="text-muted" id="a748d47e-ef24-4f8d-bc1a-e67e55be2b18">
+      <span class="text-muted" id="6586b6f0-23a1-46c7-be89-44ce8e8c99fa">
        Mixin for a web component that can be surrounded by a border.
       </span>
-      <pre id="51362ef0-3061-4536-8838-01cc16090cde"><code class="language-python">OutlineMixin()</code></pre>
-      <p id="18169cf6-c74c-4e95-a6fa-ff5442751f18">
+      <pre id="7d641a43-72b3-401b-903e-405937b93b2c"><code class="language-python">OutlineMixin()</code></pre>
+      <p id="9cffadb1-73c9-45ef-8700-b58be6a62b6e">
        Usually
        <code>
         OutlineMixin
@@ -2917,29 +2917,29 @@ button = ("Warning").as_warning()
        to
     specify the border appearance.
       </p>
-      <div class="mt-5" id="27c2f941-7f06-4c2d-acc4-57622db1e155">
-       <div class="d-flex justify-content-between" id="eb5584a1-a7e3-406a-a6d3-5584b2a8eb0d">
-        <h4 id="2f5c303b-8439-4c75-9652-1a5995d75974">
+      <div class="mt-5" id="4165707e-5dd2-48ab-b4e3-6c360fa06582">
+       <div class="d-flex justify-content-between" id="0ca1cca9-42a4-49fa-b329-40a51f49f838">
+        <h4 id="f3884cf0-9a41-4393-a15a-eac301bc00f0">
          Method
-         <span class="text-primary" id="818ca222-b501-4369-bf6f-d32f0e353ed7">
+         <span class="text-primary" id="f7bfefa5-1cd8-4498-92b8-25c66d2ba0c9">
           as_outline
          </span>
         </h4>
-        <div id="7db9e4d6-b3f5-47ff-be3f-4f0e09cb6ee6">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#0b75e13c-6cfe-4cb0-8890-0b2779bf1ac2" data-bs-toggle="collapse" id="90cb235c-4476-4413-b817-706eb064b0b4" onclick="return false;" type="button">
+        <div id="5ec742bb-ba23-4127-8700-edab7658db44">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#56876c02-c003-4c31-907a-25ba64af8502" data-bs-toggle="collapse" id="ec0c6329-cbc2-4f2a-9f12-828dc5eb385c" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="f84e32e2-bf5a-4dea-8598-cf05f07f0b95">
+       <span class="text-muted" id="01c22482-2942-49cc-8256-bef88d83e213">
         Makes the web component surrounded by a border.
        </span>
-       <pre id="157f8e09-bc9c-4a28-ba66-a0cf22654678"><code class="language-python">as_outline()</code></pre>
-       <div class="ms-3 collapse" id="0b75e13c-6cfe-4cb0-8890-0b2779bf1ac2">
-        <h6 id="5cd05e91-20e2-4da1-a2b7-f61ec040c432">
+       <pre id="e9e6d4a7-9be3-42bc-a083-ecc6700cbee6"><code class="language-python">as_outline()</code></pre>
+       <div class="ms-3 collapse" id="56876c02-c003-4c31-907a-25ba64af8502">
+        <h6 id="7dd7e828-e5dd-4be0-8050-7324f32ec213">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="5f4859c0-32be-4e4f-865e-d791c501b77a">
+        <table class="table table-sm bg-light" id="ce210ec3-26ef-4359-8643-fe3102adf429">
          <thead>
           <tr>
            <th scope="col">
@@ -2972,11 +2972,11 @@ button = ("Warning").as_warning()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="4e5d0c13-15d2-44ad-9aea-173caf88519e">
-        <h6 id="db04c073-b29e-4ecc-9f1f-17e1e2b7adf5">
+       <div class="ms-3" id="88188a05-2f10-4425-a992-2a550b4f38d1">
+        <h6 id="d253ee9b-777b-47a6-9f28-cdac85c97fae">
          Example
         </h6>
-        <pre id="52e6d534-e992-41e0-86e9-fd3590fa0299"><code class="language-python">from bootwrap import Button
+        <pre id="31c9aa38-20f9-40b9-97d3-9663ca7ff1bc"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_primary().as_outline()
@@ -2985,49 +2985,49 @@ button = ("Primary").as_primary().as_outline()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="c92f701c-1102-491b-8957-7e42611795f7">
-     <div class="mt-5" id="5e3cf6e1-e5e9-4b37-94e3-322e68e69d7e">
-      <div class="d-flex justify-content-between" id="f43710c0-b914-4626-92ce-4d9d57a9973c">
-       <h1 id="02db59fa-e103-40a8-bfae-735730aa725c">
+    <div class="tab-pane fade" id="d7478cb8-809c-426f-9277-4bcb2e11a58c">
+     <div class="mt-5" id="8aedb11f-d5cd-4eef-9bc1-26e8bea1f8a3">
+      <div class="d-flex justify-content-between" id="03cf3e23-ccdb-4525-b06d-5e9a168208b8">
+       <h1 id="5329fc57-6c4a-4b3e-a85f-d660988a11bd">
         Class
-        <span class="text-primary" id="5e686892-c18e-4812-ac99-421b82db2daf">
+        <span class="text-primary" id="05b6e3a7-1397-40de-8635-a6d91b83437b">
          AvailabilityMixin
         </span>
        </h1>
-       <div id="d4cde59f-f66b-4c70-b39c-249d439e576a">
+       <div id="53b884c7-b318-4d63-97c4-95d47a98acd4">
        </div>
       </div>
-      <span class="text-muted" id="4d637b20-a800-4781-82f7-a9606870d6bf">
+      <span class="text-muted" id="041d991b-55fb-4ea6-9060-8aa1009917a5">
        Mixin for a web component which can be enabled or disabled.
       </span>
-      <pre id="407a7d77-f068-4897-ac99-4e36622fb9e5"><code class="language-python">AvailabilityMixin()</code></pre>
-      <p id="2e9f36e6-3421-4777-9dc1-74b4255864c7">
+      <pre id="45935f79-c28d-4058-aaae-0fe87c51751b"><code class="language-python">AvailabilityMixin()</code></pre>
+      <p id="40211d85-2a68-4308-9ab4-204f59b62535">
        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="d0834a5d-382c-4632-b1f5-48a361b2946b">
-       <div class="d-flex justify-content-between" id="06ae5ae2-169a-4e01-a712-2c42e340ae49">
-        <h4 id="bdbd3b1e-aa22-4876-a306-5a931166becf">
+      <div class="mt-5" id="ffdb3919-c3ac-47ee-9289-e74d48f2e2a4">
+       <div class="d-flex justify-content-between" id="a574dd5a-8e15-4180-860c-78e0bf2423c5">
+        <h4 id="ea551a40-91fd-42ad-85b3-b9dd5c7a12dc">
          Method
-         <span class="text-primary" id="9c5e0090-5f20-4c25-b3f7-976b2902fa3f">
+         <span class="text-primary" id="4c754a90-5c91-4039-b070-ac62e340c6e2">
           as_disabled
          </span>
         </h4>
-        <div id="c7287178-6a8f-44ae-b43a-056546003e16">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#09101ab7-34c6-4819-9c9a-19ad6698cc3f" data-bs-toggle="collapse" id="22d37fbe-687c-4114-8126-2ffe53f27b37" onclick="return false;" type="button">
+        <div id="f741ad64-d707-4f5d-b5aa-3d1bb8964401">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#a42f102d-5832-4506-af45-84fd6734d242" data-bs-toggle="collapse" id="abbe2245-bb16-4914-b57a-84e85df6a82b" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="46d26ba9-4db4-4d63-a6c6-7f6966b15001">
+       <span class="text-muted" id="d4341774-ef85-4dd4-9173-bef897a89952">
         Disables a web component.
        </span>
-       <pre id="4714daaa-ecab-4c3c-ad87-ad478bb4c911"><code class="language-python">as_disabled()</code></pre>
-       <div class="ms-3 collapse" id="09101ab7-34c6-4819-9c9a-19ad6698cc3f">
-        <h6 id="d4110fd7-ebcb-4f7c-b043-8b291c53ade9">
+       <pre id="a70e1116-5411-4f29-be6f-409168db3bdd"><code class="language-python">as_disabled()</code></pre>
+       <div class="ms-3 collapse" id="a42f102d-5832-4506-af45-84fd6734d242">
+        <h6 id="8a092b0d-29a6-44ae-afe3-faf8eec51f75">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="64507080-3268-46f3-9fd8-bf97066d3f7a">
+        <table class="table table-sm bg-light" id="f3fe007f-3ab7-460e-851a-6ade2917e647">
          <thead>
           <tr>
            <th scope="col">
@@ -3060,11 +3060,11 @@ button = ("Primary").as_primary().as_outline()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="a9a60e86-f887-4679-ae18-47acedb9154c">
-        <h6 id="147646a4-8970-4a7f-9b27-727efe2610bf">
+       <div class="ms-3" id="b84e3a6c-04cd-46c1-90ef-6c5f009e9d36">
+        <h6 id="c39aaf28-781b-4015-acc3-67193cc6b319">
          Example
         </h6>
-        <pre id="ebffac52-3e15-4995-8603-7af8d93fbad5"><code class="language-python">from bootwrap import Button
+        <pre id="15944ba9-76cd-458b-bf21-67a842d268db"><code class="language-python">from bootwrap import Button
 
 # Note, that Button inherits AppearanceMixin.
 button = ("Primary").as_disabled()
@@ -3073,56 +3073,56 @@ button = ("Primary").as_disabled()
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="2281a93f-8b48-4a3d-acc6-7dea5c29dd8e">
-     <div id="5a6a9e20-5d0d-4cc8-85c3-362b5d5aa285">
+    <div class="tab-pane fade" id="13dd3405-88ff-4de6-91b3-3557054a5693">
+     <div id="c83d71c6-7974-438b-ad49-29316e9880f7">
       <hr/>
-      <ul class="nav" id="fabae730-a449-46ab-a0e4-7ae6703ea1a8" role="tablist">
+      <ul class="nav" id="d533cc13-2ed3-4606-b181-b95a50ac9e1c" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#8544c852-0755-4e44-82c5-dc6941fad279" data-bs-toggle="tab" href="#8544c852-0755-4e44-82c5-dc6941fad279" id="3a49fcea-5b4b-4d67-a904-bb13d2a72a82" role="tab">
-         <span class="text-secondary" id="a4e5bf0d-b2eb-4ffd-8014-25cf1a4218b4">
+        <a class="nav-link active" data-bs-target="#9e35f4ee-adc1-43e1-9a37-7282812eb16a" data-bs-toggle="tab" href="#9e35f4ee-adc1-43e1-9a37-7282812eb16a" id="54835f24-7720-4c3a-9721-83fb28393b0d" role="tab">
+         <span class="text-secondary" id="e2175615-5429-4e2f-8beb-0f96e0c311eb">
           Breakpoint
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#7b6b397a-99ce-4250-bea6-f5012f9a5099" data-bs-toggle="tab" href="#7b6b397a-99ce-4250-bea6-f5012f9a5099" id="1b3c5777-b87b-4fd6-9272-ffa88cc62696" role="tab">
-         <span class="text-secondary" id="26353326-e07e-41a5-95a4-dd820bce4b49">
+        <a class="nav-link" data-bs-target="#59c4e45b-4333-4841-9012-2f117f9ed83d" data-bs-toggle="tab" href="#59c4e45b-4333-4841-9012-2f117f9ed83d" id="ecfa302f-5239-4bdf-bae2-3b3788663293" role="tab">
+         <span class="text-secondary" id="6f59d11a-be4d-4dad-a7a4-8ad8b6e7bf0a">
           Action
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="8544c852-0755-4e44-82c5-dc6941fad279">
-        <div class="mt-5" id="5a8038a6-0968-4205-8f16-bdc934abcf09">
-         <div class="d-flex justify-content-between" id="c51ceb2b-3650-472b-8f3e-cc0f61144de3">
-          <h1 id="c927b577-f514-4e4c-a3e6-57d4799f9150">
+       <div class="tab-pane fade active show" id="9e35f4ee-adc1-43e1-9a37-7282812eb16a">
+        <div class="mt-5" id="1e12af5f-7f03-4543-805a-00088462bea9">
+         <div class="d-flex justify-content-between" id="b93c9e92-9513-41aa-9934-41c6d2991f6f">
+          <h1 id="7f22a7af-0d26-46c5-9ea5-00f9864ca1f4">
            Class
-           <span class="text-primary" id="8b53ae93-e272-4e46-9fb4-71cba84d8481">
+           <span class="text-primary" id="3844d290-5da7-48b0-93b2-c7b868867f07">
             Breakpoint
            </span>
           </h1>
-          <div id="ad0c03da-7629-455e-9ce4-0b008d8cd237">
+          <div id="78ccef74-6dc2-417e-a9fd-dbe422b58475">
           </div>
          </div>
-         <span class="text-muted" id="111b0663-01e5-45ed-a219-79a3b76c29ac">
+         <span class="text-muted" id="72f22c11-de41-4a6f-b4e5-f1018e1f471e">
           The breakpoint constants.
          </span>
-         <p id="75a87f79-61d5-4428-a195-29cf94e4830e">
+         <p id="dc81ff74-6da2-4e3f-9711-8951f2ddd698">
           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="fe2fdc32-f312-413b-9540-9d83cbb2d5cf">
+         <p id="2aa874a4-2e17-4e95-a47c-3a418877e5a5">
           See
           <a href="https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints">
            for more information.
           </a>
          </p>
-         <div id="4e58b28b-7ef5-4431-9996-3b629603f744">
+         <div id="c0cf0ffa-1f73-4253-9a9e-bea7efe4a014">
           <div class="row">
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="ad798405-7a70-4078-ac79-857dd6dec79a">
+            <div class="p-1 m-1 border text-center" id="c8f959ad-6ba9-46a1-b69d-74ecc4b74dd7">
              Breakpoint.
              <strong class="text-primary">
               LG
@@ -3130,7 +3130,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="942a237b-9705-47e6-86e7-6371eb174c43">
+            <div class="p-1 m-1 border text-center" id="07b87a5e-477f-490a-9c09-0c11be41dcd2">
              Breakpoint.
              <strong class="text-primary">
               MD
@@ -3138,7 +3138,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="a66086d6-f739-4ec2-ae14-118d0d0979bd">
+            <div class="p-1 m-1 border text-center" id="81961c4d-35a6-4600-b9af-621ce879ebc9">
              Breakpoint.
              <strong class="text-primary">
               SM
@@ -3146,7 +3146,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="330a7485-a0ed-43f6-b414-663f97f925cb">
+            <div class="p-1 m-1 border text-center" id="0f2c89da-908a-4798-bb1d-7496e438c4cf">
              Breakpoint.
              <strong class="text-primary">
               XL
@@ -3154,7 +3154,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="05c6be90-cc92-4e53-a1a0-213ffcb1d053">
+            <div class="p-1 m-1 border text-center" id="011c6a79-8f52-4241-a4b3-0b6645d685ea">
              Breakpoint.
              <strong class="text-primary">
               XS
@@ -3165,25 +3165,25 @@ button = ("Primary").as_disabled()
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="7b6b397a-99ce-4250-bea6-f5012f9a5099">
-        <div class="mt-5" id="b453d9d5-352c-4242-a39f-844fe1302e51">
-         <div class="d-flex justify-content-between" id="a3bdd534-4646-46e7-bd1a-4630e064a5ff">
-          <h1 id="7266e8a8-6be6-4c6d-8efc-7d355b9dff52">
+       <div class="tab-pane fade" id="59c4e45b-4333-4841-9012-2f117f9ed83d">
+        <div class="mt-5" id="2beff483-d167-4028-a913-e6894ee13027">
+         <div class="d-flex justify-content-between" id="7758a718-6fa5-4fcf-bcac-0bd2fba5bd01">
+          <h1 id="aa71eac1-585d-4d32-adb9-aabb26baa998">
            Class
-           <span class="text-primary" id="488341b1-e959-41af-b870-75e673d444ef">
+           <span class="text-primary" id="f48b4df7-e097-4e8f-9aeb-9fd0b60e1317">
             Action
            </span>
           </h1>
-          <div id="819b13af-ef54-46cc-b9e0-12d09ee343a7">
+          <div id="8d2e7dbb-0b36-44bc-8141-85a147c6810d">
           </div>
          </div>
-         <span class="text-muted" id="e5483f77-2657-4cb4-bc2d-1badf979c31e">
+         <span class="text-muted" id="52190ae3-9596-468f-87fb-7675da144b2b">
           The action constants.
          </span>
-         <div id="bf2cac4d-d5c9-4b2c-82ae-6b5b7ee51f4f">
+         <div id="1b06e34d-f6d1-4f6b-9351-5d826a7a7228">
           <div class="row">
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="24af323b-f5c8-429c-b99d-6260c5cb7c9e">
+            <div class="p-1 m-1 border text-center" id="0161813b-73c3-45df-8283-21ea01855c9e">
              Action.
              <strong class="text-primary">
               DISMISS
@@ -3191,7 +3191,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="2405fa6f-6c77-459a-9e66-b90a3d05a4c0">
+            <div class="p-1 m-1 border text-center" id="cfa2e0bc-56d2-4326-941e-26521151ad25">
              Action.
              <strong class="text-primary">
               LINK
@@ -3199,7 +3199,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="e77170a5-bf0f-4e64-98ca-98e14a7f4509">
+            <div class="p-1 m-1 border text-center" id="5b8ca555-bebb-4bb8-ba54-073007c8bebc">
              Action.
              <strong class="text-primary">
               SUBMIT
@@ -3207,7 +3207,7 @@ button = ("Primary").as_disabled()
             </div>
            </div>
            <div class="col-md">
-            <div class="p-1 m-1 border text-center" id="066187c3-b74e-4b94-869a-7b9ad4a3eb18">
+            <div class="p-1 m-1 border text-center" id="b863c7ab-81e0-47a2-be7f-36145a037bab">
              Action.
              <strong class="text-primary">
               TOGGLE
diff --git a/docs/components.html b/docs/components.html
index 5f243f4..0e6cbc2 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -27,8 +27,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="71957634-ec1b-4fa9-a0ee-f52f0bdc88e3" src="logo.png" width="32"/>
-   <strong class="text-light" id="a2c539c6-a305-4583-96a7-abac877e4ac6">
+   <img alt="Bootwrap Logo" id="47a1568e-f3b7-4556-8ed9-b5ba78e83b0e" src="logo.png" width="32"/>
+   <strong class="text-light" id="7ea82f98-99b0-4f5c-984f-6560252a3a0c">
     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">
@@ -38,197 +38,197 @@
    <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="d227451a-b2fd-4264-b8c7-f4fe5042f8d4">
+      <a class="ms-2 nav-link" href="index.html" id="f9e6ef38-d34b-4af2-81ed-1b4df44737ae">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="29e92399-cbe9-45fe-8b51-937ac7e87200">
+      <a class="ms-2 nav-link" href="layout.html" id="717978aa-c6e2-416b-8310-de281e591e91">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="ff2ad7ed-421c-4d47-9ff4-01a5f64e0985">
+      <a class="ms-2 nav-link" href="base.html" id="5504d238-2774-4f41-9bdc-454af4712a77">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="15c16c56-ad51-4666-9442-43303b18feb7">
+      <a class="ms-2 nav-link" href="components.html" id="09bc4390-125a-428c-ba3b-03fc33598532">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="b487aee8-4d6b-4003-b57b-deef41bda5f1" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="11e23e38-4542-4a08-993b-5cb70686496e" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <ul class="nav nav-pills" id="ad1d7c63-e12b-4a89-a043-f290c2db9cb2" role="tablist">
+   <ul class="nav nav-pills" id="7ec3c75b-274f-4248-a91f-539242be094d" role="tablist">
     <li class="nav-item">
-     <a class="nav-link active" data-bs-target="#0aa8b880-f673-4e40-ac92-75c0c74ecff4" data-bs-toggle="tab" href="#0aa8b880-f673-4e40-ac92-75c0c74ecff4" id="7c321b2d-bebc-4afe-a89b-20086dd43197" role="tab">
+     <a class="nav-link active" data-bs-target="#c5aba5e3-d4e0-4790-a729-189723652bf4" data-bs-toggle="tab" href="#c5aba5e3-d4e0-4790-a729-189723652bf4" id="3f78429d-4490-4217-913c-cf38268bb6f0" role="tab">
       Anchor
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#a1d38c52-b3d4-4f88-84a7-bc3c63ea0ff2" data-bs-toggle="tab" href="#a1d38c52-b3d4-4f88-84a7-bc3c63ea0ff2" id="0948f405-61a8-4fcc-ae5c-c5a617d36980" role="tab">
+     <a class="nav-link" data-bs-target="#4e582623-5651-49ae-84d5-ee3d15aff665" data-bs-toggle="tab" href="#4e582623-5651-49ae-84d5-ee3d15aff665" id="7ce2cd5a-037c-4a5a-b419-5844aea8fd4f" role="tab">
       Badge
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#2dfe11c3-44d7-45e6-92d4-820258d5ef71" data-bs-toggle="tab" href="#2dfe11c3-44d7-45e6-92d4-820258d5ef71" id="ebbd5614-a9c0-4d53-941a-5a2cfef889cf" role="tab">
+     <a class="nav-link" data-bs-target="#08e7a8f9-16c2-42f1-9152-0a703484682b" data-bs-toggle="tab" href="#08e7a8f9-16c2-42f1-9152-0a703484682b" id="fc8f0552-2e65-41ea-97a0-1ab4222d1dcf" role="tab">
       Button
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#82b58c9e-23bb-4a53-bb9b-508040e2a361" data-bs-toggle="tab" href="#82b58c9e-23bb-4a53-bb9b-508040e2a361" id="412dc356-8b20-4fc0-add5-686d929d0d49" role="tab">
+     <a class="nav-link" data-bs-target="#4fbb1f37-5662-4259-b7f9-b841834b669e" data-bs-toggle="tab" href="#4fbb1f37-5662-4259-b7f9-b841834b669e" id="fc6b2a01-f844-4ee0-abf4-9e0c9f4c83ff" role="tab">
       ButtonGroup
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#39dc3370-d745-467d-a103-445d5467b763" data-bs-toggle="tab" href="#39dc3370-d745-467d-a103-445d5467b763" id="293cfdd7-8719-4bdd-8825-e04a06eb999f" role="tab">
+     <a class="nav-link" data-bs-target="#ee7fb428-93f1-4b72-a770-d705296511ee" data-bs-toggle="tab" href="#ee7fb428-93f1-4b72-a770-d705296511ee" id="85995658-d45a-4da2-8732-7718f14c3cbc" role="tab">
       Deck
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#1eb85ec5-e7fc-4cea-a968-02024d628fe7" data-bs-toggle="tab" href="#1eb85ec5-e7fc-4cea-a968-02024d628fe7" id="0df1626f-024e-4599-9973-e68b5b5b8dde" role="tab">
+     <a class="nav-link" data-bs-target="#533ec48b-985e-4503-8855-7f476ee9cea0" data-bs-toggle="tab" href="#533ec48b-985e-4503-8855-7f476ee9cea0" id="85870eab-9f52-41a5-9e2f-ea04594a1e45" role="tab">
       Dialog
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#ffe22e44-60bf-4fda-b060-e8f8dca4d2c0" data-bs-toggle="tab" href="#ffe22e44-60bf-4fda-b060-e8f8dca4d2c0" id="db743e00-f2f9-45d0-b978-ef5b9a6107ec" role="tab">
+     <a class="nav-link" data-bs-target="#e1bf5145-4b7e-4603-b030-ee8fd213c1db" data-bs-toggle="tab" href="#e1bf5145-4b7e-4603-b030-ee8fd213c1db" id="227f3018-a1f1-485f-bbc7-54f5acc1504c" role="tab">
       Form
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#35ba166e-0f34-4f9a-a26f-49fc6347bb7e" data-bs-toggle="tab" href="#35ba166e-0f34-4f9a-a26f-49fc6347bb7e" id="5dc10ccb-e587-4dd9-a307-02113ed5e806" role="tab">
+     <a class="nav-link" data-bs-target="#569ca44a-d766-4ee0-9356-16dd5f370bca" data-bs-toggle="tab" href="#569ca44a-d766-4ee0-9356-16dd5f370bca" id="ccf5541b-4cd2-4b2e-8934-8c6e8288af63" role="tab">
       Icon
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#2ba3809b-560b-4825-915a-a8164d380b0b" data-bs-toggle="tab" href="#2ba3809b-560b-4825-915a-a8164d380b0b" id="c2be847f-90ac-4272-bf13-0c5553156446" role="tab">
+     <a class="nav-link" data-bs-target="#40153dbb-a687-4fbc-83e5-2421ad06cd94" data-bs-toggle="tab" href="#40153dbb-a687-4fbc-83e5-2421ad06cd94" id="81a65a3d-c7df-4548-8b19-6e8b1d3eff03" role="tab">
       Image
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#a92dd6b3-bbfb-46e6-a3a2-709f91fd5af1" data-bs-toggle="tab" href="#a92dd6b3-bbfb-46e6-a3a2-709f91fd5af1" id="077d63e6-d23a-4572-bdd0-882df9928175" role="tab">
+     <a class="nav-link" data-bs-target="#8a704cc4-5545-4783-989c-32e76b72c8fd" data-bs-toggle="tab" href="#8a704cc4-5545-4783-989c-32e76b72c8fd" id="d9cd8684-2e3c-4d64-b7fa-d956e7e76de7" role="tab">
       Javascript
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#c7abbd56-a2ac-4bad-a834-96bcc7954dfe" data-bs-toggle="tab" href="#c7abbd56-a2ac-4bad-a834-96bcc7954dfe" id="d7f2a65a-96fc-4b67-8864-1852245ff5da" role="tab">
+     <a class="nav-link" data-bs-target="#9303cf67-0e7f-41aa-99b8-9527d43458c0" data-bs-toggle="tab" href="#9303cf67-0e7f-41aa-99b8-9527d43458c0" id="06704323-b29d-48c6-a441-f615c8fbc271" role="tab">
       Link
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#6c1f08a1-4c11-4721-892b-c6be695451e6" data-bs-toggle="tab" href="#6c1f08a1-4c11-4721-892b-c6be695451e6" id="6bf06a4a-b51e-4820-b1e7-e0fe85099e40" role="tab">
+     <a class="nav-link" data-bs-target="#2c3ed069-8da8-44d5-8b79-435d3d371c34" data-bs-toggle="tab" href="#2c3ed069-8da8-44d5-8b79-435d3d371c34" id="c0ddf703-624b-4d20-bfeb-d298ef480b6f" role="tab">
       List
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#88f47bd6-b9c0-4bef-8d1f-0024cd8c04a8" data-bs-toggle="tab" href="#88f47bd6-b9c0-4bef-8d1f-0024cd8c04a8" id="424e59f8-5be4-46fc-a4ad-f005986bd580" role="tab">
+     <a class="nav-link" data-bs-target="#16e68682-6162-467c-b086-277ef95b3092" data-bs-toggle="tab" href="#16e68682-6162-467c-b086-277ef95b3092" id="aeb9383f-b8fb-408b-8f74-838370a4606a" role="tab">
       Navigation
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#850c7063-1719-4e74-b552-fb60bfc3d355" data-bs-toggle="tab" href="#850c7063-1719-4e74-b552-fb60bfc3d355" id="ebe2aae2-d388-4e66-8b77-d699227d6d97" role="tab">
+     <a class="nav-link" data-bs-target="#fefb3cf6-21d0-498d-8fad-a3f0eb20d8e7" data-bs-toggle="tab" href="#fefb3cf6-21d0-498d-8fad-a3f0eb20d8e7" id="8dae5986-8a30-42b6-8c38-4c2ab52c94cd" role="tab">
       Panel
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#98279619-57db-4a97-80ac-c10757d39ee0" data-bs-toggle="tab" href="#98279619-57db-4a97-80ac-c10757d39ee0" id="b7dd8b30-0786-487e-a6ce-b4e111370b5a" role="tab">
+     <a class="nav-link" data-bs-target="#37d8ee69-737e-4f21-8e4e-ec8d2e8bb702" data-bs-toggle="tab" href="#37d8ee69-737e-4f21-8e4e-ec8d2e8bb702" id="e6a15665-3323-43dd-a118-f59960fae6b8" role="tab">
       Separator
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#76b006e8-d6c5-4b33-b6c5-fcf28580ce05" data-bs-toggle="tab" href="#76b006e8-d6c5-4b33-b6c5-fcf28580ce05" id="ce488fc6-5a3b-4a44-94a5-8775db2f4281" role="tab">
+     <a class="nav-link" data-bs-target="#7fb41af4-2038-4517-8106-c403ae4ee8e6" data-bs-toggle="tab" href="#7fb41af4-2038-4517-8106-c403ae4ee8e6" id="9571145f-e017-4926-a607-b2686d686f21" role="tab">
       Table
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#3c5b41a7-a5e9-48bd-aaf8-a575a4443ca7" data-bs-toggle="tab" href="#3c5b41a7-a5e9-48bd-aaf8-a575a4443ca7" id="a60f5be4-2e77-489c-996a-96588bccb9b8" role="tab">
+     <a class="nav-link" data-bs-target="#e120a64c-b14e-45be-b18e-f6d7f2acd903" data-bs-toggle="tab" href="#e120a64c-b14e-45be-b18e-f6d7f2acd903" id="42b97f01-fb7f-4ce1-8ce2-372c537f3769" role="tab">
       Text
      </a>
     </li>
     <li class="nav-item">
-     <a class="nav-link" data-bs-target="#058e8f0c-e01b-4b9d-bf4c-440b103ef89d" data-bs-toggle="tab" href="#058e8f0c-e01b-4b9d-bf4c-440b103ef89d" id="262a2a9f-0813-471f-99d3-88ecc58dcb54" role="tab">
+     <a class="nav-link" data-bs-target="#efa25d46-1a55-4f54-b2aa-38ca8610f847" data-bs-toggle="tab" href="#efa25d46-1a55-4f54-b2aa-38ca8610f847" id="4928d7be-35d9-4201-a4e9-8811be691d27" role="tab">
       Toast
      </a>
     </li>
    </ul>
    <div class="tab-content w-100">
-    <div class="tab-pane fade active show" id="0aa8b880-f673-4e40-ac92-75c0c74ecff4">
-     <div id="a6190e76-a924-420e-acad-514bb6b6619d">
+    <div class="tab-pane fade active show" id="c5aba5e3-d4e0-4790-a729-189723652bf4">
+     <div id="f644ca3d-eb12-4faa-ac09-378c70a26177">
       <hr/>
-      <ul class="nav" id="85605f24-4c60-45f0-997b-d3fa2626c80d" role="tablist">
+      <ul class="nav" id="50e316ac-7b45-4ae2-bd45-02a5a87ea2f3" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#1632cda3-66fd-43a7-877d-47d363c9f350" data-bs-toggle="tab" href="#1632cda3-66fd-43a7-877d-47d363c9f350" id="857baa6f-a00c-45ec-a67a-adb7272b8435" role="tab">
-         <span class="text-secondary" id="042bd37a-f52e-468a-ac3f-5f98d80f4758">
+        <a class="nav-link active" data-bs-target="#6c814652-11c5-4fbc-828d-02274e1c3fd2" data-bs-toggle="tab" href="#6c814652-11c5-4fbc-828d-02274e1c3fd2" id="26c30a1a-853b-458c-b86a-a89df17cc812" role="tab">
+         <span class="text-secondary" id="38efe696-dabd-466c-a647-654356743fe6">
           Anchor
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#3e595a49-7a5a-413b-98bb-49a624826c23" data-bs-toggle="tab" href="#3e595a49-7a5a-413b-98bb-49a624826c23" id="3e19451c-a04b-4010-8667-283d2409e27e" role="tab">
-         <span class="text-secondary" id="772d8be3-b255-4e15-b28f-809acaff9b01">
+        <a class="nav-link" data-bs-target="#b8ecdd97-d0f4-4ab8-9f1a-37b2d61bbdd0" data-bs-toggle="tab" href="#b8ecdd97-d0f4-4ab8-9f1a-37b2d61bbdd0" id="4a187920-9afd-497d-9f77-0870e8c337bb" role="tab">
+         <span class="text-secondary" id="3a2883d1-fff7-4697-b13d-49e47b4c5716">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#20835a89-3e25-40e7-9110-c41a06ee2d6b" data-bs-toggle="tab" href="#20835a89-3e25-40e7-9110-c41a06ee2d6b" id="705bdf80-c3e3-451a-8c10-20be2bce381b" role="tab">
-         <span class="text-secondary" id="3b23055f-a37f-4ada-83e0-463de38b7850">
+        <a class="nav-link" data-bs-target="#7d3262d7-33f4-423e-8fa3-c0293c3b971b" data-bs-toggle="tab" href="#7d3262d7-33f4-423e-8fa3-c0293c3b971b" id="d1f7088d-9060-4267-8015-bb69df401b99" role="tab">
+         <span class="text-secondary" id="589e80b0-47c8-4170-9de6-cc3459792da3">
           Link Resource
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#5709e5f8-12ae-4f84-b147-fab22923f53a" data-bs-toggle="tab" href="#5709e5f8-12ae-4f84-b147-fab22923f53a" id="fe7feabf-9515-41c4-9f6b-6272cdca6e71" role="tab">
-         <span class="text-secondary" id="f006c785-cfba-489a-859c-3c13f0a40a70">
+        <a class="nav-link" data-bs-target="#92ff8d87-179b-4a7b-bd19-9c60dbdb1d83" data-bs-toggle="tab" href="#92ff8d87-179b-4a7b-bd19-9c60dbdb1d83" id="925014ac-db50-45ef-bb0b-67ba6662c5fb" role="tab">
+         <span class="text-secondary" id="1050ecaf-527d-47bb-aad4-34ce0955b2b3">
           Open Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#09e47103-2bf3-41bd-8146-84aea215bec0" data-bs-toggle="tab" href="#09e47103-2bf3-41bd-8146-84aea215bec0" id="a840e3c1-b538-41cc-988b-e2aa89eb6fcb" role="tab">
-         <span class="text-secondary" id="d39a3e6a-6754-4f1e-8418-c8ccfede36b2">
+        <a class="nav-link" data-bs-target="#3f10f748-de28-41e2-b646-59ca212ed9aa" data-bs-toggle="tab" href="#3f10f748-de28-41e2-b646-59ca212ed9aa" id="9c49748e-a3b5-4f02-a6b3-d954791d7e2e" role="tab">
+         <span class="text-secondary" id="c53444c6-f869-4f59-8a72-ed0cd5737e74">
           Close Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#19184da1-eee8-473c-aaee-9993555fc45e" data-bs-toggle="tab" href="#19184da1-eee8-473c-aaee-9993555fc45e" id="4ed55ac7-8da6-4e9e-85b4-8cfb582bdfde" role="tab">
-         <span class="text-secondary" id="55e6f9bb-7910-415d-a9d0-1d2107d7840e">
+        <a class="nav-link" data-bs-target="#1f318099-5f89-4952-9fde-753966a6727b" data-bs-toggle="tab" href="#1f318099-5f89-4952-9fde-753966a6727b" id="1cd316ff-a943-46f6-b02c-c285376a1772" role="tab">
+         <span class="text-secondary" id="5106181d-c971-4878-abeb-eabffe1ce038">
           Expand/Collapse Panel
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="1632cda3-66fd-43a7-877d-47d363c9f350">
-        <div class="mt-5" id="e30a5ff9-7ad5-4dcd-9b72-440815770dd1">
-         <div class="d-flex justify-content-between" id="72dea81c-376b-4793-9e15-c29b6af099be">
-          <h1 id="dc50b34d-9f67-46d6-866e-ae033502db4e">
+       <div class="tab-pane fade active show" id="6c814652-11c5-4fbc-828d-02274e1c3fd2">
+        <div class="mt-5" id="7700ed56-f2f5-4811-aa34-d0b4a1b8ea5a">
+         <div class="d-flex justify-content-between" id="7959e5c6-edf0-4a2b-916f-9484b00c5a54">
+          <h1 id="7c849bc2-5681-459c-8fd4-d25e7f3630fc">
            Class
-           <span class="text-primary" id="f83342fe-9321-40ca-910d-e4eb2e6ce245">
+           <span class="text-primary" id="f299be55-fe16-441b-b3bc-c2ba46000319">
             Anchor
            </span>
           </h1>
-          <div id="2e5348d1-7b95-4094-b347-ad3adc716f7f">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#28cfe321-4f79-4f48-959b-a26657675bc3" data-bs-toggle="collapse" id="62602df0-c7df-4e18-bed0-c68bcc3bf0fa" onclick="return false;" type="button">
+          <div id="4edc4740-47b8-4352-a2b8-518802580eef">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#840b683f-2f7c-4eda-82be-6bb0e29dcecc" data-bs-toggle="collapse" id="47a6bdc2-3a29-47f8-86d3-1fe25a3dd9bd" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="3ff25ca2-b21b-4cb8-a81b-686186a73d11">
+         <span class="text-muted" id="baef120e-53b5-47b1-be4a-b3c38bb8d01d">
           A web component for an anchor.
          </span>
-         <pre id="888a6ccf-96df-46de-b813-08248108841e"><code class="language-python">Anchor(inner=None)</code></pre>
-         <div class="ms-3 collapse" id="28cfe321-4f79-4f48-959b-a26657675bc3">
-          <h6 id="9637c069-100b-41c1-aa9d-9a5ed924892a">
+         <pre id="2087715e-6106-44af-93db-c8dcbf1da431"><code class="language-python">Anchor(inner=None)</code></pre>
+         <div class="ms-3 collapse" id="840b683f-2f7c-4eda-82be-6bb0e29dcecc">
+          <h6 id="ba4792dd-98d5-4a81-8c62-f7b59fb43a01">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="8dc35395-469e-4f76-a102-0defffd786f3">
+          <table class="table table-sm bg-light" id="5d0a4da1-a918-446f-8307-fd957904d05f">
            <thead>
             <tr>
              <th scope="col">
@@ -261,7 +261,7 @@
            </tbody>
           </table>
          </div>
-         <p id="25f73068-04ab-4f44-9950-ef0646c4c1cc">
+         <p id="767e5db5-dcfb-42ab-803a-0f389f568fe6">
           The
           <code>
            Anchor
@@ -280,43 +280,43 @@
     conjunction with other components, for example, in creating a navigation
     menu.
          </p>
-         <div class="ms-3" id="6d026674-6679-4a28-b135-bdc96b10957e">
-          <h6 id="4f887bae-5210-4609-b1d5-bf3fe68f9119">
+         <div class="ms-3" id="8099f801-ad40-4141-b2bf-b77cbf948736">
+          <h6 id="40c06d77-6b05-4f52-b3a8-e00391f1bf9f">
            Example
           </h6>
-          <pre id="dbea5a9c-cca4-45e0-8226-50cdd790f761"><code class="language-python">from bootwrap import Anchor
+          <pre id="d2c92d7c-d5a8-44ee-887f-a1577277bed4"><code class="language-python">from bootwrap import Anchor
 Anchor('Google Search').link('https://www.google.com/')
 </code></pre>
          </div>
-         <div class="ms-3" id="624f0d61-9cfe-4244-a0d3-481ef2f0195e">
-          <a href="https://www.google.com/" id="ded6078a-ae2c-49ad-b8c4-78ccdb693d45">
+         <div class="ms-3" id="9402e0c1-0a04-4755-8a8d-fa582e87ee31">
+          <a href="https://www.google.com/" id="d6ebd569-54b6-4648-af27-317ba2e95917">
            Google Search
           </a>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="3e595a49-7a5a-413b-98bb-49a624826c23">
-        <div class="mt-3" id="a6a252f7-9c80-4c24-8e8f-86369f7343c4">
-         <div id="5c74c11b-970d-434c-ab7e-fa02d0f989fe">
+       <div class="tab-pane fade" id="b8ecdd97-d0f4-4ab8-9f1a-37b2d61bbdd0">
+        <div class="mt-3" id="34224285-60aa-401d-8827-099aaac9744e">
+         <div id="bd0e8406-a63d-4c2e-8e62-bbcd5a643590">
           <div class="row">
            <div class="col-md">
-            <div id="12c000dd-1042-45f3-affe-32ed483231f0">
-             <h1 id="62cf54e4-a2d2-414c-a827-c73f731f4d3c">
+            <div id="b797228d-0e29-477b-b3da-2e0a9aa5685e">
+             <h1 id="c97f8737-6dfc-445f-aa59-e317d3ac90c0">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="58206300-8c21-468a-b938-a6777e597d83">
+            <div id="0ba7844b-8067-40ec-9a63-9213f3334684">
             </div>
            </div>
           </div>
          </div>
-         <div id="bf86f435-0bcb-4b67-bb7c-fdde497d3dcc">
+         <div id="74ad4b78-d953-4694-8140-ae1d165322a2">
           <div class="row">
            <div class="col-md">
-            <div id="0cccc120-9bdb-44d2-b97b-3d044cd6d0e7">
-             <p id="96540a58-8d5b-4a6c-a3f1-057a9df2855a">
+            <div id="233d5be3-8227-45cb-b64f-3d4d1bf4145a">
+             <p id="1332e3be-7ec5-41f9-842c-acb8db3b079b">
               Change
               <code>
                Anchor
@@ -358,8 +358,8 @@ Anchor('Google Search').link('https://www.google.com/')
             </div>
            </div>
            <div class="col-md">
-            <div id="1d465c99-68d3-4db8-8573-5f7bc575837a">
-             <pre id="9e0fc0cb-a7c8-4db4-a853-73a87ace199b"><code class="language-python">from bootwrap import Panel, Anchor
+            <div id="55b75a05-2409-4c6b-aef4-dbc7dde14434">
+             <pre id="5cadbffe-cdde-409f-adc2-644d51b5a7f7"><code class="language-python">from bootwrap import Panel, Anchor
 panel = Panel(
   Anchor("Primary").link("#").as_primary(),
   Anchor("Secondary").link("#").as_secondary(),
@@ -373,29 +373,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="2485da53-b90a-47e9-a4e6-222907fa0ad2">
-              <a class="mb-1 text-primary" href="#" id="ae8f0435-4b75-41c1-b085-ae4cd9a35386">
+             <div id="69161db2-bc49-40e7-a440-d5b5044f623b">
+              <a class="mb-1 text-primary" href="#" id="7b44dc98-9f80-412c-9722-a21b4fa3325d">
                Primary
               </a>
-              <a class="mb-1 text-secondary" href="#" id="be8434a3-0776-4ed5-8b05-20816c92eecb">
+              <a class="mb-1 text-secondary" href="#" id="891ac3eb-7476-4621-a3ea-764d6536450d">
                Secondary
               </a>
-              <a class="mb-1 text-success" href="#" id="a34c9884-e546-4eea-b46a-759645c39ac2">
+              <a class="mb-1 text-success" href="#" id="197a058b-8342-4552-b1cd-b22e7442d0c6">
                Success
               </a>
-              <a class="mb-1 text-warning" href="#" id="cee26d4c-d268-49c3-b51a-bec8ca23eb1a">
+              <a class="mb-1 text-warning" href="#" id="f19bd5d9-f630-4250-946f-68d1060c07b7">
                Warning
               </a>
-              <a class="mb-1 text-danger" href="#" id="ca286691-81c6-4c86-adfa-0d490cfdf2f0">
+              <a class="mb-1 text-danger" href="#" id="641e7b2b-093b-4bc2-873b-65a0d1409431">
                Danger
               </a>
-              <a class="mb-1 text-info" href="#" id="aa605989-ce09-4d58-9c52-3874a1109628">
+              <a class="mb-1 text-info" href="#" id="473102c7-99a0-4692-a0fa-db26fc6c9e38">
                Info
               </a>
-              <a class="mb-1 text-light" href="#" id="b10cbc1f-14b1-43b9-b42b-d23e4cf48309">
+              <a class="mb-1 text-light" href="#" id="d7432162-0708-450c-8c0a-06dde141f0b9">
                Light
               </a>
-              <a class="mb-1 text-dark" href="#" id="277c9664-3483-424c-b06f-d84f0ea3f294">
+              <a class="mb-1 text-dark" href="#" id="d0c986e3-7bb0-4a30-896a-edafdabea1a8">
                Dark
               </a>
              </div>
@@ -405,28 +405,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="20835a89-3e25-40e7-9110-c41a06ee2d6b">
-        <div class="mt-3" id="618cc328-2af2-4398-aafb-4487c619257d">
-         <div id="a0d54e8c-07a9-4a12-800d-2227dca9e3ce">
+       <div class="tab-pane fade" id="7d3262d7-33f4-423e-8fa3-c0293c3b971b">
+        <div class="mt-3" id="0d13e1eb-5db6-4203-83e4-03513ff68c4f">
+         <div id="9d05c14b-edf6-4168-96e2-80978cc4b740">
           <div class="row">
            <div class="col-md">
-            <div id="e012d90a-01b4-45cf-b782-c803b9a63417">
-             <h1 id="f34a8b73-e875-4587-835c-9c091845248a">
+            <div id="90f4f927-0142-4e3e-a367-29b318b9a724">
+             <h1 id="3a776095-8cd7-47d5-bcc0-2c0e7a72b029">
               Link Resource
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="40860749-87fe-4987-b164-51c53c0b893b">
+            <div id="ed3d8dd0-d989-49f4-8cec-84631682225d">
             </div>
            </div>
           </div>
          </div>
-         <div id="471f13e7-de67-474d-825e-d78d74675214">
+         <div id="f3148056-3e60-48d1-b4db-089ebff4dd6b">
           <div class="row">
            <div class="col-md">
-            <div id="f39c8d5d-48bf-42dc-a224-fd4179dd54d6">
-             <p id="32fe2d20-610f-4a4d-b024-ef0f2f6b0f6d">
+            <div id="8cf77e97-2467-4861-ba85-4caef356011b">
+             <p id="fa223448-2731-4c5d-acd4-69ee00bb877e">
               Associate
               <code>
                Anchor
@@ -440,13 +440,13 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="21617abb-a282-4394-bc85-3c280624a4f6">
-             <pre id="25b5de8c-9e3c-4d6c-8f86-29e78cf53f3f"><code class="language-python">from bootwrap import Panel, Anchor
+            <div id="d41790da-6a0c-4dcf-9718-c84f6976fd1d">
+             <pre id="3a1f873a-9e66-425a-8111-ce9a29988e65"><code class="language-python">from bootwrap import Panel, Anchor
 Panel(
     Anchor("Google Search").link("https://www.google.com/")
 )</code></pre>
-             <div id="7fcfd18b-b07f-4242-bdab-7c675bbc3474">
-              <a href="https://www.google.com/" id="cb7180bf-8df6-4b7f-a39c-c39ef1f75afa">
+             <div id="b0697156-e072-43e4-a984-ddaaf53defef">
+              <a href="https://www.google.com/" id="c1bc3662-4973-4b3d-bad9-5a753288dda1">
                Google Search
               </a>
              </div>
@@ -456,28 +456,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="5709e5f8-12ae-4f84-b147-fab22923f53a">
-        <div class="mt-3" id="a78eccbf-6aa1-41ca-bcf2-043ce618b959">
-         <div id="fc7baff8-642c-447d-a3ca-f1ed91841378">
+       <div class="tab-pane fade" id="92ff8d87-179b-4a7b-bd19-9c60dbdb1d83">
+        <div class="mt-3" id="45da59ef-7f96-4e0d-ba41-da63cdeac33e">
+         <div id="e8b12df6-f501-4442-b155-105dd8be49fe">
           <div class="row">
            <div class="col-md">
-            <div id="733b9005-161c-4565-b289-40ff7a8c4415">
-             <h1 id="7b26da0c-2db5-4641-90ae-5fb57ace68f9">
+            <div id="5fb48f31-f361-459e-8552-ae8af427cc13">
+             <h1 id="415c92a8-786d-4df4-94f0-293662157431">
               Open Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="1609dae9-465d-45db-8927-931bb958c2d9">
+            <div id="872b2b1a-ba36-4ef3-b790-99a58b29f98c">
             </div>
            </div>
           </div>
          </div>
-         <div id="870fec4b-185b-48aa-bfe6-8a25afcfd535">
+         <div id="1a023b19-0574-4dcb-9aa8-01fb9db2f862">
           <div class="row">
            <div class="col-md">
-            <div id="abd7294a-687a-4c77-867f-3fa4a9b37cc3">
-             <p id="a3a79001-35d2-4800-bcf5-864a7789451e">
+            <div id="5d6dc290-fd41-41f6-952f-486c886a77f5">
+             <p id="0001f749-4ef6-4730-a012-5c9b4666a91c">
               Use
               <code>
                Anchor
@@ -491,16 +491,16 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="248b3169-2b47-4b39-8002-057720f70d16">
-             <pre id="363b18ee-69bb-4d9c-b174-1dc5a8d29376"><code class="language-python">from bootwrap import Panel, Dialog, Anchor
+            <div id="47e9c845-76c1-4393-85aa-513ee70d4498">
+             <pre id="bea71320-c9aa-4cd4-b1bf-226bd264b7b8"><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="0f6a08a4-a7a7-4cd2-9a1f-8762b449183d">
-              <div class="modal" id="f61b06d6-5ce4-4ea1-99bd-e083f80a7854">
+             <div id="0c8cfdb8-6cb1-4532-ad89-b47d6ad140c4">
+              <div class="modal" id="ca88d5cf-834e-42a4-a1f7-72fe8835ed93">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -516,7 +516,7 @@ Panel(dialog, anchor)</code></pre>
                 </div>
                </div>
               </div>
-              <a data-bs-toggle="modal" href="#f61b06d6-5ce4-4ea1-99bd-e083f80a7854" id="630bc78c-0472-4c3d-b1ff-cb95bfe56cdb" role="modal">
+              <a data-bs-toggle="modal" href="#ca88d5cf-834e-42a4-a1f7-72fe8835ed93" id="04baaac5-c9d0-4103-8721-00944330f60a" role="modal">
                Say Hello
               </a>
              </div>
@@ -526,28 +526,28 @@ Panel(dialog, anchor)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="09e47103-2bf3-41bd-8146-84aea215bec0">
-        <div class="mt-3" id="2885f2f3-a431-4aa5-9bf7-4d8daa0f8f60">
-         <div id="f1725144-73dd-440b-ae22-5db9643b624e">
+       <div class="tab-pane fade" id="3f10f748-de28-41e2-b646-59ca212ed9aa">
+        <div class="mt-3" id="65fad194-8408-4cf3-b106-03481615f781">
+         <div id="2f866edc-687f-41b0-8e6f-afbbeabd6339">
           <div class="row">
            <div class="col-md">
-            <div id="5bf9f3e5-3d8e-4061-85c7-a3631105ce5e">
-             <h1 id="71f1245c-6728-4310-a96c-9883428a545e">
+            <div id="2a6ca04c-bd5f-4a33-af06-c75e18bd426c">
+             <h1 id="6aa3a803-7221-45a6-8719-861593798bbb">
               Close Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="b20bfd4a-9172-4888-a216-50e5321c13cc">
+            <div id="7d284908-44c4-402a-9549-ed0cf289666b">
             </div>
            </div>
           </div>
          </div>
-         <div id="80991aa0-e4cc-4625-81a9-e60e8b9575b0">
+         <div id="05341450-518e-438a-8730-73d7d26be51c">
           <div class="row">
            <div class="col-md">
-            <div id="133d8398-0463-4839-8342-040708137012">
-             <p id="b0bada04-4842-4f2c-b17a-08972b80a602">
+            <div id="07ba9d8a-3f96-4b5a-ab9e-ffad6c327ff6">
+             <p id="5b986bc9-c493-4852-953c-88f90878758d">
               Use
               <code>
                Anchor
@@ -561,8 +561,8 @@ Panel(dialog, anchor)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="bd049cdf-a3f5-4689-9257-adf966567d6b">
-             <pre id="32e69614-2309-41c2-893d-9a73c64fe66f"><code class="language-python">from bootwrap import Panel, Dialog, Anchor
+            <div id="d6eaec36-44ce-4be9-8a3d-e990513b6955">
+             <pre id="cc3c5dec-4052-4636-8881-ae1840e48d66"><code class="language-python">from bootwrap import Panel, Dialog, Anchor
 dialog = Dialog(
   "Greeting",
   "Hello World!",
@@ -570,8 +570,8 @@ dialog = Dialog(
 )
 anchor = Anchor("Say Hello").toggle(dialog)  
 Panel(dialog, anchor)</code></pre>
-             <div id="94e182d5-4419-440f-ba4d-03b5f380f2e0">
-              <div class="modal" id="f3edd066-3417-406b-b76c-bb9dba432384">
+             <div id="fdc49e4b-18f3-4293-9d3e-1f0a0eb01582">
+              <div class="modal" id="37f13a57-a400-4e11-bd0d-9deee63c5824">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -585,14 +585,14 @@ Panel(dialog, anchor)</code></pre>
                   Hello World!
                  </div>
                  <div class="modal-footer">
-                  <a data-bs-dismiss="modal" href="#" id="c3058c01-b5a5-4333-8cbc-b9fd17061734">
+                  <a data-bs-dismiss="modal" href="#" id="88cdd2ce-6f6a-4794-a620-9e9c9f103b30">
                    Bye
                   </a>
                  </div>
                 </div>
                </div>
               </div>
-              <a data-bs-toggle="modal" href="#f3edd066-3417-406b-b76c-bb9dba432384" id="f52b1a90-439a-40f5-bb22-8095b6c64505" role="modal">
+              <a data-bs-toggle="modal" href="#37f13a57-a400-4e11-bd0d-9deee63c5824" id="71e19b82-f788-4fb3-9afc-e8b006ed4cea" role="modal">
                Say Hello
               </a>
              </div>
@@ -602,28 +602,28 @@ Panel(dialog, anchor)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="19184da1-eee8-473c-aaee-9993555fc45e">
-        <div class="mt-3" id="0f622c5f-5173-4c3e-9ec4-1bf78d2daddc">
-         <div id="3a7137aa-4273-4b31-aa60-a091683c56d3">
+       <div class="tab-pane fade" id="1f318099-5f89-4952-9fde-753966a6727b">
+        <div class="mt-3" id="b8579e9d-a38b-4a47-994d-311344807e74">
+         <div id="def69219-c404-42c4-8602-c17fed483af7">
           <div class="row">
            <div class="col-md">
-            <div id="1e997209-d4d2-4ef2-a970-c11ed93ba71e">
-             <h1 id="2bb62523-1c17-48a1-999b-921f0f8419e9">
+            <div id="7e1aa59d-9c18-415c-8a30-5b16b5b2dccd">
+             <h1 id="09e3764b-85fa-492d-a35e-8b0097dd845d">
               Expand/Collapse Panel
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="c4db6411-6a44-4b17-92a3-3e33f8428fac">
+            <div id="6858c685-cc15-4f9a-93df-1ee9a884c070">
             </div>
            </div>
           </div>
          </div>
-         <div id="88a40703-f800-4e84-9290-aa0258344924">
+         <div id="85983315-6db4-474b-aef9-68b65a56a042">
           <div class="row">
            <div class="col-md">
-            <div id="22779a61-b4e5-481d-ba2e-4a39bd5eb136">
-             <p id="89687ddb-21f7-4d04-a15f-faf9f47b4f3f">
+            <div id="fe0ed144-1239-40fa-9f14-33e35b1e44dc">
+             <p id="70f30509-7789-4eb0-be7e-8de3cfb6ed9c">
               Use
               <code>
                Anchor
@@ -637,8 +637,8 @@ Panel(dialog, anchor)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="a33b8fbe-1133-48ad-bd05-aa018c10d276">
-             <pre id="01988d25-9562-4bb7-9ba3-7d263c22b93a"><code class="language-python">from bootwrap import Panel, Anchor
+            <div id="42d72a1a-0dbb-45b7-97ea-a4f751234b41">
+             <pre id="1d54ec62-fb9c-47ea-bb85-d3cf8f58c27f"><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."
@@ -647,11 +647,11 @@ Panel(
   Anchor("Steve Jobs Quote").toggle(quote),
   quote
 )</code></pre>
-             <div id="3505574a-3bb9-41fb-acef-23df736ed073">
-              <a data-bs-target="#fd46653c-9c6c-4c2c-adfb-3ad4c517dffb" data-bs-toggle="collapse" href="#fd46653c-9c6c-4c2c-adfb-3ad4c517dffb" id="9159460e-8cdf-4b82-9ad0-82c655d96f16" role="collapse">
+             <div id="c047126e-f5cb-43cf-9634-be0ce408643a">
+              <a data-bs-target="#df78607c-7fee-4e12-ba79-9464ac4d7ce2" data-bs-toggle="collapse" href="#df78607c-7fee-4e12-ba79-9464ac4d7ce2" id="69a5e101-1d2c-481e-8552-750b9a7a574e" role="collapse">
                Steve Jobs Quote
               </a>
-              <div class="collapse" id="fd46653c-9c6c-4c2c-adfb-3ad4c517dffb">
+              <div class="collapse" id="df78607c-7fee-4e12-ba79-9464ac4d7ce2">
                Sometimes life is going to hit you in the head with a brick. Don’t lose faith.
               </div>
              </div>
@@ -664,50 +664,50 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="a1d38c52-b3d4-4f88-84a7-bc3c63ea0ff2">
-     <div id="ec9f8e88-b9db-4bdb-abb5-586b2ed860d3">
+    <div class="tab-pane fade" id="4e582623-5651-49ae-84d5-ee3d15aff665">
+     <div id="1b81edf7-cb2c-42db-b279-f367fe14fc33">
       <hr/>
-      <ul class="nav" id="e88541a4-e7e3-4a2e-91cb-348aecfc92b5" role="tablist">
+      <ul class="nav" id="db954078-c27b-425d-86d4-b42efcfe1da8" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#c7e885ab-eb57-4cd6-929f-82e684f41a27" data-bs-toggle="tab" href="#c7e885ab-eb57-4cd6-929f-82e684f41a27" id="ac571872-d342-4c10-a276-3e6296b4b7ce" role="tab">
-         <span class="text-secondary" id="34dc85d2-1884-4ba3-967c-0a2829177cce">
+        <a class="nav-link active" data-bs-target="#a2e938bf-a413-4c25-ba85-931a791f0dfe" data-bs-toggle="tab" href="#a2e938bf-a413-4c25-ba85-931a791f0dfe" id="cf5f8426-acb2-4efc-ba73-b2b4ea122517" role="tab">
+         <span class="text-secondary" id="12f53d5b-5f8e-4159-a493-cb0cb5de74d7">
           Badge
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#da6f00a8-c355-4c9e-a2f0-7660c3e20a7d" data-bs-toggle="tab" href="#da6f00a8-c355-4c9e-a2f0-7660c3e20a7d" id="0439c4bd-1e3a-4dc6-9ca5-3235cc39020b" role="tab">
-         <span class="text-secondary" id="a3260771-6f3b-4b5c-947b-7076b8674b9c">
+        <a class="nav-link" data-bs-target="#bf40e4f3-5ad0-4062-b728-f19cd0c30ff4" data-bs-toggle="tab" href="#bf40e4f3-5ad0-4062-b728-f19cd0c30ff4" id="8849fab5-6f46-497b-8fff-4687081c07b2" role="tab">
+         <span class="text-secondary" id="0df51009-0c3f-42a6-9103-024f0c66cf78">
           Appearance
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="c7e885ab-eb57-4cd6-929f-82e684f41a27">
-        <div class="mt-5" id="9f0cf8e8-7880-4f3a-9106-20b9c0512823">
-         <div class="d-flex justify-content-between" id="6947ba1c-c02c-4259-8c36-73ebc78c2305">
-          <h1 id="205062a6-2224-4400-9f98-a2cb73a7eaf1">
+       <div class="tab-pane fade active show" id="a2e938bf-a413-4c25-ba85-931a791f0dfe">
+        <div class="mt-5" id="e932303d-d9cd-48ad-89d4-f03ca3fb71f9">
+         <div class="d-flex justify-content-between" id="d20c630e-f944-42cb-b82e-0c1f433b317e">
+          <h1 id="2f9ab475-9530-41f3-a1b6-7a0432e2628e">
            Class
-           <span class="text-primary" id="274c5ffc-c1ff-4f58-88ff-ee1378d68204">
+           <span class="text-primary" id="e9eeef7a-b8bb-48f8-9dc5-220493c2841b">
             Badge
            </span>
           </h1>
-          <div id="3e6fe520-4eab-42b4-afc3-9d72bebc5afa">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#877d9163-d6b5-4a49-a3a5-4b27c06847ec" data-bs-toggle="collapse" id="065e8ce8-172a-4ab2-9957-856cc1921266" onclick="return false;" type="button">
+          <div id="1e3713d4-2782-4de0-a419-04988fdbaa50">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9ea30ed2-72d9-488f-9a5e-1933c9d4bd21" data-bs-toggle="collapse" id="97fcc7e3-e4fc-4b78-8d4b-156c38a97c39" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f9575a3a-0273-4c73-a28d-e2749bb813f8">
+         <span class="text-muted" id="cf92312b-9a90-411d-b214-93a45c712b6d">
           A web component for a badge.
          </span>
-         <pre id="b2ee47bc-75a0-49c3-a151-223556bbf57f"><code class="language-python">Badge(label)</code></pre>
-         <div class="ms-3 collapse" id="877d9163-d6b5-4a49-a3a5-4b27c06847ec">
-          <h6 id="ac846b93-efd2-483e-84ba-37d4a18faded">
+         <pre id="4a92409d-dd07-4609-8123-ea1b99e77a6d"><code class="language-python">Badge(label)</code></pre>
+         <div class="ms-3 collapse" id="9ea30ed2-72d9-488f-9a5e-1933c9d4bd21">
+          <h6 id="43285bda-b992-4348-af93-e8478a81094e">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="6da2bdfc-4671-4eb9-9b75-8e1cd744807c">
+          <table class="table table-sm bg-light" id="dbf6c4aa-6b33-4584-9215-2101600b91b4">
            <thead>
             <tr>
              <th scope="col">
@@ -740,43 +740,43 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="4dcebb50-84f9-49f2-96e8-ea181d14d099">
-          <h6 id="878e1816-9fd5-472d-9786-ecb0b5933e6b">
+         <div class="ms-3" id="f5a17821-2613-4639-bdc4-6b0a367e4faa">
+          <h6 id="44ec8714-1a17-4a5a-a7d3-0b64a2b6c054">
            Example
           </h6>
-          <pre id="bea3e55c-d3ce-4713-be53-432ad30742d8"><code class="language-python">from bootwrap import Badge
+          <pre id="8afcbd9c-5ec2-4b73-b05c-2cac76cad756"><code class="language-python">from bootwrap import Badge
 Badge('Some Badge').as_dark()
 </code></pre>
          </div>
-         <div class="ms-3" id="b1f08d61-2ae2-4599-867b-77a075baee39">
-          <span class="badge text-bg-dark" id="d8217bca-3b2b-4a2c-9838-8c370925e24e">
+         <div class="ms-3" id="f43288e9-8f75-4a5b-a270-a5e12db23683">
+          <span class="badge text-bg-dark" id="1f47311a-f5b4-4955-bca4-c7f1b376159a">
            Some Badge
           </span>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="da6f00a8-c355-4c9e-a2f0-7660c3e20a7d">
-        <div class="mt-3" id="44e96a75-fb76-40ff-a5b5-b9fa749760ad">
-         <div id="87e3f8b4-9a29-48bf-b256-b4151dc0f56d">
+       <div class="tab-pane fade" id="bf40e4f3-5ad0-4062-b728-f19cd0c30ff4">
+        <div class="mt-3" id="5e3c9eeb-6164-4337-b00b-3981db9aa0ec">
+         <div id="a247d397-0e15-424b-892b-ac37ce2084aa">
           <div class="row">
            <div class="col-md">
-            <div id="aeab5d72-5095-4cfd-a229-5a696f26dd70">
-             <h1 id="548b538d-42a2-4a4d-afda-e18240c363e2">
+            <div id="3c7aeea6-9a9f-4c17-99da-816087159736">
+             <h1 id="9b8c15e4-eb26-426b-8243-fbff4045e0b3">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="32a93c1c-6021-4ca7-9b0f-a37ef35f3dc5">
+            <div id="92a21eb4-9548-4069-9681-d96c033621cd">
             </div>
            </div>
           </div>
          </div>
-         <div id="422f4a09-c81a-4356-96b8-f703b72e62ae">
+         <div id="51b2fa4a-6db2-4f9e-b18f-1f575198cf9a">
           <div class="row">
            <div class="col-md">
-            <div id="3a16beda-7663-4c97-995d-205ced4fe75d">
-             <p id="b88ed21b-903f-475f-a4c7-8160cb4842ec">
+            <div id="11917633-84a4-4dde-8389-e5654a8e627e">
+             <p id="dd3ac873-28f5-4a43-b043-26bb86ef83f7">
               Change
               <code>
                Badge
@@ -818,8 +818,8 @@ Badge('Some Badge').as_dark()
             </div>
            </div>
            <div class="col-md">
-            <div id="31ce8cf4-f78c-4185-b247-0f9e8a65f08d">
-             <pre id="fa15afd9-0ff4-478d-8c0d-d7c4e27d6e80"><code class="language-python">from bootwrap import Panel, Badge
+            <div id="fac536dc-1418-4c9c-8580-41377308364d">
+             <pre id="ee9e9078-0050-42dd-8b43-301586312bd9"><code class="language-python">from bootwrap import Panel, Badge
 panel = Panel(
   Badge("Primary").as_primary(),
   Badge("Secondary").as_secondary(),
@@ -833,29 +833,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="df3ae392-34eb-4d27-9344-ffe3e8452c83">
-              <span class="badge text-bg-primary mb-1" id="c8355a73-25a0-428c-971c-f143350765af">
+             <div id="dfd92ccd-7b06-4221-a5d6-911fff469ffd">
+              <span class="badge text-bg-primary mb-1" id="6186deff-7a27-4835-b417-4ad73314a5c7">
                Primary
               </span>
-              <span class="badge text-bg-secondary mb-1" id="dd665bf8-9e5f-4cbe-8599-3d0d7080e092">
+              <span class="badge text-bg-secondary mb-1" id="db072fcd-4497-4071-ba03-172f2a3e4bcd">
                Secondary
               </span>
-              <span class="badge text-bg-success mb-1" id="74ccdc40-32ec-46c4-9b7e-a24704015bcb">
+              <span class="badge text-bg-success mb-1" id="84792783-a398-4180-8d71-3a055760b5af">
                Success
               </span>
-              <span class="badge text-bg-warning mb-1" id="4fc424c7-8622-4a50-af8b-b6eb2af6efbf">
+              <span class="badge text-bg-warning mb-1" id="259d872b-8313-47b9-b4bb-a8dccc4fbb7d">
                Warning
               </span>
-              <span class="badge text-bg-danger mb-1" id="86667895-39a5-425b-a79a-ec57ec3ef7dc">
+              <span class="badge text-bg-danger mb-1" id="ccdf5f23-0ced-4af4-8ea8-462f7b87e224">
                Danger
               </span>
-              <span class="badge text-bg-info mb-1" id="ecc6d550-10bc-47cb-b624-c6ed62313493">
+              <span class="badge text-bg-info mb-1" id="1db93a9d-7174-47f8-81d5-a6ce67a33d62">
                Info
               </span>
-              <span class="badge text-bg-light mb-1" id="7ae8edd8-163e-4920-a7be-7e4afb0a9afe">
+              <span class="badge text-bg-light mb-1" id="830dc58b-dd65-429c-a29f-d52c8dfd03bc">
                Light
               </span>
-              <span class="badge text-bg-dark mb-1" id="820e173c-71b5-43f1-84d0-ec0c22489338">
+              <span class="badge text-bg-dark mb-1" id="11b3edb6-d602-492d-9795-3d2ee76c097c">
                Dark
               </span>
              </div>
@@ -868,99 +868,99 @@ panel</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="2dfe11c3-44d7-45e6-92d4-820258d5ef71">
-     <div id="bebb3c6d-57af-48d9-9926-0f085f28770b">
+    <div class="tab-pane fade" id="08e7a8f9-16c2-42f1-9152-0a703484682b">
+     <div id="83bbe7ac-1486-4221-8708-6cbd4f112631">
       <hr/>
-      <ul class="nav" id="69614e05-7a92-457c-9ab4-63ed9a299684" role="tablist">
+      <ul class="nav" id="a2324091-7c8d-4d8e-83bb-ffdd4b436ebd" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#953e64ba-ca8b-4615-92f0-e150a125f822" data-bs-toggle="tab" href="#953e64ba-ca8b-4615-92f0-e150a125f822" id="fd5d549b-c2a2-4857-bd05-154724feb8ad" role="tab">
-         <span class="text-secondary" id="39f403e6-cbac-4cb9-a820-65c9f7d766e7">
+        <a class="nav-link active" data-bs-target="#9878eb4c-4a45-4a25-bdbb-f38589607477" data-bs-toggle="tab" href="#9878eb4c-4a45-4a25-bdbb-f38589607477" id="55549191-34bb-46ca-9bbb-b9e95bf4aa48" role="tab">
+         <span class="text-secondary" id="8ab0c156-d868-4d6a-bd7b-0bbeee3e7d6c">
           Button
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#47ffe5a4-f3a9-4fe3-9c84-83acf227908f" data-bs-toggle="tab" href="#47ffe5a4-f3a9-4fe3-9c84-83acf227908f" id="990bd60f-10ce-4b53-b7ff-a8c10521d0f0" role="tab">
-         <span class="text-secondary" id="3dc45965-8d5f-4c1b-882d-6c01904e19c4">
+        <a class="nav-link" data-bs-target="#4e1a75a6-db5a-4db8-b169-9605048060ad" data-bs-toggle="tab" href="#4e1a75a6-db5a-4db8-b169-9605048060ad" id="c24fe2a3-5671-4ab5-9ed8-fd9758b89f42" role="tab">
+         <span class="text-secondary" id="3260effd-46f9-46b9-8192-6783ef29b73f">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#60d20193-fe80-493a-aaa0-12de4e64013b" data-bs-toggle="tab" href="#60d20193-fe80-493a-aaa0-12de4e64013b" id="1a02afe4-128e-4923-80fc-6f0d9a9e74cb" role="tab">
-         <span class="text-secondary" id="96da5eb8-2b17-4baf-a56a-af2600646bda">
+        <a class="nav-link" data-bs-target="#123e763a-3257-4097-8920-1cf3acade3e1" data-bs-toggle="tab" href="#123e763a-3257-4097-8920-1cf3acade3e1" id="09786dd3-01b4-4251-a8d4-1f3fd9eb6800" role="tab">
+         <span class="text-secondary" id="0ebaeb82-fa39-4ec6-bc98-e5a3d58955dc">
           Outline
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#da09ac53-39af-4588-b66b-c4cc8fab4727" data-bs-toggle="tab" href="#da09ac53-39af-4588-b66b-c4cc8fab4727" id="8aa88c9b-48da-4965-b4ff-adb89a0a3977" role="tab">
-         <span class="text-secondary" id="531a3a93-54cd-49ea-bb9e-ba5e4797ae3f">
+        <a class="nav-link" data-bs-target="#e5227892-848a-4b1e-b219-056ca212288d" data-bs-toggle="tab" href="#e5227892-848a-4b1e-b219-056ca212288d" id="22319cb6-ffd8-4d6f-aa85-2ee1b7355e2c" role="tab">
+         <span class="text-secondary" id="8af55e47-9f9a-481c-a377-a233fed0cf78">
           Disable
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#c8b41687-d134-4ed6-894a-6b83cf388e90" data-bs-toggle="tab" href="#c8b41687-d134-4ed6-894a-6b83cf388e90" id="b1789aab-2543-41e9-8361-21ca99f6c919" role="tab">
-         <span class="text-secondary" id="511fb283-289a-471f-bed0-81ca8cec82c3">
+        <a class="nav-link" data-bs-target="#c1dc0d11-feed-4568-b192-43c06c4bce0a" data-bs-toggle="tab" href="#c1dc0d11-feed-4568-b192-43c06c4bce0a" id="9ec1d26f-b5de-4ecd-b73e-9ab50aceafd5" role="tab">
+         <span class="text-secondary" id="82dcfdaf-85ea-456f-aee7-b03879ac47ba">
           Link Resource
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#da243129-7562-4727-8d51-5b572690f8e9" data-bs-toggle="tab" href="#da243129-7562-4727-8d51-5b572690f8e9" id="1864e6b1-adb4-440d-b091-c37f172b3fe3" role="tab">
-         <span class="text-secondary" id="c06d3763-ba41-4cbd-9ad2-d42d280f4cfe">
+        <a class="nav-link" data-bs-target="#a825c7a0-7886-4c62-86c9-6307e657b6bb" data-bs-toggle="tab" href="#a825c7a0-7886-4c62-86c9-6307e657b6bb" id="7a6388dd-4f62-4cd3-aa28-d9980d00dcb7" role="tab">
+         <span class="text-secondary" id="89d1e441-ce59-4505-94a0-b977494fe6fb">
           Open Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#52a57df7-d86d-46c2-9f83-9a76d6ba8191" data-bs-toggle="tab" href="#52a57df7-d86d-46c2-9f83-9a76d6ba8191" id="f091ce7a-c73d-44a6-8788-da027c9205c4" role="tab">
-         <span class="text-secondary" id="25a66a07-2017-4c82-8c38-5f9cfa7c5ea8">
+        <a class="nav-link" data-bs-target="#f05c241d-d217-4431-9395-b8ade83f5602" data-bs-toggle="tab" href="#f05c241d-d217-4431-9395-b8ade83f5602" id="a8edf91f-365c-484d-80f4-080cd65ae1ce" role="tab">
+         <span class="text-secondary" id="a22f1a99-e3d3-44b5-b9fa-5327a1c19c97">
           Close Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#c65a6bbf-4abf-4de7-9e8f-6c491b3e40a3" data-bs-toggle="tab" href="#c65a6bbf-4abf-4de7-9e8f-6c491b3e40a3" id="90ecf44e-71b6-4204-a704-883c3f6c1c47" role="tab">
-         <span class="text-secondary" id="cc8b7123-7a98-46ab-a863-22add8ea9145">
+        <a class="nav-link" data-bs-target="#6de6dcd8-cd43-4a6d-80fc-ba69c63f53db" data-bs-toggle="tab" href="#6de6dcd8-cd43-4a6d-80fc-ba69c63f53db" id="ed0ae408-3a48-42b1-aa65-088a9072021b" role="tab">
+         <span class="text-secondary" id="0dc30adb-60ef-48c8-9d6b-7d111e58e110">
           Expand/Collapse Panel
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e0729482-2535-4736-b98f-3224417f3b52" data-bs-toggle="tab" href="#e0729482-2535-4736-b98f-3224417f3b52" id="1dadd176-f18c-4d80-9107-1893399ec7c2" role="tab">
-         <span class="text-secondary" id="83ad0fc4-b9ab-4fa1-9691-31aa97779d3d">
+        <a class="nav-link" data-bs-target="#ac8daad1-d4e4-44a8-88d6-3d5b8c351466" data-bs-toggle="tab" href="#ac8daad1-d4e4-44a8-88d6-3d5b8c351466" id="33c06e44-0d1a-4201-b107-93639e6a63c7" role="tab">
+         <span class="text-secondary" id="1f907cb5-f982-43ac-8965-c1e856a8ec5b">
           Submit Action
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="953e64ba-ca8b-4615-92f0-e150a125f822">
-        <div class="mt-5" id="8c845120-e97b-4b26-82fe-c1c756ae706d">
-         <div class="d-flex justify-content-between" id="cf7d68d8-1ede-4d7a-ac7f-18fb59906d9b">
-          <h1 id="515c259d-d97f-490e-a659-d6575d768164">
+       <div class="tab-pane fade active show" id="9878eb4c-4a45-4a25-bdbb-f38589607477">
+        <div class="mt-5" id="6148b2b6-f5f5-45a7-80f2-2f4eac73b091">
+         <div class="d-flex justify-content-between" id="78c5def4-59c4-4ea9-8ad8-17ac8ed86a99">
+          <h1 id="0d5be575-0d87-43f5-8bc8-267deea83601">
            Class
-           <span class="text-primary" id="1c2d0ef9-280b-42a8-9cb0-fe441d0e3876">
+           <span class="text-primary" id="ac03d881-d0d6-42ed-8d16-0b13e07d37ae">
             Button
            </span>
           </h1>
-          <div id="6bafe8a6-34b6-4433-9750-2d06d53b54b3">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d39c7fa6-5b07-43db-99a2-a899a5baf36d" data-bs-toggle="collapse" id="707568cd-0117-4c4c-b4f2-1930ea611fcf" onclick="return false;" type="button">
+          <div id="458e55fd-5fc5-4eba-819f-6409e8bd3144">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#adfc6ca3-ff3d-4fcb-88f9-565835eb396f" data-bs-toggle="collapse" id="cfbe3c4c-e124-40c3-80ce-19b03c6dc834" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="baf4587a-3d75-4c8b-a117-f3c9de74f8fa">
+         <span class="text-muted" id="b9f4232e-8bd6-4b21-a778-2d44cbcf9394">
           A web component for a button.
          </span>
-         <pre id="4673ff96-5dcd-4ccc-8822-e2e8bdc9b65c"><code class="language-python">Button(name)</code></pre>
-         <div class="ms-3 collapse" id="d39c7fa6-5b07-43db-99a2-a899a5baf36d">
-          <h6 id="3ae65634-5793-4fff-ae1d-42bc65c4982f">
+         <pre id="10471bb4-20b1-4717-87ad-b1cab17b514c"><code class="language-python">Button(name)</code></pre>
+         <div class="ms-3 collapse" id="adfc6ca3-ff3d-4fcb-88f9-565835eb396f">
+          <h6 id="d3672281-3c64-4747-b2dd-d89de690ee64">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="ee8cb3f0-1978-43d0-b85f-eb059ee36545">
+          <table class="table table-sm bg-light" id="841d4d11-043b-4e58-b1ca-c3a2f83ffe12">
            <thead>
             <tr>
              <th scope="col">
@@ -993,7 +993,7 @@ panel</code></pre>
            </tbody>
           </table>
          </div>
-         <p id="f0c20a48-ef0b-42dc-a779-65b5e27cfa15">
+         <p id="b3250fde-3158-44ad-9d83-bed8976eb913">
           Without applying a stylized method
           <code>
            Button
@@ -1005,42 +1005,42 @@ panel</code></pre>
           </code>
           .
          </p>
-         <div class="ms-3" id="e0bc8a86-cdf1-44da-9f8b-57cf8c8f467f">
-          <h6 id="b4e2834c-5058-4d45-a34f-f6a153ee4575">
+         <div class="ms-3" id="85829955-848d-4d9c-8ff6-98e142f4cf76">
+          <h6 id="72b41392-5e2e-460a-b1ff-ebbb7609010d">
            Example
           </h6>
-          <pre id="2fca5f7e-5c6a-428b-80bf-0035f0f16ac9"><code class="language-python">from bootwrap import Button
+          <pre id="68da4b07-6f67-4828-be28-5270b8c1996e"><code class="language-python">from bootwrap import Button
 Button('Google Search').link('https://www.google.com/')
 </code></pre>
          </div>
-         <div class="ms-3" id="c3f5ae5d-3b40-4547-80b5-a8e0dbd6600c">
-          <a class="btn" href="https://www.google.com/" id="46590e64-549c-4247-897b-e2d82a629bfb" role="button">
+         <div class="ms-3" id="49d77670-9e21-4b15-a96b-2ef01e12925f">
+          <a class="btn" href="https://www.google.com/" id="900e3f27-63a4-4088-9031-93c6e581ba1f" role="button">
            Google Search
           </a>
          </div>
-         <div class="mt-5" id="35a6ffc0-8f7a-40ff-8e5b-fdbd787da9c3">
-          <div class="d-flex justify-content-between" id="1190bbb2-cb2a-4d7a-a696-0eca9c1c5297">
-           <h4 id="bbdb578a-d79d-4ef3-b9bb-2fdd1e2ab08d">
+         <div class="mt-5" id="919ff0d1-ff2c-40d0-abc7-7f65dfadcc82">
+          <div class="d-flex justify-content-between" id="38f89190-dd5e-47bf-a2f7-06fb46f9488e">
+           <h4 id="9ca6ae34-4198-452a-9d97-7158d4cb80ef">
             Method
-            <span class="text-primary" id="e4c1da05-4d20-4e29-a8d4-81d192e0f352">
+            <span class="text-primary" id="0027c5a5-e34c-4a1c-8143-c1961306bf38">
              with_icon
             </span>
            </h4>
-           <div id="64db2355-5064-4d12-b54f-618746bf1700">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#396a6c35-c76f-4a6e-a98c-bb71456b17e7" data-bs-toggle="collapse" id="f59b2b33-2e8b-4a2a-9df4-2f0e20a4a582" onclick="return false;" type="button">
+           <div id="540f18e0-9ed9-44d2-92df-17f867478e9f">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a037ade4-fc9f-4dd6-84a4-be8fbcdc3b40" data-bs-toggle="collapse" id="40a02cf0-41e6-439e-bbb4-cee190453429" onclick="return false;" type="button">
              Argument
             </button>
            </div>
           </div>
-          <span class="text-muted" id="05f9f4d7-c312-4861-964b-ca89055db80e">
+          <span class="text-muted" id="5d910c11-f320-477a-87f2-5514a427c4cd">
            Makes button with icon.
           </span>
-          <pre id="cd014167-163a-46e1-8269-48a2afc221e1"><code class="language-python">with_icon(icon, right_side=False)</code></pre>
-          <div class="ms-3 collapse" id="396a6c35-c76f-4a6e-a98c-bb71456b17e7">
-           <h6 id="703f8560-14ed-4d2a-9876-a5c7ebf07e8e">
+          <pre id="2a1652fc-ec76-4d21-9b9f-7f8dc89d0a9d"><code class="language-python">with_icon(icon, right_side=False)</code></pre>
+          <div class="ms-3 collapse" id="a037ade4-fc9f-4dd6-84a4-be8fbcdc3b40">
+           <h6 id="bc410700-ea2c-411c-99d8-9333d2d1a879">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="a54072a2-20ef-47e5-98be-082f63b33851">
+           <table class="table table-sm bg-light" id="9f1ce91a-d504-433b-9bbd-af8dd2d6de93">
             <thead>
              <tr>
               <th scope="col">
@@ -1097,11 +1097,11 @@ Button('Google Search').link('https://www.google.com/')
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="e5cd8f45-fe83-4f07-8fb9-a67943fcd1a0">
-           <h6 id="cb5b7332-b5a8-4b9e-b4a9-4e38c64dc43f">
+          <div class="ms-3" id="12950795-456b-4490-af8f-230903d3bf27">
+           <h6 id="621a9608-afc9-4c37-b445-0e85eced77df">
             Example
            </h6>
-           <pre id="51556ba1-d1a7-4978-bf48-1869eb5a8c4f"><code class="language-python">from bootwrap import Button, Icon, Panel
+           <pre id="63374f31-6ff2-4aa3-b51a-d59bf49e191c"><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")
@@ -1109,16 +1109,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="f6b76897-6a65-4bfd-bce6-35beeadcbb6c">
-           <div id="882d3516-dda4-448f-a23b-efdf2181d9b1">
-            <button class="btn btn-primary" id="67d6e620-58da-46f5-b059-0b7c3750d272" onclick="return false;">
-             <i class="fa-solid fa-arrow-left" id="19db0adf-8874-47fe-a2c5-cbee8982e5a6">
+          <div class="ms-3" id="190ebd27-2b01-44cb-a324-d423d274f904">
+           <div id="97554c45-4181-404f-8a40-da41f0f83f44">
+            <button class="btn btn-primary" id="ab00065c-a06a-4102-9929-6fb8fe9255eb" onclick="return false;">
+             <i class="fa-solid fa-arrow-left" id="1aa6ced3-2d60-4644-9713-5038dd0afacd">
              </i>
              Left
             </button>
-            <button class="btn btn-primary" id="a7007c31-48c8-48bd-8605-6c38657eab49" onclick="return false;">
+            <button class="btn btn-primary" id="5218ba21-70e0-4a87-941a-90d1f5eeb07a" onclick="return false;">
              Right
-             <i class="fa-solid fa-arrow-right" id="cde85fb7-4182-4d60-8e51-da80412c8e4a">
+             <i class="fa-solid fa-arrow-right" id="dcd1cee7-0d9e-4c70-94ea-6ac090ccacf8">
              </i>
             </button>
            </div>
@@ -1126,28 +1126,28 @@ Panel(btn_left, btn_right)
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="47ffe5a4-f3a9-4fe3-9c84-83acf227908f">
-        <div class="mt-3" id="7992e05f-91d2-4bfb-975d-753a4f4cc617">
-         <div id="e4acac4c-bf55-4ff4-a709-b5670c260123">
+       <div class="tab-pane fade" id="4e1a75a6-db5a-4db8-b169-9605048060ad">
+        <div class="mt-3" id="1f947c00-9dd6-4daa-acc9-0abe28d57026">
+         <div id="e514fef5-fdf2-40cd-be0d-89bf40f19c3e">
           <div class="row">
            <div class="col-md">
-            <div id="355f4005-7a42-410c-af94-bfd54a179cbc">
-             <h1 id="b9f54635-0cdb-4e01-a64b-ead678052c03">
+            <div id="4cb0e609-b0a9-440e-8bf0-479aeb1aa230">
+             <h1 id="61840910-b61a-4375-b00e-f7c7c7976ad2">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="48964d36-6939-4b2a-bbd5-a71748956186">
+            <div id="23cdbdfc-2cd5-46aa-bb5a-665f4401ad3f">
             </div>
            </div>
           </div>
          </div>
-         <div id="c45f3f5f-06d3-48e6-b3ae-fd721ed0692e">
+         <div id="9162e7ef-3b5d-49b4-b6f9-e83c268a149e">
           <div class="row">
            <div class="col-md">
-            <div id="586bf7dd-97f5-462b-ae31-1027c899f33b">
-             <p id="210a546c-3f5a-4530-8da6-3c74e382eb2f">
+            <div id="947c80a9-effe-49cd-bfc5-d41683faaa0e">
+             <p id="24069847-e12e-461d-9e94-9e6a8f8cd27d">
               Change
               <code>
                Button
@@ -1189,8 +1189,8 @@ Panel(btn_left, btn_right)
             </div>
            </div>
            <div class="col-md">
-            <div id="5c691352-aeca-454d-90ac-13844fce7396">
-             <pre id="94e07cd7-b51a-4385-82e2-8c11f9527053"><code class="language-python">from bootwrap import Panel, Button
+            <div id="c3c6669d-38aa-408f-8bda-c20702481bf9">
+             <pre id="70ec4284-d287-45e2-9f3f-76548497a9c9"><code class="language-python">from bootwrap import Panel, Button
 panel = Panel(
   Button("Primary").link("#").as_primary(),
   Button("Secondary").link("#").as_secondary(),
@@ -1204,29 +1204,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="d4530440-57be-4ca3-836f-634f6c7de85c">
-              <a class="mb-1 btn btn-primary" href="#" id="08afd5bf-7ce6-4444-8fdc-42d756e31c13" role="button">
+             <div id="04fb8263-aff1-4107-884f-225cca3ee33f">
+              <a class="mb-1 btn btn-primary" href="#" id="bf72cdf2-184d-43bd-b69e-32a17b4a755a" role="button">
                Primary
               </a>
-              <a class="mb-1 btn btn-secondary" href="#" id="574ad944-8840-4b3e-9f4d-88f8011e7ffb" role="button">
+              <a class="mb-1 btn btn-secondary" href="#" id="d6581367-6136-4836-9a75-eddd69574edc" role="button">
                Secondary
               </a>
-              <a class="mb-1 btn btn-success" href="#" id="12ea0926-42c4-4db4-98e3-62228f5c2ce2" role="button">
+              <a class="mb-1 btn btn-success" href="#" id="d44b1f86-2849-4aaf-bbae-38ac071e9350" role="button">
                Success
               </a>
-              <a class="mb-1 btn btn-warning" href="#" id="901136d6-db22-461d-bfcd-0094bf3acf37" role="button">
+              <a class="mb-1 btn btn-warning" href="#" id="5cdc0ac8-307b-423e-addf-6740128940bc" role="button">
                Warning
               </a>
-              <a class="mb-1 btn btn-danger" href="#" id="a5c47653-10ed-46f5-ab2b-f86ec6cae6b3" role="button">
+              <a class="mb-1 btn btn-danger" href="#" id="63d0890c-f34d-41d0-b374-0c8803de80aa" role="button">
                Danger
               </a>
-              <a class="mb-1 btn btn-info" href="#" id="95f72191-7499-4909-a7d1-914124aded98" role="button">
+              <a class="mb-1 btn btn-info" href="#" id="d0c2a283-ad23-4938-9bb6-5ba1db9c8513" role="button">
                Info
               </a>
-              <a class="mb-1 btn btn-light" href="#" id="81df01e2-f479-41d1-aee5-82a66896e719" role="button">
+              <a class="mb-1 btn btn-light" href="#" id="277092d0-eb37-440d-b0a4-93621932a1ed" role="button">
                Light
               </a>
-              <a class="mb-1 btn btn-dark" href="#" id="0a4ab751-fee0-45be-b5c1-8098aaf07b84" role="button">
+              <a class="mb-1 btn btn-dark" href="#" id="c358cd37-d514-495e-9d76-83e015c1f707" role="button">
                Dark
               </a>
              </div>
@@ -1236,28 +1236,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="60d20193-fe80-493a-aaa0-12de4e64013b">
-        <div class="mt-3" id="f6090bda-27ae-4daa-84a3-9baea20efd9e">
-         <div id="4a37d9d0-f3a3-4fbb-9d36-5e45a01708bf">
+       <div class="tab-pane fade" id="123e763a-3257-4097-8920-1cf3acade3e1">
+        <div class="mt-3" id="23e9f4eb-bd2d-4509-8d18-7fd9e1ca5cbd">
+         <div id="79ea0c07-6f94-4791-8405-7ac4ddd18e0a">
           <div class="row">
            <div class="col-md">
-            <div id="143f7c22-5f32-47bc-8e2c-4f36b80673cb">
-             <h1 id="90e99cdb-df58-465d-99b0-30589ee95949">
+            <div id="26d0a1ba-804d-4e8c-8f8b-7df904090f1d">
+             <h1 id="627b666b-e35f-4299-a6bc-99c192b064ff">
               Outline
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="1df53f2a-fcad-4ae4-9489-1f4891226a76">
+            <div id="77dd46ab-5d4d-454a-932c-c5cf5b8c04d0">
             </div>
            </div>
           </div>
          </div>
-         <div id="3d5332e2-310b-4dd9-a034-8d7973a6ff75">
+         <div id="32f505b5-a3d6-4739-8f16-8aab42214b8f">
           <div class="row">
            <div class="col-md">
-            <div id="dbf52fce-de19-4c56-a9f9-e3988b4bdbd5">
-             <p id="ab73c772-2dd0-43c9-8e42-6fee7fb6dbf2">
+            <div id="77d38605-9950-415a-9639-b860b8754dbc">
+             <p id="177a954b-8a09-4eca-b95a-cea3bd5598a0">
               Make
               <code>
                Button
@@ -1271,8 +1271,8 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="eafb796b-b308-430e-9045-ea31722e348b">
-             <pre id="e367698b-a79d-4df2-90b5-2df3ba49e26b"><code class="language-python">from bootwrap import Panel, Button
+            <div id="e83a3da6-1b2f-46bd-b9f1-49de25dd06f7">
+             <pre id="f185a364-ab8c-4a4c-9d4c-7365c6e0e96c"><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(),
@@ -1286,29 +1286,29 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="f39914e3-c720-4f0b-bda4-6faf2d323a10">
-              <a class="mb-1 btn btn-outline-primary" href="#" id="9b1dd198-9eff-4e3d-b1f7-9a342ec87eab" role="button">
+             <div id="2ecbf287-f688-4592-859f-ad153813101c">
+              <a class="mb-1 btn btn-outline-primary" href="#" id="4483b9b3-dfb5-4a62-b348-652b48009e9e" role="button">
                Primary
               </a>
-              <a class="mb-1 btn btn-outline-secondary" href="#" id="7cc5521c-a74d-4ccd-888c-314e433eb3a6" role="button">
+              <a class="mb-1 btn btn-outline-secondary" href="#" id="262ccb93-d758-4339-adcd-bef8cde09522" role="button">
                Secondary
               </a>
-              <a class="mb-1 btn btn-outline-success" href="#" id="c52551ab-189f-4e4b-8e3b-d8c2708afd8f" role="button">
+              <a class="mb-1 btn btn-outline-success" href="#" id="9c5128bb-0dcd-4384-8e84-9a3d031e69e1" role="button">
                Success
               </a>
-              <a class="mb-1 btn btn-outline-warning" href="#" id="738afd7a-a18a-44ea-8a95-6e207b3b4ed3" role="button">
+              <a class="mb-1 btn btn-outline-warning" href="#" id="fda98faf-894b-4d99-b218-5f9820b76a23" role="button">
                Warning
               </a>
-              <a class="mb-1 btn btn-outline-danger" href="#" id="e2ce676b-4647-46df-91df-3acb6f3a73d4" role="button">
+              <a class="mb-1 btn btn-outline-danger" href="#" id="9abd5c8e-fedc-4f00-9a92-42f923592435" role="button">
                Danger
               </a>
-              <a class="mb-1 btn btn-outline-info" href="#" id="dbdbc611-7534-4d80-9310-a90bd98b9d99" role="button">
+              <a class="mb-1 btn btn-outline-info" href="#" id="32cec5c5-dd1d-4ad8-b77c-f8d2a58a748f" role="button">
                Info
               </a>
-              <a class="mb-1 btn btn-outline-light" href="#" id="1e686fab-fa95-4805-872a-a6c2fb0c3310" role="button">
+              <a class="mb-1 btn btn-outline-light" href="#" id="3455b129-89bf-457c-b4d3-c6b317639738" role="button">
                Light
               </a>
-              <a class="mb-1 btn btn-outline-dark" href="#" id="54c28ae6-09a3-42b0-b4ab-d328770bafaa" role="button">
+              <a class="mb-1 btn btn-outline-dark" href="#" id="9ef65c26-8553-4d4b-ae46-bc697636c723" role="button">
                Dark
               </a>
              </div>
@@ -1318,28 +1318,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="da09ac53-39af-4588-b66b-c4cc8fab4727">
-        <div class="mt-3" id="ef8c3d10-6eab-44e9-9c3c-e860a1145629">
-         <div id="a268d4c8-b10d-4374-820e-fa4b5bf5bfda">
+       <div class="tab-pane fade" id="e5227892-848a-4b1e-b219-056ca212288d">
+        <div class="mt-3" id="f25c97e7-70b3-40e6-8c44-4816da2272b9">
+         <div id="3e5b3c77-44ee-4c30-a961-0be88a6716fc">
           <div class="row">
            <div class="col-md">
-            <div id="b0079713-a0de-4b3f-9705-af08447f2f89">
-             <h1 id="4bdd538a-fa7e-4c5f-8f51-1bb7a40f1372">
+            <div id="37fdffbc-874f-4f02-bf25-3963830768be">
+             <h1 id="321fc0ce-85fb-41de-812a-3128188729ef">
               Disable
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="a9276b73-c28f-4482-afbf-c991b01515f2">
+            <div id="1f00cbcf-6789-45f6-a473-e4c15d438034">
             </div>
            </div>
           </div>
          </div>
-         <div id="78beaa97-27c8-4dcd-bf98-e02c67ac981c">
+         <div id="46109bf4-07f5-4f7f-a7fe-11253ee9ef23">
           <div class="row">
            <div class="col-md">
-            <div id="c7ab2606-621b-480c-8b84-33a2a8180058">
-             <p id="70de5023-588e-49e7-8a52-4743dd812b9a">
+            <div id="3225a4b8-79d7-4446-bc91-f66323732cc8">
+             <p id="b4145c32-1b55-4a0c-8cc0-2cb541bd1c19">
               But default the
               <code>
                Button
@@ -1361,17 +1361,17 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="dbfd635f-dc13-40a9-ae8f-b52ea82fe84a">
-             <pre id="82ea8a13-79d0-4c7c-8008-6cedcf5f201f"><code class="language-python">from bootwrap import Panel, Button
+            <div id="a0140679-92f4-4ffb-ab2a-13432b5f7376">
+             <pre id="151a5290-b83d-4263-82c6-4ea4e8943bba"><code class="language-python">from bootwrap import Panel, Button
 Panel(
   Button("Enabled").as_primary(),
   Button("Disabled").as_primary().as_disabled()
 )</code></pre>
-             <div id="3c30e5da-5c00-4bb5-b593-5ba317211e6f">
-              <button class="btn btn-primary" id="273f5593-c14b-401b-95ae-eecf5a0661aa" onclick="return false;">
+             <div id="d9c7df3f-b2a0-45a4-bb91-da70d4060e88">
+              <button class="btn btn-primary" id="418a9cc0-5143-4219-8502-a38d2760c963" onclick="return false;">
                Enabled
               </button>
-              <button class="btn btn-primary" disabled="" id="62e24bcb-3ef7-4366-b088-1fcc4ec572e9" onclick="return false;">
+              <button class="btn btn-primary" disabled="" id="252d0dd7-40b4-4f89-8c60-5f844d8b3c08" onclick="return false;">
                Disabled
               </button>
              </div>
@@ -1381,28 +1381,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="c8b41687-d134-4ed6-894a-6b83cf388e90">
-        <div class="mt-3" id="32919b23-4221-4cf2-a680-5727499d6065">
-         <div id="bf44f752-3b63-4d4b-a66e-fbea267e7e49">
+       <div class="tab-pane fade" id="c1dc0d11-feed-4568-b192-43c06c4bce0a">
+        <div class="mt-3" id="366c1b38-3553-416d-8ff0-96effa5fe126">
+         <div id="d73215ed-97c0-48f3-8a64-bac172fe1ffc">
           <div class="row">
            <div class="col-md">
-            <div id="a2987b5d-e6df-4b41-87c4-d7fad0ce4f47">
-             <h1 id="e9097d60-a08c-4ee3-92fd-46d67bf0454b">
+            <div id="e7be11f4-69d6-44be-b990-a304ac6892d7">
+             <h1 id="33831ba8-39ca-4f51-8c0c-d5988de1a272">
               Link Resource
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="28fdaeed-ecd9-4b47-a658-769ec2728468">
+            <div id="8fc44e5b-1184-4f0c-84f3-bf1f37297831">
             </div>
            </div>
           </div>
          </div>
-         <div id="07f98b8f-81be-425d-9441-3529761463a8">
+         <div id="ed3a691e-fbfe-4256-b94d-ae1e3464a171">
           <div class="row">
            <div class="col-md">
-            <div id="e664b45b-0a89-4404-90ab-b94ad5053d80">
-             <p id="d50288bd-02e4-4603-94df-1481480248d1">
+            <div id="4019954b-4ce1-42c2-b163-2fb2409a83f3">
+             <p id="67cc8ba5-7d57-4913-93eb-78b86371c13f">
               Associate
               <code>
                Button
@@ -1416,13 +1416,13 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="a90f1351-5eb0-4ce3-a818-52e801ddb079">
-             <pre id="6a792dc1-f7f4-4fe9-ab92-af18cb6c0d9f"><code class="language-python">from bootwrap import Panel, Button
+            <div id="9a3342c3-439b-47ba-b873-9d4984afd932">
+             <pre id="f58109fb-8bd0-4348-a00c-76a6ad1fe2e2"><code class="language-python">from bootwrap import Panel, Button
 Panel(
     Button("Google Search").as_primary().link("https://www.google.com/")
 )</code></pre>
-             <div id="d94d1e21-fe14-4790-9330-f13c8947e8a5">
-              <a class="btn btn-primary" href="https://www.google.com/" id="1882dae5-124d-4681-8b79-0270d4fc24c2" role="button">
+             <div id="bcfeb297-f57f-4d71-ac49-d0c018155a94">
+              <a class="btn btn-primary" href="https://www.google.com/" id="b7ba98ba-dff8-423a-aad5-2f6502d66d2e" role="button">
                Google Search
               </a>
              </div>
@@ -1432,28 +1432,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="da243129-7562-4727-8d51-5b572690f8e9">
-        <div class="mt-3" id="12da252b-38c0-4e8c-bc2b-1d89bdc53705">
-         <div id="512effea-b9b4-4a93-bc9d-3877e8f2f86b">
+       <div class="tab-pane fade" id="a825c7a0-7886-4c62-86c9-6307e657b6bb">
+        <div class="mt-3" id="794e01b2-68ce-4633-8b7e-c0884286f8cc">
+         <div id="c65ec275-6245-47b9-9a70-b217434b8da7">
           <div class="row">
            <div class="col-md">
-            <div id="e4d0145d-4be4-4cd6-bb56-a603d172fb34">
-             <h1 id="7f9e7c2c-592c-4efc-be8b-c4170d26a293">
+            <div id="f864b55a-f86e-4ebb-87e2-736e8a9795b8">
+             <h1 id="44b958ea-cf95-4e4c-b8d8-9636f3c64c5d">
               Open Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="b2b9f41a-2043-494f-8bb1-744010f02ac5">
+            <div id="dee45c9e-5d0b-4643-b3c2-c00eb56cd669">
             </div>
            </div>
           </div>
          </div>
-         <div id="9a7e63ae-987a-4bd9-a2cb-9e4e7bcf6b63">
+         <div id="024c0792-930b-4428-84fa-a9578c650f46">
           <div class="row">
            <div class="col-md">
-            <div id="0ee82de5-8055-4654-877e-9dae7354c13d">
-             <p id="deb3b887-31ce-4064-8e3d-eb3ba504a8b2">
+            <div id="2b1056eb-328e-4b3d-b0ea-634e03584a50">
+             <p id="84532a56-a623-4495-9e22-200cb54d2831">
               Use
               <code>
                Button
@@ -1467,16 +1467,16 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="6860f5bb-c7ad-4896-8572-3a8a83344963">
-             <pre id="989836f8-9521-4187-aae2-d53df72b376d"><code class="language-python">from bootwrap import Panel, Dialog, Button
+            <div id="e9e3a8fc-269c-4180-bccc-06db339a4681">
+             <pre id="b730c67f-8e44-4283-a2ba-cd5db8693dbd"><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="e6f61331-fb34-4b23-98ad-8667c74cb5db">
-              <div class="modal" id="5a8ad5f9-6861-4504-823f-dab7bd45372a">
+             <div id="21830025-6689-470e-9e6c-d43a86a43c4d">
+              <div class="modal" id="761e74f4-4683-469a-b2ad-771e3a790731">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -1492,7 +1492,7 @@ Panel(dialog, button)</code></pre>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#5a8ad5f9-6861-4504-823f-dab7bd45372a" data-bs-toggle="modal" id="48e82a0d-04d7-4b3e-bfff-8c1fedfba7ac" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#761e74f4-4683-469a-b2ad-771e3a790731" data-bs-toggle="modal" id="8544abb1-6a5d-4181-b45a-653c4b08ae01" onclick="return false;" type="button">
                Say Hello
               </button>
              </div>
@@ -1502,28 +1502,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="52a57df7-d86d-46c2-9f83-9a76d6ba8191">
-        <div class="mt-3" id="e4f5726e-0881-47b0-bf9d-34314f53fb85">
-         <div id="c89b8be5-2d6a-4fff-98f3-36ccf0fbb2b1">
+       <div class="tab-pane fade" id="f05c241d-d217-4431-9395-b8ade83f5602">
+        <div class="mt-3" id="e02cfb7a-b484-4b93-b5b5-53396cfbe7b7">
+         <div id="611222ba-ec07-4fde-8963-45087a24ddd4">
           <div class="row">
            <div class="col-md">
-            <div id="851029b8-62be-4611-94b2-8c60b67a5601">
-             <h1 id="6a856087-c5dd-406e-ad9f-03f2c0377e33">
+            <div id="95697d55-3083-4c39-b8dd-a2dba143256a">
+             <h1 id="1f1be883-df06-49e0-ad39-edb5d05fd897">
               Close Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="e954c804-96df-42ea-aeac-061523e58138">
+            <div id="2160765c-629d-4131-8c44-ac9a527de778">
             </div>
            </div>
           </div>
          </div>
-         <div id="ca5c542e-e8f7-486a-a2d4-350c41c9a3e3">
+         <div id="e7fae9a7-b424-40c8-a790-6674ba058370">
           <div class="row">
            <div class="col-md">
-            <div id="90d2b585-e599-4ad6-8a44-ae2dd038ce77">
-             <p id="70aec6fe-1295-4376-a831-821ef69b1e00">
+            <div id="a5941bb3-5a38-4098-8029-d5133df400b3">
+             <p id="e8b3029c-43b3-49ac-a9f0-fc3272bba9fd">
               Use
               <code>
                Button
@@ -1537,8 +1537,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="06f12c23-0b51-4b58-857e-59420cbcefd8">
-             <pre id="bfbe1b86-b6d5-4f8d-b955-38b5aa174ac8"><code class="language-python">from bootwrap import Panel, Dialog, Button
+            <div id="91421d8b-4709-42b7-930b-d8d211086efc">
+             <pre id="aca905d0-6790-4409-9815-9ce9d53c9139"><code class="language-python">from bootwrap import Panel, Dialog, Button
 dialog = Dialog(
   "Greeting",
   "Hello World!",
@@ -1546,8 +1546,8 @@ dialog = Dialog(
 )
 button = Button("Say Hello").as_primary().toggle(dialog)  
 Panel(dialog, button)</code></pre>
-             <div id="8ac7c7d7-4689-41d5-b749-141c29ef25d4">
-              <div class="modal" id="2705bc50-ac39-4659-a448-0d6c39d6f00d">
+             <div id="db378e33-51ac-43e6-8577-91e0ca4b4ed9">
+              <div class="modal" id="6c856809-9065-44e9-96e2-1cda26eb4227">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -1561,14 +1561,14 @@ Panel(dialog, button)</code></pre>
                   Hello World!
                  </div>
                  <div class="modal-footer">
-                  <button class="btn btn-primary" data-bs-dismiss="modal" id="4fa2383d-3bc4-44e0-b3de-cac52d9579da" onclick="return false;" type="button">
+                  <button class="btn btn-primary" data-bs-dismiss="modal" id="9facff5d-f034-4f59-9a85-5f975164d8a0" onclick="return false;" type="button">
                    Bye
                   </button>
                  </div>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#2705bc50-ac39-4659-a448-0d6c39d6f00d" data-bs-toggle="modal" id="4b043182-bf2a-48c1-8af7-e30bf8c95318" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#6c856809-9065-44e9-96e2-1cda26eb4227" data-bs-toggle="modal" id="ba92155b-1059-4eb7-b598-0634c98f4ebb" onclick="return false;" type="button">
                Say Hello
               </button>
              </div>
@@ -1578,28 +1578,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="c65a6bbf-4abf-4de7-9e8f-6c491b3e40a3">
-        <div class="mt-3" id="f9c59895-6746-4f9a-9d6a-40be1a98e4ba">
-         <div id="b7a33761-c7d5-4b5c-9005-819464b56e91">
+       <div class="tab-pane fade" id="6de6dcd8-cd43-4a6d-80fc-ba69c63f53db">
+        <div class="mt-3" id="9d828bce-c0c0-496e-8742-a1ff3faba92d">
+         <div id="34f17453-324d-4f69-a55a-2dac1306dd8e">
           <div class="row">
            <div class="col-md">
-            <div id="aa928f68-4274-4110-9acf-af98f26d557e">
-             <h1 id="c3a1b313-b7f8-41c7-99fe-91050ce5afbe">
+            <div id="1bc9bd1c-8d5d-4013-b847-7e437365be32">
+             <h1 id="a23c7d02-6b00-4422-b4bd-6c34333ebcd4">
               Expand/Collapse Panel
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="7ef8bfda-4146-4e17-a5ff-522fca8a6c88">
+            <div id="11fa5478-04ea-4813-b26b-81d5775e0d3b">
             </div>
            </div>
           </div>
          </div>
-         <div id="7c03d2b2-5aca-4e64-b325-bb125303c823">
+         <div id="6bbf5ab1-a239-4f70-81c2-1495ba149edf">
           <div class="row">
            <div class="col-md">
-            <div id="9ba4e12d-b5b2-4f9e-9696-90c32918c16a">
-             <p id="fd3599d5-4c66-4fc1-ae97-70d693a9f276">
+            <div id="108122ee-3ca5-4a94-b49c-bae33a0adfee">
+             <p id="4f6bee99-e94d-4969-be2e-19b096fe72f0">
               Use
               <code>
                Button
@@ -1613,8 +1613,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="655ce5d3-7f9f-4bed-9861-d31dc2b41719">
-             <pre id="08bd5a4b-1810-45c9-8f59-750c277fc274"><code class="language-python">from bootwrap import Panel, Button
+            <div id="62532963-662f-4b05-ab11-85c23fa09c1d">
+             <pre id="2bf20637-fe64-40c7-897d-3e543cb815fe"><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."
@@ -1623,11 +1623,11 @@ Panel(
   Button("Steve Jobs Quote").as_primary().toggle(quote),
   quote
 )</code></pre>
-             <div id="db6ec6ba-b1a6-4967-9da6-b41e58d765c8">
-              <button class="btn btn-primary" data-bs-target="#e695d4d3-bb65-4b56-ab94-06d71a0d0b48" data-bs-toggle="collapse" id="f5bc4521-c4c4-4c39-8b1c-4e90167a2c04" onclick="return false;" type="button">
+             <div id="90286f30-ec2b-48c0-a111-e15db2eaefd4">
+              <button class="btn btn-primary" data-bs-target="#80bbdae9-cc5a-4f16-b187-8fd7db36c0cf" data-bs-toggle="collapse" id="f140a0ae-5111-4ea8-8036-9d07e560d7ea" onclick="return false;" type="button">
                Steve Jobs Quote
               </button>
-              <div class="collapse" id="e695d4d3-bb65-4b56-ab94-06d71a0d0b48">
+              <div class="collapse" id="80bbdae9-cc5a-4f16-b187-8fd7db36c0cf">
                Sometimes life is going to hit you in the head with a brick. Don’t lose faith.
               </div>
              </div>
@@ -1637,28 +1637,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e0729482-2535-4736-b98f-3224417f3b52">
-        <div class="mt-3" id="ded86325-f299-429b-9e89-f9e4c5a820b4">
-         <div id="4228e759-549d-42b7-ae66-3883bac7ff17">
+       <div class="tab-pane fade" id="ac8daad1-d4e4-44a8-88d6-3d5b8c351466">
+        <div class="mt-3" id="6e8e0a15-6590-4d29-ba21-eeabf8693750">
+         <div id="27bbdc4a-ad2a-480f-bf26-30d31707ea8c">
           <div class="row">
            <div class="col-md">
-            <div id="86986de9-7fde-4020-aba9-a20336a09680">
-             <h1 id="363f5c23-df92-423e-8ffb-b64ea078ffc8">
+            <div id="49576ef1-5cc6-4663-a92b-60541837552c">
+             <h1 id="66c3115d-6686-41ea-93f4-6f23f2138026">
               Submit Action
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="e7271ba2-f3ca-40fa-bcbf-e6e3dcc64508">
+            <div id="6d2711ab-0431-485b-a476-2012b74e96d4">
             </div>
            </div>
           </div>
          </div>
-         <div id="3d4aead9-ad93-470e-b75e-92ed168d4495">
+         <div id="8fc0aebb-440f-40db-bac3-2abaa1af3c81">
           <div class="row">
            <div class="col-md">
-            <div id="580c3f51-975a-4664-bc3b-0ebbc0233077">
-             <p id="acc23f9c-22b7-4c16-ae31-df8ad3cd1082">
+            <div id="e8ce5ab2-1d64-4a66-93c1-149a914ca094">
+             <p id="c893d96f-7763-47bf-a0a7-6056c699c049">
               Use
               <code>
                Button
@@ -1669,7 +1669,7 @@ Panel(
               </code>
               function.
              </p>
-             <p id="b61fabc5-3e40-4568-8bf5-4bfbb88f01c1">
+             <p id="3d71b0f5-bfb9-412b-88a8-a5ab45e5534d">
               <strong>
                Note:
               </strong>
@@ -1690,22 +1690,22 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="f7ea7a7b-c7c3-4c4b-a30e-f1cbedca66b2">
-             <pre id="da3ad8d6-365f-4864-80ce-37488dbfccf6"><code class="language-python">from bootwrap import Form, TextInput, Button
+            <div id="4697025c-a042-4309-811c-27d57b2ac535">
+             <pre id="bc348872-6826-47d4-b5ea-762d47f4cecb"><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="15994149-0752-4251-8994-c988df3160e6" method="POST">
+             <form enctype="multipart/form-data" id="d5f2e424-4ca5-4446-8ed9-771dc91c2b01" method="POST">
               <div class="form-group row">
-               <label class="col-sm-4 col-form-label d-flex align-items-center" for="8a154650-3bdb-4c50-b31c-71abc0920c0e">
+               <label class="col-sm-4 col-form-label d-flex align-items-center" for="686f5de2-4e19-42cc-92fe-53558e4c5cc2">
                 Email
                </label>
                <div class="col-sm-8 d-flex align-items-center">
-                <input class="form-control" id="8a154650-3bdb-4c50-b31c-71abc0920c0e" name="email" type="email" value="my@email.com"/>
+                <input class="form-control" id="686f5de2-4e19-42cc-92fe-53558e4c5cc2" name="email" type="email" value="my@email.com"/>
                </div>
               </div>
-              <button class="btn btn-primary" id="423b71a1-e097-4eee-9347-a81c86eed97a" type="submit">
+              <button class="btn btn-primary" id="2c97917f-d048-4d57-8351-c0bb9cf5d5d2" type="submit">
                Send
               </button>
              </form>
@@ -1718,57 +1718,57 @@ Form(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="82b58c9e-23bb-4a53-bb9b-508040e2a361">
-     <div id="8b00a32d-0a09-4427-a865-6080bfd0296c">
+    <div class="tab-pane fade" id="4fbb1f37-5662-4259-b7f9-b841834b669e">
+     <div id="ae253006-56fc-4dcc-8699-683dae7834bd">
       <hr/>
-      <ul class="nav" id="0e9b792c-7f31-40e3-9e2d-e91b7e707460" role="tablist">
+      <ul class="nav" id="950648e3-3109-41cc-b406-7efc4119860f" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#29e27c0e-1e79-4639-af0f-7aa26166616b" data-bs-toggle="tab" href="#29e27c0e-1e79-4639-af0f-7aa26166616b" id="5cf2432a-eb5b-40ca-88a2-236dc2918105" role="tab">
-         <span class="text-secondary" id="810852bd-1cf1-4d60-8ed9-02050f671730">
+        <a class="nav-link active" data-bs-target="#132f8552-1ebd-429c-a33c-ebdc71240fc6" data-bs-toggle="tab" href="#132f8552-1ebd-429c-a33c-ebdc71240fc6" id="a4033342-d2f3-4772-bec3-1d47e29cf1d1" role="tab">
+         <span class="text-secondary" id="cb8d6b24-fb98-4b9c-8a48-31221524cb8d">
           ButtonGroup
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#653c2e90-9279-4c59-bdc8-9e6cf28b929e" data-bs-toggle="tab" href="#653c2e90-9279-4c59-bdc8-9e6cf28b929e" id="f36a3201-ffef-4609-bb06-7ba01133e399" role="tab">
-         <span class="text-secondary" id="f67b5686-60a8-4a81-ab34-3e9bca1f849a">
+        <a class="nav-link" data-bs-target="#0b97ee7b-dae3-459f-b362-697a8b3f0ca6" data-bs-toggle="tab" href="#0b97ee7b-dae3-459f-b362-697a8b3f0ca6" id="a237f86a-28f5-45df-be73-c25bea3b5afb" role="tab">
+         <span class="text-secondary" id="6262ebe6-7b88-4a31-a6b3-eef916ee6584">
           As check boxes
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#77d697cc-fa15-4ff5-8216-f1a00cd990c5" data-bs-toggle="tab" href="#77d697cc-fa15-4ff5-8216-f1a00cd990c5" id="595d2282-5ad9-4a40-a10b-f74d5838b6b0" role="tab">
-         <span class="text-secondary" id="74fbf24f-4053-4025-80d6-b8df35706c4e">
+        <a class="nav-link" data-bs-target="#c0326678-dc2a-4193-861b-1815ee43b8be" data-bs-toggle="tab" href="#c0326678-dc2a-4193-861b-1815ee43b8be" id="e28fbb27-d781-4d14-ad52-a7713f85dce8" role="tab">
+         <span class="text-secondary" id="db28176e-193e-4e19-badd-57119f7a8c79">
           As radio buttons
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="29e27c0e-1e79-4639-af0f-7aa26166616b">
-        <div class="mt-5" id="f8f7ea5f-77c3-4bf9-8d65-a3d495b70f4f">
-         <div class="d-flex justify-content-between" id="5392b90f-db87-41ba-840a-60fc85f21529">
-          <h1 id="1f1724a5-669e-4386-8c09-cc51924149f9">
+       <div class="tab-pane fade active show" id="132f8552-1ebd-429c-a33c-ebdc71240fc6">
+        <div class="mt-5" id="a7e0018e-cca8-4109-a376-28e80058ec88">
+         <div class="d-flex justify-content-between" id="12027838-299b-468e-a9ef-1658290564c7">
+          <h1 id="92785bc2-043e-471c-bf18-a99e5450b803">
            Class
-           <span class="text-primary" id="f9003a98-5d27-4a2d-b8b7-88ba3cb28865">
+           <span class="text-primary" id="0b8076df-302d-4251-88cc-ecaefb95b5d8">
             ButtonGroup
            </span>
           </h1>
-          <div id="eb29d005-7ecf-41aa-b754-1654e3b79d11">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#b50ff093-d1ba-4007-a9c0-cba001b52b55" data-bs-toggle="collapse" id="dd2f38a1-618d-4e76-ab0c-352a4e6b6ddd" onclick="return false;" type="button">
+          <div id="52df0cf8-1b5c-4841-b938-941377b78839">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#686498be-19aa-40b9-8797-cd87165ace34" data-bs-toggle="collapse" id="e4ffa954-fa5f-432b-a6a1-d35fbb826d49" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="953949a4-9158-40b1-8499-42d7fb34a0a1">
+         <span class="text-muted" id="753b09f7-0c4d-4b78-9cdb-81e7e181b3de">
           A web component for a button group.
          </span>
-         <pre id="3d204766-1e11-47f4-a908-22cc5d1df2ec"><code class="language-python">ButtonGroup(*buttons)</code></pre>
-         <div class="ms-3 collapse" id="b50ff093-d1ba-4007-a9c0-cba001b52b55">
-          <h6 id="b6067b02-fdcc-4362-a7c2-c24e237a4857">
+         <pre id="a80c92e1-7563-464e-b05b-2450c58975cf"><code class="language-python">ButtonGroup(*buttons)</code></pre>
+         <div class="ms-3 collapse" id="686498be-19aa-40b9-8797-cd87165ace34">
+          <h6 id="820b6c73-b676-47c0-b2c5-097350783e4c">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="56dc9646-b7d0-42ec-a486-2440aec00620">
+          <table class="table table-sm bg-light" id="3dc1440b-09d1-4501-be90-dcf24d831350">
            <thead>
             <tr>
              <th scope="col">
@@ -1805,15 +1805,15 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="c0f3c4f3-16a6-47d3-aba7-c05c6305c7be">
+         <p id="8600ea8c-5e2a-4a67-8b0f-b9484ea54e5d">
           Group a series of buttons together on a single line or stack them in
     a vertical column.
          </p>
-         <div class="ms-3" id="8d687ff4-b3c3-4d44-96ed-66b073ea9ba4">
-          <h6 id="d9aebd69-a032-47b0-8255-7c3759276a0e">
+         <div class="ms-3" id="8a11fed2-fa8d-4fde-9003-982dea59b721">
+          <h6 id="c0719d20-2bff-451a-a25a-519018f56df5">
            Example
           </h6>
-          <pre id="8d45134f-f6e5-4729-95d7-4b2aed638681"><code class="language-python">from bootwrap import Button, ButtonGroup
+          <pre id="ecfc0eed-d0ac-4dde-acb9-d590a1fd7590"><code class="language-python">from bootwrap import Button, ButtonGroup
 
 button1 = Button('One').as_success()
 button2 = Button('Two').as_warning()
@@ -1822,71 +1822,71 @@ button3 = Button('Three').as_danger()
 ButtonGroup(button1, button2, button3)
 </code></pre>
          </div>
-         <div class="ms-3" id="b154bdf3-a596-48b8-b7bb-9d37e481b019">
-          <div class="btn-group" id="9dea21ca-1c3d-4cff-a4c5-111c86d2e045" role="group">
-           <button class="btn btn-success" id="878b5e31-b226-46b3-b2b1-6a2eab5522a2" onclick="return false;">
+         <div class="ms-3" id="97654175-a000-4337-8ba2-3ff9bc39b9f4">
+          <div class="btn-group" id="4782133e-46d4-4afe-94f8-fd18b44b42ec" role="group">
+           <button class="btn btn-success" id="dc82507b-8a6c-4741-ad7b-874d1f0a396f" onclick="return false;">
             One
            </button>
-           <button class="btn btn-warning" id="ab70c6b0-f525-477d-a32a-2db4e95e159e" onclick="return false;">
+           <button class="btn btn-warning" id="2036d0d0-1ea5-427e-aabe-237d961d00d3" onclick="return false;">
             Two
            </button>
-           <button class="btn btn-danger" id="a9e9ab37-d6ed-4ba7-bb3a-71c1a9148e44" onclick="return false;">
+           <button class="btn btn-danger" id="bbb8d67d-e004-40ca-b885-a89bc8d6335b" onclick="return false;">
             Three
            </button>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="653c2e90-9279-4c59-bdc8-9e6cf28b929e">
-        <div class="mt-3" id="5ad915eb-c32c-4a97-a35c-9201948fc1d4">
-         <div id="2651e9d4-5353-41ed-ae20-c07f0ae6c20f">
+       <div class="tab-pane fade" id="0b97ee7b-dae3-459f-b362-697a8b3f0ca6">
+        <div class="mt-3" id="18ca8010-b614-4793-9866-4f44b7311820">
+         <div id="1bd8e0b6-75c3-469f-9872-81fc3727cecc">
           <div class="row">
            <div class="col-md">
-            <div id="f1b6bc3f-5443-4902-945b-a1e05a0bf0da">
-             <h1 id="408c283e-38e9-4949-ad25-c4de4a96d230">
+            <div id="6de9875e-1f43-4cc1-8e1d-6d44078797b4">
+             <h1 id="57a66846-d548-42a0-8630-1a1920e917e9">
               As check boxes
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="3a1c18eb-6e3b-4838-affb-8cbaf5accda7">
+            <div id="1cb6497c-a0f6-4545-9fe6-004e91de12a3">
             </div>
            </div>
           </div>
          </div>
-         <div id="f2243e79-388b-4433-8d2f-b3f4c48adacc">
+         <div id="12073091-6dba-4361-b45d-2b39ef7623d4">
           <div class="row">
            <div class="col-md">
-            <div id="f2d10175-fb5b-409a-b5c7-ad994a95fdd2">
-             <p id="8e9c438c-b2ee-417b-95f0-be051c1f248b">
+            <div id="8c10b146-9116-4af8-aebe-ec8524c7278c">
+             <p id="0773fa10-f47d-46f9-abd6-9db08afe7f3f">
               Group a series of buttons together, which act as check boxes.
              </p>
             </div>
            </div>
            <div class="col-md">
-            <div id="cf81da1d-d0fe-4e18-95c0-a689b437bbcc">
-             <pre id="ceacc1f5-7274-48a5-b390-6afdbd36d710"><code class="language-python">from bootwrap import CheckboxInput, ButtonGroup
+            <div id="ef9a711d-2ce6-4142-baa9-a3587d06d7c5">
+             <pre id="5402cb40-ba12-4737-9b7d-206902d80046"><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="f5cabcae-2aff-434d-92e5-2a086cd3a445" role="group">
-              <input autocomplete="off" class="btn-check" id="3ab36cfa-40f0-4f97-a3fd-4c885bca18a0" name="opt1" type="checkbox" value="true"/>
-              <input name="opt1" type="hidden" value="false"/>
-              <label class="btn btn-secondary" for="3ab36cfa-40f0-4f97-a3fd-4c885bca18a0">
+             <div class="btn-group" id="1beac6dd-71da-4759-897b-6cacb48a9663" role="group">
+              <input autocomplete="off" class="btn-check" id="95c22a13-f6bc-40c8-90c3-ae804c1d1e9e" name="opt1" type="checkbox" value="true"/>
+              <label class="btn btn-secondary" for="95c22a13-f6bc-40c8-90c3-ae804c1d1e9e">
                One
+               <input name="opt1" type="hidden" value="false"/>
               </label>
-              <input autocomplete="off" class="btn-check" id="c45ea674-da6c-4867-afca-34ba4cddd94a" name="opt2" type="checkbox" value="true"/>
-              <input name="opt2" type="hidden" value="false"/>
-              <label class="btn btn-secondary" for="c45ea674-da6c-4867-afca-34ba4cddd94a">
+              <input autocomplete="off" class="btn-check" id="79533669-b620-4325-b46c-edc42394b395" name="opt2" type="checkbox" value="true"/>
+              <label class="btn btn-secondary" for="79533669-b620-4325-b46c-edc42394b395">
                Two
+               <input name="opt2" type="hidden" value="false"/>
               </label>
-              <input autocomplete="off" class="btn-check" id="5b4b2036-6c97-41e2-a3ee-915cc64bc5eb" name="opt3" type="checkbox" value="true"/>
-              <input name="opt3" type="hidden" value="false"/>
-              <label class="btn btn-secondary" for="5b4b2036-6c97-41e2-a3ee-915cc64bc5eb">
+              <input autocomplete="off" class="btn-check" id="ca0dc388-643b-474e-9f4f-c8230b662a31" name="opt3" type="checkbox" value="true"/>
+              <label class="btn btn-secondary" for="ca0dc388-643b-474e-9f4f-c8230b662a31">
                Three
+               <input name="opt3" type="hidden" value="false"/>
               </label>
              </div>
             </div>
@@ -1895,56 +1895,56 @@ ButtonGroup(button1, button2, button3)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="77d697cc-fa15-4ff5-8216-f1a00cd990c5">
-        <div class="mt-3" id="d2a1ed36-7749-4a07-a0d9-9f0485b95763">
-         <div id="771672bf-b965-4ad3-bfb3-2bc1e78cf963">
+       <div class="tab-pane fade" id="c0326678-dc2a-4193-861b-1815ee43b8be">
+        <div class="mt-3" id="0b7b40fd-685e-4bc4-bc04-12f64f62deaa">
+         <div id="3eea646d-dd84-4502-9d7b-eeadc5e7b376">
           <div class="row">
            <div class="col-md">
-            <div id="dc6c3d8c-617e-4456-acab-05a452c69f90">
-             <h1 id="c8ef1c77-6b20-401d-a6be-8e57f82d0898">
+            <div id="8f976db1-19c1-4275-9544-8c69afefb186">
+             <h1 id="db7f16f1-3557-4238-9cf0-9bf047594b57">
               As radio buttons
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="030caab5-3db6-4b7d-8dec-318e34b98cb7">
+            <div id="f49687d7-a95f-40e7-9962-82854f214aaf">
             </div>
            </div>
           </div>
          </div>
-         <div id="1a4434f1-9779-4331-905a-a3eacb30d3bc">
+         <div id="3d8d19d5-818c-4b0c-8e02-fb1a011c0fa2">
           <div class="row">
            <div class="col-md">
-            <div id="520b456b-82aa-4c00-b5c3-13df769837ff">
-             <p id="12d4ad3d-1567-48d2-a825-e9bf153640c3">
+            <div id="def4ebfb-c5d0-4d8a-9959-a4c5cb34cee3">
+             <p id="00c2027b-13e0-40d7-8dc2-7c366f5b325d">
               Group a series of buttons together, which act as radio buttons.
              </p>
             </div>
            </div>
            <div class="col-md">
-            <div id="e64d3bb8-7688-4763-b616-5ff7f82457f2">
-             <pre id="8b07b826-946c-495a-949f-7c82547db851"><code class="language-python">from bootwrap import CheckboxInput, ButtonGroup
+            <div id="3a94049c-5f74-4a08-81f4-c61832df743e">
+             <pre id="b1772712-9953-4723-8809-fc1997f86df8"><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="0950fa36-6029-4572-a15a-e7d3986928a1" role="group">
-              <input autocomplete="off" class="btn-check" id="49b99622-043a-417d-8b89-7c98bbc14c47" name="opt" type="radio" value="1"/>
-              <input name="opt" type="hidden" value="false"/>
-              <label class="btn btn-secondary" for="49b99622-043a-417d-8b89-7c98bbc14c47">
+             <div class="btn-group" id="ae8835f3-d0d0-4c39-9e30-1414c159c8b3" role="group">
+              <input autocomplete="off" class="btn-check" id="ebad4df8-2421-4ce3-863b-85b3d8859a61" name="opt" type="radio" value="1"/>
+              <label class="btn btn-secondary" for="ebad4df8-2421-4ce3-863b-85b3d8859a61">
                One
+               <input name="opt" type="hidden" value="false"/>
               </label>
-              <input autocomplete="off" class="btn-check" id="9925570f-ba78-4a79-a146-57ab8384efdd" name="opt" type="radio" value="2"/>
-              <input name="opt" type="hidden" value="false"/>
-              <label class="btn btn-secondary" for="9925570f-ba78-4a79-a146-57ab8384efdd">
+              <input autocomplete="off" class="btn-check" id="239366b7-1414-4cc6-a3d4-10cd0cdd0407" name="opt" type="radio" value="2"/>
+              <label class="btn btn-secondary" for="239366b7-1414-4cc6-a3d4-10cd0cdd0407">
                Two
+               <input name="opt" type="hidden" value="false"/>
               </label>
-              <input autocomplete="off" class="btn-check" id="e7541240-8dc1-4220-8817-20f502993171" name="opt" type="radio" value="3"/>
-              <input name="opt" type="hidden" value="false"/>
-              <label class="btn btn-secondary" for="e7541240-8dc1-4220-8817-20f502993171">
+              <input autocomplete="off" class="btn-check" id="ab8f9faf-1039-44ee-8bc0-e26fdd04c715" name="opt" type="radio" value="3"/>
+              <label class="btn btn-secondary" for="ab8f9faf-1039-44ee-8bc0-e26fdd04c715">
                Three
+               <input name="opt" type="hidden" value="false"/>
               </label>
              </div>
             </div>
@@ -1956,50 +1956,50 @@ ButtonGroup(button1, button2, button3)</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="39dc3370-d745-467d-a103-445d5467b763">
-     <div id="6e714444-4163-433f-9b39-250d7539c547">
+    <div class="tab-pane fade" id="ee7fb428-93f1-4b72-a770-d705296511ee">
+     <div id="a1e79f9c-9c07-40e2-abd4-70f60993ee3c">
       <hr/>
-      <ul class="nav" id="e96d7fa6-5426-433c-88bd-5f92151893d3" role="tablist">
+      <ul class="nav" id="32c1dd71-8ea6-4a8d-963a-440119142ac1" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#c7f0b6f0-ec42-4e93-8ac2-049408ac4710" data-bs-toggle="tab" href="#c7f0b6f0-ec42-4e93-8ac2-049408ac4710" id="365caf75-70e0-4fe5-980f-4a3eb69b5586" role="tab">
-         <span class="text-secondary" id="9cbd1ee2-fb32-41f9-90a0-39f1cbaa1194">
+        <a class="nav-link active" data-bs-target="#57b5659f-4d8d-4e77-b965-eaf93ce24ff1" data-bs-toggle="tab" href="#57b5659f-4d8d-4e77-b965-eaf93ce24ff1" id="dc04156f-fb68-4808-bcce-0c8984c155ce" role="tab">
+         <span class="text-secondary" id="23bb7a76-4975-4445-adb1-349248501ed5">
           Deck
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#6f267a23-46dc-4973-bef4-4716758c85cd" data-bs-toggle="tab" href="#6f267a23-46dc-4973-bef4-4716758c85cd" id="4551bcd8-fbc6-4dbb-a855-3bccc15c2e8d" role="tab">
-         <span class="text-secondary" id="5d55db57-a567-4bc8-bdd8-f4473b80b759">
+        <a class="nav-link" data-bs-target="#afc479a4-814b-4e66-a218-d410f00c1c83" data-bs-toggle="tab" href="#afc479a4-814b-4e66-a218-d410f00c1c83" id="6fd22b2c-8541-4192-99f0-417fa0a81590" role="tab">
+         <span class="text-secondary" id="ff0ad500-1dbd-4972-8630-50058dc4f223">
           Deck.Card
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="c7f0b6f0-ec42-4e93-8ac2-049408ac4710">
-        <div class="mt-5" id="dc3dfc06-16c6-4bf1-b257-4a2c192f072b">
-         <div class="d-flex justify-content-between" id="6316ba1a-0fd3-4ecd-b3a8-4ff97a3adc54">
-          <h1 id="c1292621-a7aa-4021-9e25-8d1ccc61fe5e">
+       <div class="tab-pane fade active show" id="57b5659f-4d8d-4e77-b965-eaf93ce24ff1">
+        <div class="mt-5" id="6bf9941e-52d0-47a5-b993-4dd230e2b085">
+         <div class="d-flex justify-content-between" id="84d546a3-0c97-498b-9da4-bfc1e3c5b83e">
+          <h1 id="660860cf-031f-49a1-8d50-172009141e46">
            Class
-           <span class="text-primary" id="7b4f7450-cf69-4476-82fd-6d5038e65fb2">
+           <span class="text-primary" id="9846ddfd-a307-4928-8a71-1c477a56bc6a">
             Deck
            </span>
           </h1>
-          <div id="b60e3a7a-c235-452d-ac39-250a82e895a1">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#96de7064-85bd-449b-86cc-bcd907cae15b" data-bs-toggle="collapse" id="b0cd9167-485c-4c12-901f-fe1ff92a1498" onclick="return false;" type="button">
+          <div id="e3917b15-69aa-41e6-9e84-91bf0753f1d0">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1666a50b-fb79-436d-9a14-66e88bcb53eb" data-bs-toggle="collapse" id="364c489c-b011-41e3-9878-0dd0f4c96464" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="151cdf2d-271c-40f7-b4ff-49fa22d37b9f">
+         <span class="text-muted" id="92c2820f-ea3f-4392-80d3-60dd51ae9cf4">
           A web component for a deck of cards.
          </span>
-         <pre id="69f6b649-837e-45a3-9b15-d2ebcbeb8b1b"><code class="language-python">Deck(*cards)</code></pre>
-         <div class="ms-3 collapse" id="96de7064-85bd-449b-86cc-bcd907cae15b">
-          <h6 id="c8888966-d4cd-43a6-befc-e8c16cbb4d16">
+         <pre id="63e51210-cc9d-47ea-b504-017b9ec72ced"><code class="language-python">Deck(*cards)</code></pre>
+         <div class="ms-3 collapse" id="1666a50b-fb79-436d-9a14-66e88bcb53eb">
+          <h6 id="e651c280-af65-4393-8cce-2400b5c9752e">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="13a5513c-ffda-4bed-8e19-2529809b0201">
+          <table class="table table-sm bg-light" id="bbaece84-e73a-4a55-9b71-3b46827dbef7">
            <thead>
             <tr>
              <th scope="col">
@@ -2040,11 +2040,11 @@ ButtonGroup(button1, button2, button3)</code></pre>
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="93c524e9-62a6-4abb-b3b7-442a9d7af3f6">
-          <h6 id="9cf83603-c1ef-434a-b06d-89da89c43f80">
+         <div class="ms-3" id="c94290f5-f784-4a01-839a-4ee018dfe083">
+          <h6 id="23fab404-4492-4d8a-89e0-24c771eea48a">
            Example
           </h6>
-          <pre id="796579f6-d873-43a3-a08d-b9684d88d7d6"><code class="language-python">from bootwrap import Button, Deck, Image
+          <pre id="42e083a3-10b8-41e3-a139-f17db540d47c"><code class="language-python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2077,101 +2077,101 @@ Deck(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="a406ca52-0cdb-4879-812e-1d9027faf4f2">
-          <div class="card-deck grid-container" id="908c69f0-65ae-416f-8dbc-41d14403ad24">
-           <div class="card" id="3e697f56-cca0-4985-92b0-2ca92ceb1d8f">
+         <div class="ms-3" id="1948d066-10cb-490f-8068-9df6060c4ead">
+          <div class="card-deck grid-container" id="b760d2c9-1e94-41e3-b76d-2bc31e5e6a0f">
+           <div class="card" id="1573718b-ebca-4e8a-8a50-e8aa086fb04b">
             <a onclick="location.href='https://www.google.com';">
-             <img class="mt-3 card-img-top" id="1a14f7c8-ec97-45c9-9ca8-60c5ce9ce273" src="google-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="1583a5cf-78ef-427c-83e1-6b69c661f0cd" 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="7c3c5348-6241-452b-85a4-a16cda4ece9b">
+              <small class="text-muted" id="86d8c725-93f2-4ae4-b31f-b718b28aab16">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="5d21eeee-da6e-4c9b-82c5-8fb7a40df9ea">
+             <h5 class="card-title" id="c59c34c0-449a-47cc-a3ca-7b8c7b0f728a">
               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="d2c05192-9a52-46df-8b6c-6d10597d4fb1" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="e7ec6bf0-2913-4312-ae8a-6bbaca2f61ad" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="cee7932c-29e0-470e-9fbb-d79b09f9a71b" onclick="return false;">
+               <button class="dropdown-item btn" id="3344c8c9-be25-4760-b5f4-61a168be95c3" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="39852dab-0413-4172-8366-bf78eb376857" onclick="return false;">
+               <button class="dropdown-item btn" id="a53007a1-d4f2-4ed1-afa6-529c3d3022b5" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="086c29b3-a0e4-449b-9257-e3146e2fabf8" onclick="return false;">
+               <button class="dropdown-item btn" id="0f77ce66-ffba-4778-ab38-96d74eae5194" onclick="return false;">
                 Transfer
                </button>
               </div>
              </div>
             </div>
            </div>
-           <div class="card" id="99bd873c-36f8-42ef-9b89-47c58725964c">
+           <div class="card" id="23bcca88-0205-41bb-ad76-066bb86c9fee">
             <a onclick="location.href='https://www.linkedin.com';">
-             <img class="mt-3 card-img-top" id="8ef50b09-f63c-48e8-973a-c7b5a6b91b8f" src="linkedin-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="5b8af36c-1934-4c80-911e-3626d5dff0bf" 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="23d25937-b726-4ec7-a968-9f7a7e89c27b">
+              <small class="text-muted" id="c6465260-ac3f-4e59-947a-267ed010ec64">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="1e04a3ed-b91e-4ae7-a8b4-87b1f6932dd5">
+             <h5 class="card-title" id="1d2dab63-ae23-48af-811b-ec8d69d30933">
               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="87e31c97-74f7-4fb0-bf99-24658dbdf345" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="30065d84-5e4e-4c47-b66d-222d8fce3b9d" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="cee7932c-29e0-470e-9fbb-d79b09f9a71b" onclick="return false;">
+               <button class="dropdown-item btn" id="3344c8c9-be25-4760-b5f4-61a168be95c3" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="39852dab-0413-4172-8366-bf78eb376857" onclick="return false;">
+               <button class="dropdown-item btn" id="a53007a1-d4f2-4ed1-afa6-529c3d3022b5" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="086c29b3-a0e4-449b-9257-e3146e2fabf8" onclick="return false;">
+               <button class="dropdown-item btn" id="0f77ce66-ffba-4778-ab38-96d74eae5194" onclick="return false;">
                 Transfer
                </button>
               </div>
              </div>
             </div>
            </div>
-           <div class="card" id="247ae51d-6c95-40c2-9288-7dede0d42f25">
+           <div class="card" id="9aa4ca03-5ddd-42dc-9288-0d88a1c3014b">
             <a onclick="location.href='https://www.amazon.com';">
-             <img class="mt-3 card-img-top" id="0775bd1f-a12f-44a9-9ca5-9c038db91740" src="amazon-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="1133cc91-1a8b-49a6-b62e-5f2de201941a" 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="668dabec-7315-4964-9fb3-db9f01d79053">
+              <small class="text-muted" id="58d64b65-83c6-497f-8a23-5794b9bec691">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="81ed82dc-34de-4273-86ba-eca6f75e6237">
+             <h5 class="card-title" id="e221f763-0432-4720-944f-6579285a5181">
               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="58a6144a-12bc-4137-9a4c-0f737aced796" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="9fc99ae1-1954-428b-a4a7-bd9104e66c50" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="cee7932c-29e0-470e-9fbb-d79b09f9a71b" onclick="return false;">
+               <button class="dropdown-item btn" id="3344c8c9-be25-4760-b5f4-61a168be95c3" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="39852dab-0413-4172-8366-bf78eb376857" onclick="return false;">
+               <button class="dropdown-item btn" id="a53007a1-d4f2-4ed1-afa6-529c3d3022b5" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="086c29b3-a0e4-449b-9257-e3146e2fabf8" onclick="return false;">
+               <button class="dropdown-item btn" id="0f77ce66-ffba-4778-ab38-96d74eae5194" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -2187,30 +2187,30 @@ Deck(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="6f267a23-46dc-4973-bef4-4716758c85cd">
-        <div class="mt-5" id="098185e6-7429-4593-bb7e-e4f447a5b369">
-         <div class="d-flex justify-content-between" id="b44e67d6-6a30-4caf-9530-f1a888e75425">
-          <h1 id="97edeabf-03cf-4c99-b6e8-9e295c4cf002">
+       <div class="tab-pane fade" id="afc479a4-814b-4e66-a218-d410f00c1c83">
+        <div class="mt-5" id="1a81dd2c-96a5-49c7-ac8f-c600c2839bb5">
+         <div class="d-flex justify-content-between" id="f1a2c093-b6f3-433c-8b89-2e56a33c4c8e">
+          <h1 id="ec6996f1-d766-49ae-b2a4-4a707e606236">
            Class
-           <span class="text-primary" id="75f322e9-c867-43b2-ab66-5a5fb04cac8d">
+           <span class="text-primary" id="951ad856-1c6f-4126-908d-cc80eb9d12c4">
             Deck.Card
            </span>
           </h1>
-          <div id="eac6f289-2e60-4298-9e9d-2645b7ccdc1a">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0f3ab97f-8149-44d8-a2df-46c4ef501fc5" data-bs-toggle="collapse" id="610abf7f-7c70-4423-ad36-91d2a95dc8c8" onclick="return false;" type="button">
+          <div id="27c57d81-45ad-46d8-8629-0d22f3faeaba">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2ab9b0d5-83c3-4714-b0ca-b8a4516b7438" data-bs-toggle="collapse" id="c1b11bb6-c7ed-4eac-a262-3be1908f52b8" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="6ed981da-dab6-40f8-8fd1-d0fa650bf71b">
+         <span class="text-muted" id="672f3357-93fc-4c05-bda0-c8ec396b63f5">
           A deck card.
          </span>
-         <pre id="1eeacf33-ac71-4f44-939e-27ee14f16361"><code class="language-python">Deck.Card(title, description=None, marker=None, figure=None)</code></pre>
-         <div class="ms-3 collapse" id="0f3ab97f-8149-44d8-a2df-46c4ef501fc5">
-          <h6 id="ba7d1698-c7d0-4251-87e2-68f98d7bcf4a">
+         <pre id="3bf37bf0-06ab-4186-aa92-3a8dc3e8a484"><code class="language-python">Deck.Card(title, description=None, marker=None, figure=None)</code></pre>
+         <div class="ms-3 collapse" id="2ab9b0d5-83c3-4714-b0ca-b8a4516b7438">
+          <h6 id="30b0f282-7768-4aca-a418-145302735667">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="b6698312-ee3b-488e-8829-8759b6c45d95">
+          <table class="table table-sm bg-light" id="253d7a2e-6a69-4ddd-b604-69fbb764b0d1">
            <thead>
             <tr>
              <th scope="col">
@@ -2288,11 +2288,11 @@ Deck(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="99ad1ad8-a460-4da0-9742-cc1cb23738db">
-          <h6 id="3b7d8ffd-2369-4308-bc4c-9ee88c94dddb">
+         <div class="ms-3" id="65d32af6-8887-4145-a32a-56ad38e2ebb6">
+          <h6 id="b6940f25-0a9a-4144-86c1-efa68b1fbaf5">
            Example
           </h6>
-          <pre id="1c0ca201-7e24-4408-b0da-9911edcab5fd"><code class="language-python">from bootwrap import Button, Deck, Image
+          <pre id="c3340e63-c773-46d0-9ed1-207275d9ee79"><code class="language-python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2309,55 +2309,55 @@ Deck.Card(
     "https://www.google.com")
 </code></pre>
          </div>
-         <div class="ms-3" id="7260fe7c-6cbf-4e05-954d-67713af14d96">
-          <div class="card" id="cc37d992-8549-463d-950e-9f365844973e">
+         <div class="ms-3" id="d93e246c-f4e9-4a65-a16d-ed8685ac9fa9">
+          <div class="card" id="4ee3e344-bc97-4eaf-b85c-5ea03274fbd7">
            <a onclick="location.href='https://www.google.com';">
-            <img class="mt-3 card-img-top" id="c0948e9d-2dc4-4663-8ccb-46abe3b60c68" src="google-logo.png" width="128"/>
+            <img class="mt-3 card-img-top" id="3136e9a2-98ce-48c4-a95c-24f071ffffae" 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="743298b3-4f92-4a9c-8113-2df0c963dc55">
+             <small class="text-muted" id="52a12df5-3254-48ca-b8dd-37eff279f6e6">
               12:04:58 12/01/2021
              </small>
             </div>
-            <h5 class="card-title" id="9a1ffbdc-b88a-4398-aee8-6e22129cc835">
+            <h5 class="card-title" id="2f02a7d9-472c-434a-9281-93c36d9497c2">
              Google (NASDAQ: GOOGL)
             </h5>
             Price for a single Google share
            </div>
            <div class="card-footer text-right">
-            <button class="btn" id="885d96a3-72cc-402f-a761-b694a49bc2dd" onclick="return false;">
+            <button class="btn" id="2710dbef-b454-409c-8919-896f8df02e07" onclick="return false;">
              Buy
             </button>
-            <button class="btn" id="a8d6b46d-c2c2-4259-a799-0b304c782038" onclick="return false;">
+            <button class="btn" id="9feb995f-87dd-4a85-98a3-c627d9003734" onclick="return false;">
              Sell
             </button>
-            <button class="btn" id="93427e73-ec61-41e6-8bbc-987fe6907bc9" onclick="return false;">
+            <button class="btn" id="6b8a3d3a-5c38-4503-8c5c-e1cd37ad2e88" onclick="return false;">
              Transfer
             </button>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="a08dda96-ba61-43af-8f40-3c236a7f17a0">
-          <div class="d-flex justify-content-between" id="780c1db6-eadb-43e2-9c77-90916f8ad124">
-           <h4 id="0559c4cb-3985-48ac-8d00-5fcfc8527bf5">
+         <div class="mt-5" id="0d7d167f-3bb3-4495-b40c-4fbce6004b1f">
+          <div class="d-flex justify-content-between" id="9f9afa06-0419-493a-b4c6-5eb15dd9ac2a">
+           <h4 id="cfd9a2a7-dbc2-41f2-86e5-9a97934183e1">
             Method
-            <span class="text-primary" id="82dd68c1-9709-445e-8334-eb2aa4ac04e1">
+            <span class="text-primary" id="4179ded1-461e-4f77-b7f9-5d46dd107d05">
              pack_actions
             </span>
            </h4>
-           <div id="721a910c-eda9-4524-a56f-496bab2c762f">
+           <div id="83d7e2f3-6391-4a7a-9726-381352f0b402">
            </div>
           </div>
-          <span class="text-muted" id="805f75b7-2ff0-4294-8fee-436af4f9dc4d">
+          <span class="text-muted" id="97b4a9d6-f48a-4202-93fd-2b6a2e7d7d2c">
            Makes item actions packed under a drop-down menu.
           </span>
-          <pre id="ce44c9b7-da80-415a-b6ff-ad1a5b80e34e"><code class="language-python">pack_actions()</code></pre>
-          <div class="ms-3" id="c1ed5565-868b-42b2-ac0d-dd102b7d2a8f">
-           <h6 id="80392e51-2bdb-49ac-91dc-da3e59a85f74">
+          <pre id="2be88d83-44a8-4769-918b-e4e21bcd50b4"><code class="language-python">pack_actions()</code></pre>
+          <div class="ms-3" id="87bb4e84-25f0-4b2d-9407-d47766a07123">
+           <h6 id="f32c21f9-39ec-473c-ad46-b5bbb94e1b1f">
             Example
            </h6>
-           <pre id="ceaba8a8-407e-43df-950e-33b2981fbab9"><code class="language-python">from bootwrap import Button, Deck, Image
+           <pre id="6134dfb9-d842-4fb0-bc3b-f3f7aac3103e"><code class="language-python">from bootwrap import Button, Deck, Image
 
 actions = [
     Button("Buy"),
@@ -2374,34 +2374,34 @@ Deck.Card(
     "https://www.google.com")
 </code></pre>
           </div>
-          <div class="ms-3" id="79bfb859-c79e-4981-a648-94f8825da14b">
-           <div class="card" id="05fa5042-81da-414f-af55-65a44555ac67">
+          <div class="ms-3" id="9e71dd09-1b18-4d3e-bf10-d91baf402b49">
+           <div class="card" id="d892a459-2d5b-4b06-b6e0-220bc1947897">
             <a onclick="location.href='https://www.google.com';">
-             <img class="mt-3 card-img-top" id="11723ae7-df18-41fc-adbc-976456dceccb" src="google-logo.png" width="128"/>
+             <img class="mt-3 card-img-top" id="f3ea0802-bf97-43e3-be35-96ed688cb1f5" 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="8816cdfa-4773-4ac3-b034-585eb39819e8">
+              <small class="text-muted" id="c676853f-c7ca-4782-8d17-d60f3f2dec00">
                12:04:58 12/01/2021
               </small>
              </div>
-             <h5 class="card-title" id="cd2a2489-5642-4bc1-bf3a-4e8c58c15672">
+             <h5 class="card-title" id="0966bd4a-abc3-4c1d-86d8-44a74693b941">
               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="dfae5d4f-8716-4b6b-b9a6-6cc4380f4ec6" onclick="return false;" style="cursor: pointer">
+              <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="73e4529f-74da-41d5-b071-f815308f061d" onclick="return false;" style="cursor: pointer">
               </i>
               <div class="dropdown-menu dropdown-menu-right">
-               <button class="dropdown-item btn" id="0ad2d8d3-3de1-4f01-a5ed-e77459a8e655" onclick="return false;">
+               <button class="dropdown-item btn" id="0210e3c3-29b0-42df-ba16-e5a4175c3a4a" onclick="return false;">
                 Buy
                </button>
-               <button class="dropdown-item btn" id="34208d48-7102-4bcf-8739-cd7f02b84f66" onclick="return false;">
+               <button class="dropdown-item btn" id="56fbbee5-bc07-4e5e-a9f7-ac1397f577b5" onclick="return false;">
                 Sell
                </button>
-               <button class="dropdown-item btn" id="e09ae63c-2127-4d75-ab1c-94c2adc18610" onclick="return false;">
+               <button class="dropdown-item btn" id="1a67fd75-615a-4591-8d35-1d521ab283f2" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -2415,57 +2415,57 @@ Deck.Card(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="1eb85ec5-e7fc-4cea-a968-02024d628fe7">
-     <div id="dca8881d-9080-45c2-9793-28dd37705a66">
+    <div class="tab-pane fade" id="533ec48b-985e-4503-8855-7f476ee9cea0">
+     <div id="841c8c93-2a54-4097-9314-0af03fa56d13">
       <hr/>
-      <ul class="nav" id="92b79ab7-905e-4be6-aabd-532449e3a8d2" role="tablist">
+      <ul class="nav" id="c37699fe-ec54-492e-8610-4496917f2580" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#93cb8f29-bf79-4e00-95f6-57fa38273dbc" data-bs-toggle="tab" href="#93cb8f29-bf79-4e00-95f6-57fa38273dbc" id="db4e6b72-8abc-4293-8adc-113056377063" role="tab">
-         <span class="text-secondary" id="4d8bb3cf-ba31-419e-9034-a7b2d92a1cae">
+        <a class="nav-link active" data-bs-target="#37ba65a0-5238-4586-ad9c-0d4726ab0ce5" data-bs-toggle="tab" href="#37ba65a0-5238-4586-ad9c-0d4726ab0ce5" id="e9f9186c-8db6-424b-b8ff-ae2f43bbbd20" role="tab">
+         <span class="text-secondary" id="6c66a725-2feb-40a4-940e-9f33c59db6f8">
           Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#a7ffda42-1c0f-4875-8c43-3d4a8f0da69e" data-bs-toggle="tab" href="#a7ffda42-1c0f-4875-8c43-3d4a8f0da69e" id="b6f5cdbb-bb0f-411b-8eda-07b60dcfdc3a" role="tab">
-         <span class="text-secondary" id="1cbd3c31-f0d9-49dd-a00b-74d27a6bcfbe">
+        <a class="nav-link" data-bs-target="#217ba595-1f40-4715-9b8f-73b1e821911b" data-bs-toggle="tab" href="#217ba595-1f40-4715-9b8f-73b1e821911b" id="828a4b6d-db75-4489-9425-771c61873758" role="tab">
+         <span class="text-secondary" id="cc360824-a447-42ec-89a4-3bc66b9ab03a">
           Question Dialog
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#d22737e1-d6ab-421a-96d6-af1723401547" data-bs-toggle="tab" href="#d22737e1-d6ab-421a-96d6-af1723401547" id="da9c0ba1-38f5-4c80-af09-10810dd5f6e7" role="tab">
-         <span class="text-secondary" id="72c03d58-5792-4d51-a3bd-05c2026f4b14">
+        <a class="nav-link" data-bs-target="#2f8c0b1a-6b08-46bf-aef1-8728dc4817fb" data-bs-toggle="tab" href="#2f8c0b1a-6b08-46bf-aef1-8728dc4817fb" id="c80bf872-b89b-42dc-abec-17c5fe4df12f" role="tab">
+         <span class="text-secondary" id="4d183b65-9524-4412-a105-eceee4830733">
           Complex Dialog
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="93cb8f29-bf79-4e00-95f6-57fa38273dbc">
-        <div class="mt-5" id="f81ee0f5-953b-4c34-947e-c0cd058b1026">
-         <div class="d-flex justify-content-between" id="32466859-8b91-44b1-b6f8-3b241741f52e">
-          <h1 id="89f9e148-8136-431a-bfd8-58022f8b2cd6">
+       <div class="tab-pane fade active show" id="37ba65a0-5238-4586-ad9c-0d4726ab0ce5">
+        <div class="mt-5" id="34056633-c285-441d-b4ed-1fa22c2e269e">
+         <div class="d-flex justify-content-between" id="cea802f4-1add-44de-8c75-9bd3a20d0bdf">
+          <h1 id="e29f4892-a075-4779-aee8-61b8b402d947">
            Class
-           <span class="text-primary" id="34c533fc-b07f-4dfe-898e-fa8600f5fec6">
+           <span class="text-primary" id="e7120d19-9feb-4ee6-a5b0-48cbd06a8053">
             Dialog
            </span>
           </h1>
-          <div id="45ca5294-228f-41b0-9ce6-bf914ba6d88b">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4d70d364-1af9-4f9e-a166-931ee829087d" data-bs-toggle="collapse" id="258c5dfc-183a-4feb-aaa0-cf877b76bafc" onclick="return false;" type="button">
+          <div id="122567f0-d11e-477a-a17d-25f72e44dd65">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2d87b331-130c-44dc-89a8-cc56408f48e0" data-bs-toggle="collapse" id="658df3c8-1a67-4c6c-92cb-f67055212df7" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f280ab2d-38b2-4dd8-9c04-a91a8915de6f">
+         <span class="text-muted" id="da317c7a-9565-4d61-bafa-3be9e356eb4e">
           A dialog.
          </span>
-         <pre id="26d5c5f9-9b13-41e0-b394-957997b99e7c"><code class="language-python">Dialog(title, content, *actions)</code></pre>
-         <div class="ms-3 collapse" id="4d70d364-1af9-4f9e-a166-931ee829087d">
-          <h6 id="0112b297-0b94-45e4-b1dd-a51a50832f8e">
+         <pre id="2b1ef4f7-ada1-47d2-a757-9630dd78adf7"><code class="language-python">Dialog(title, content, *actions)</code></pre>
+         <div class="ms-3 collapse" id="2d87b331-130c-44dc-89a8-cc56408f48e0">
+          <h6 id="e40744e4-c54e-4530-9dc9-dd88b60e2198">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="3f1c28f7-d702-4d64-b094-bfba20effb01">
+          <table class="table table-sm bg-light" id="c3ea6fca-fe5b-41d9-a45a-0cc394767105">
            <thead>
             <tr>
              <th scope="col">
@@ -2528,11 +2528,11 @@ Deck.Card(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="591fd8f0-efdb-4674-914a-d6dd0534e9ba">
-          <h6 id="5fc21c3a-82a0-4eda-ab7f-eca43c38e81a">
+         <div class="ms-3" id="612e4093-8fca-492b-bdce-f868de1a9106">
+          <h6 id="49bc2b84-fc1c-4f10-820c-0eb7437b282f">
            Example
           </h6>
-          <pre id="38b12bbf-2c86-4dee-a71e-81fc2dba36c8"><code class="language-python">from bootwrap import Panel, Dialog, Button
+          <pre id="e012f806-679c-4b25-86e8-4959473b12b3"><code class="language-python">from bootwrap import Panel, Dialog, Button
 
 dialog = Dialog(
     'Greeting',
@@ -2544,9 +2544,9 @@ button = Button('Say Hello').toggle(dialog)
 Panel(dialog, button)
 </code></pre>
          </div>
-         <div class="ms-3" id="28021a36-ceb0-444c-82ce-88ffbc5b58ab">
-          <div id="531c6498-7409-41cd-a85c-d767364077d2">
-           <div class="modal" id="18dca6fc-f6ea-4edd-9041-73c08661f41c">
+         <div class="ms-3" id="41dc5b2f-dfaf-411e-86a3-009a795959b4">
+          <div id="ec9d58f9-85de-48c0-81f0-6cbe61839c3d">
+           <div class="modal" id="3848f0c7-7a9a-42be-bf0e-465254bcdad1">
             <div class="modal-dialog" role="document">
              <div class="modal-content">
               <div class="modal-header">
@@ -2560,42 +2560,42 @@ Panel(dialog, button)
                Hello World!
               </div>
               <div class="modal-footer">
-               <button class="btn" data-bs-dismiss="modal" id="7ad22fd2-e357-4ab4-adc7-c32c9a0bc2f5" onclick="return false;" type="button">
+               <button class="btn" data-bs-dismiss="modal" id="7b36a033-b4e8-416c-9c7f-29a8c30c09c1" onclick="return false;" type="button">
                 Bye
                </button>
               </div>
              </div>
             </div>
            </div>
-           <button class="btn" data-bs-target="#18dca6fc-f6ea-4edd-9041-73c08661f41c" data-bs-toggle="modal" id="5bd009c8-1118-46b8-8ee2-dfc362035ac3" onclick="return false;" type="button">
+           <button class="btn" data-bs-target="#3848f0c7-7a9a-42be-bf0e-465254bcdad1" data-bs-toggle="modal" id="5035c55a-8705-40e6-9dfe-5750f793ea41" onclick="return false;" type="button">
             Say Hello
            </button>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="a7ffda42-1c0f-4875-8c43-3d4a8f0da69e">
-        <div class="mt-3" id="18e1a760-3dd7-40af-8078-0b5e28e4bfdb">
-         <div id="03346618-b043-4a3e-9d3c-085e27ed79e5">
+       <div class="tab-pane fade" id="217ba595-1f40-4715-9b8f-73b1e821911b">
+        <div class="mt-3" id="7bb2ea3e-d5d0-40d4-b73b-1e47b3ec4507">
+         <div id="3b6492f1-3cf2-4cae-a79a-07253cd5a7a0">
           <div class="row">
            <div class="col-md">
-            <div id="9a5005d5-40ce-454e-b887-144a72d7d7c4">
-             <h1 id="2c89445b-3cb5-4287-859c-7d4afb98acf3">
+            <div id="8f5a8c12-c2d1-4e23-88bb-6c50e7e3ea6c">
+             <h1 id="f81d190d-5fdf-4c3c-9630-ac8df9de9800">
               Question Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="1d3db2fe-8758-4cc3-99c1-d8a17400dcfc">
+            <div id="7a740e5d-6630-40d4-8229-6be08a994850">
             </div>
            </div>
           </div>
          </div>
-         <div id="077f49a8-f719-4097-a9bf-b8dee219cf72">
+         <div id="d8153bde-045e-4f77-a45a-a032bf02c065">
           <div class="row">
            <div class="col-md">
-            <div id="27c3101e-f2f7-4d5a-9b85-49b65bf553f6">
-             <p id="f7bf1587-858a-436c-be88-e130fd1b2079">
+            <div id="7bf1a59a-765f-45cd-bab7-ea48ca0eeb84">
+             <p id="a2175da1-61be-4b15-824d-31b89a750c42">
               An example of how
               <code>
                Dialog
@@ -2615,8 +2615,8 @@ Panel(dialog, button)
             </div>
            </div>
            <div class="col-md">
-            <div id="24292aa3-43bc-469d-ab5a-7d18be13b91a">
-             <pre id="7603bad7-7457-4ee5-a5cb-8a988d70706d"><code class="language-python">from bootwrap import Panel, Dialog, Button
+            <div id="1b35556e-ed66-457c-a022-65abc7a57af1">
+             <pre id="2e534b89-cae1-4f90-becf-90329277b003"><code class="language-python">from bootwrap import Panel, Dialog, Button
 
 dialog = Dialog(
   "Delete File",
@@ -2628,8 +2628,8 @@ dialog = Dialog(
 button = Button("Delete").as_danger().toggle(dialog)   
 
 Panel(dialog, button)</code></pre>
-             <div id="e1e9301d-c946-4bf0-b436-9f2cfecf95a7">
-              <div class="modal" id="7342b5ee-c9bf-414f-99c3-5e700a567cc9">
+             <div id="5f7f5683-8470-496e-af63-ab9279f09652">
+              <div class="modal" id="b6f81b97-0e2d-499e-af71-ba607a68ae00">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -2643,17 +2643,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="59e641a3-83f1-45e3-90ab-269c5b9ef6bc" onclick="return false;" type="button">
+                  <button class="btn btn-danger" data-bs-dismiss="modal" id="2c995c65-2204-4240-9ffe-14e0a78b0cb6" onclick="return false;" type="button">
                    Confirm
                   </button>
-                  <button class="btn" data-bs-dismiss="modal" id="8fffcc91-2b8a-4722-8dcf-2e065db027a6" onclick="return false;" type="button">
+                  <button class="btn" data-bs-dismiss="modal" id="30430799-230b-4f1e-94e3-70aa550f5cad" onclick="return false;" type="button">
                    Cancel
                   </button>
                  </div>
                 </div>
                </div>
               </div>
-              <button class="btn btn-danger" data-bs-target="#7342b5ee-c9bf-414f-99c3-5e700a567cc9" data-bs-toggle="modal" id="d7a9fd2e-a447-4967-821c-18c3fb1e085f" onclick="return false;" type="button">
+              <button class="btn btn-danger" data-bs-target="#b6f81b97-0e2d-499e-af71-ba607a68ae00" data-bs-toggle="modal" id="643394d4-a636-480b-ac31-1d8b6b5596da" onclick="return false;" type="button">
                Delete
               </button>
              </div>
@@ -2663,28 +2663,28 @@ Panel(dialog, button)</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="d22737e1-d6ab-421a-96d6-af1723401547">
-        <div class="mt-3" id="b6c279e4-1367-4e26-9ba5-9569af805f3f">
-         <div id="d686c972-e80d-4632-9c51-e6b168273de3">
+       <div class="tab-pane fade" id="2f8c0b1a-6b08-46bf-aef1-8728dc4817fb">
+        <div class="mt-3" id="61f69485-a2f9-4b84-945e-47c2092e9efb">
+         <div id="42c58e9d-9d06-438a-a27d-0f25435e4edd">
           <div class="row">
            <div class="col-md">
-            <div id="cada4a7f-fde1-4263-a31e-8743a85af291">
-             <h1 id="96238bff-89b3-4d65-b4c3-5cb5d360bd15">
+            <div id="b755aa7c-dba2-4b07-b06d-d34f0ef6334b">
+             <h1 id="e3e91f87-55a1-4fe7-b02b-671935cdea53">
               Complex Dialog
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="896b00d5-d883-4ced-bb45-531ab75ad40f">
+            <div id="c0890923-b05b-42d1-8aa3-9ceefc40ffbd">
             </div>
            </div>
           </div>
          </div>
-         <div id="8fa2821f-e4dd-44bd-99c0-81c2a70f717f">
+         <div id="c0f1b757-dfbb-4be9-b9a9-96ba15f5993e">
           <div class="row">
            <div class="col-md">
-            <div id="9a2db2a2-308e-42f3-8b85-91fd67d944d6">
-             <p id="9b552165-0578-43c9-981c-3e7448411484">
+            <div id="2ae496dc-0f2d-45f3-b915-d805d07599e0">
+             <p id="b006ae87-33a9-4212-b10c-457597412ce2">
               An example of how
               <code>
                Dialog
@@ -2713,8 +2713,8 @@ Panel(dialog, button)</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="8b54a641-1d9c-404c-bb19-b0b63f9cb264">
-             <pre id="b7e7f361-571a-4b71-a4e5-b5ec69c6c7a4"><code class="language-python">from bootwrap import Panel, Form, NumericInput, Dialog, Button
+            <div id="03f24823-400b-49f4-8d56-0f5a6ad09049">
+             <pre id="47a0487f-c8db-45dd-97e0-d58ad5b05f1e"><code class="language-python">from bootwrap import Panel, Form, NumericInput, Dialog, Button
 
 dialog = Dialog(
     "Buy Company Shares",
@@ -2732,8 +2732,8 @@ dialog = Dialog(
 button = Button("Buy Shares").as_primary().toggle(dialog)   
 
 Panel(dialog, button)</code></pre>
-             <div id="a3181c61-e153-41a7-8751-91871f6509b3">
-              <div class="modal" id="034575f9-a3ea-4b18-92b9-88731ef4fdd8">
+             <div id="8c07d0ee-0590-4e9f-bde9-4f2c1c3104e8">
+              <div class="modal" id="1116263b-aac3-4be9-9a14-c9392bc45c9a">
                <div class="modal-dialog" role="document">
                 <div class="modal-content">
                  <div class="modal-header">
@@ -2744,19 +2744,19 @@ Panel(dialog, button)</code></pre>
                   </button>
                  </div>
                  <div class="modal-body">
-                  <form enctype="multipart/form-data" id="d387230d-2296-427a-8c2f-10f0cbdd4cc4" method="POST">
+                  <form enctype="multipart/form-data" id="689fc30f-905a-4ded-8e55-5480e1da13c0" method="POST">
                    <div class="form-group row">
-                    <label class="col-sm-4 col-form-label d-flex align-items-center" for="5b1e0f9d-e37c-4dd4-b1e7-223b63a83612">
+                    <label class="col-sm-4 col-form-label d-flex align-items-center" for="4823393f-906e-4a51-80ef-65795c108ecb">
                      Amount($)
                     </label>
                     <div class="col-sm-8 d-flex align-items-center">
-                     <input class="form-control" id="5b1e0f9d-e37c-4dd4-b1e7-223b63a83612" name="amount" placeholder="enter an amount for buying shares" type="number"/>
+                     <input class="form-control" id="4823393f-906e-4a51-80ef-65795c108ecb" name="amount" placeholder="enter an amount for buying shares" type="number"/>
                     </div>
                    </div>
-                   <button class="float-right btn" data-bs-dismiss="modal" id="641f91e1-4410-4285-9e35-a537ead81074" onclick="return false;" type="button">
+                   <button class="float-right btn" data-bs-dismiss="modal" id="5b792fb6-b9ed-47ad-b1f0-2d9adde6c828" onclick="return false;" type="button">
                     Cancel
                    </button>
-                   <button class="float-right me-2 btn btn-success" data-bs-dismiss="modal" id="a3282dbf-1f2c-4c39-806f-c4bb45a1b1b4" onclick="return false;" type="button">
+                   <button class="float-right me-2 btn btn-success" data-bs-dismiss="modal" id="5a130505-cb31-49a4-99ba-554d517844d9" onclick="return false;" type="button">
                     Buy
                    </button>
                   </form>
@@ -2764,7 +2764,7 @@ Panel(dialog, button)</code></pre>
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" data-bs-target="#034575f9-a3ea-4b18-92b9-88731ef4fdd8" data-bs-toggle="modal" id="2bbeb2f9-1027-4f7e-af9c-e2e4d98d7dc8" onclick="return false;" type="button">
+              <button class="btn btn-primary" data-bs-target="#1116263b-aac3-4be9-9a14-c9392bc45c9a" data-bs-toggle="modal" id="bb74d157-af33-4093-b91e-12749596b329" onclick="return false;" type="button">
                Buy Shares
               </button>
              </div>
@@ -2777,106 +2777,106 @@ Panel(dialog, button)</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="ffe22e44-60bf-4fda-b060-e8f8dca4d2c0">
-     <div id="27fd460b-afc6-4750-9c15-7b10762e4077">
+    <div class="tab-pane fade" id="e1bf5145-4b7e-4603-b030-ee8fd213c1db">
+     <div id="83ec1ca5-3bfc-4a16-8d72-57a2c42f219b">
       <hr/>
-      <ul class="nav" id="6f0144d0-e88d-4828-b708-ba376c73ab29" role="tablist">
+      <ul class="nav" id="867ba072-e59f-4ed2-84ef-935a59c3fef1" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#e910f789-2d21-4a89-99d3-71aca10f974c" data-bs-toggle="tab" href="#e910f789-2d21-4a89-99d3-71aca10f974c" id="1d129249-c0c7-479b-994a-e78ae3ad034c" role="tab">
-         <span class="text-secondary" id="22cbd46b-70aa-4f08-9c10-88ce0f41a7ef">
+        <a class="nav-link active" data-bs-target="#bd2525ec-5fbf-4261-bd79-67bc2077ea90" data-bs-toggle="tab" href="#bd2525ec-5fbf-4261-bd79-67bc2077ea90" id="5501fc5b-4e53-44ff-b484-ee62a6b85cee" role="tab">
+         <span class="text-secondary" id="65d50797-7030-46a9-b046-b90871a836c5">
           Form
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9dcf6359-331e-45bb-8dff-d63b7c62583f" data-bs-toggle="tab" href="#9dcf6359-331e-45bb-8dff-d63b7c62583f" id="931ce73b-1b5f-46d7-b13d-a98b9e6f98c5" role="tab">
-         <span class="text-secondary" id="c0850c1e-2b29-4ea9-99f6-16702e339e52">
+        <a class="nav-link" data-bs-target="#daa4115f-db32-41ac-bb7e-4887275efb98" data-bs-toggle="tab" href="#daa4115f-db32-41ac-bb7e-4887275efb98" id="94c02294-acb1-49ca-99a2-9dfc3eb9b37f" role="tab">
+         <span class="text-secondary" id="3607d2b5-0bb6-4a57-88d0-e1336e3798a6">
           CheckboxInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#50eca9f0-6fbb-4372-a381-1a62947de02c" data-bs-toggle="tab" href="#50eca9f0-6fbb-4372-a381-1a62947de02c" id="7b39bae7-dc6b-41a5-bf9e-f482c9dfd14e" role="tab">
-         <span class="text-secondary" id="f52fc885-ce94-4224-89d7-20e99c48c8c1">
+        <a class="nav-link" data-bs-target="#1130565b-169a-41dc-9852-e4b215e1675d" data-bs-toggle="tab" href="#1130565b-169a-41dc-9852-e4b215e1675d" id="46b4d7dc-f652-4551-8892-2eae27a1c6a3" role="tab">
+         <span class="text-secondary" id="a9e769d6-6bfc-48e8-ac94-cf66033f0902">
           TextInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9a2a0603-e7f8-46ba-9f52-4e831df37bce" data-bs-toggle="tab" href="#9a2a0603-e7f8-46ba-9f52-4e831df37bce" id="3877afff-1562-4e50-9c27-06d5f10dffdc" role="tab">
-         <span class="text-secondary" id="f0686ac9-8f29-49fc-80a6-14cd58bead2a">
+        <a class="nav-link" data-bs-target="#600bd01c-e317-4930-94b1-408e04731498" data-bs-toggle="tab" href="#600bd01c-e317-4930-94b1-408e04731498" id="caa63f5c-09cf-417c-91c0-ab07000c4e87" role="tab">
+         <span class="text-secondary" id="27c964a2-1394-4a5c-898e-4986cc407490">
           NumericInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#eb15ee1c-8bee-4fee-84ce-f168d50cfce8" data-bs-toggle="tab" href="#eb15ee1c-8bee-4fee-84ce-f168d50cfce8" id="d3a00a4b-60d5-42df-a5ca-6fdf43f9cb8e" role="tab">
-         <span class="text-secondary" id="00624aae-125f-455a-999f-9062022618a6">
+        <a class="nav-link" data-bs-target="#ea50368d-a9a8-49d6-bc7e-e0a469b57125" data-bs-toggle="tab" href="#ea50368d-a9a8-49d6-bc7e-e0a469b57125" id="d7ba42bb-dbb3-44c5-a788-ed5fe234a52d" role="tab">
+         <span class="text-secondary" id="4bf7425c-67c8-48ba-b418-c98fb292ad60">
           SelectInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#643ef479-76ed-4216-80d5-ef688befb662" data-bs-toggle="tab" href="#643ef479-76ed-4216-80d5-ef688befb662" id="4f7cb31f-c0cb-4119-b94f-d43994c22090" role="tab">
-         <span class="text-secondary" id="99d76f2f-4eb4-43d2-a4f7-0bd037ad62c1">
+        <a class="nav-link" data-bs-target="#efc9531a-0994-430b-9de4-65395077f807" data-bs-toggle="tab" href="#efc9531a-0994-430b-9de4-65395077f807" id="29030f02-b849-4b75-b9d6-e5b31b28ec69" role="tab">
+         <span class="text-secondary" id="448643aa-b8bd-44b2-a4d3-151965cfecae">
           SelectInput.Option
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#93503f0c-c22c-48f1-9a84-ceee1dea13f7" data-bs-toggle="tab" href="#93503f0c-c22c-48f1-9a84-ceee1dea13f7" id="c0873fb1-b0d1-4607-9afe-d809b84d2453" role="tab">
-         <span class="text-secondary" id="1753793b-a9b3-402b-8e4f-c2fa9f724d12">
+        <a class="nav-link" data-bs-target="#8ea89d32-e638-4333-84cf-fb2d04fb0756" data-bs-toggle="tab" href="#8ea89d32-e638-4333-84cf-fb2d04fb0756" id="ba79fce1-7513-4835-ac91-6cadd514b8c4" role="tab">
+         <span class="text-secondary" id="4979927f-c228-47ac-a2ba-609dea4d6d83">
           JsonInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#0df672b3-dbc7-4e1f-ba78-d8fbf8039e4d" data-bs-toggle="tab" href="#0df672b3-dbc7-4e1f-ba78-d8fbf8039e4d" id="d2908ab7-3acb-4862-b377-98b7b09d8500" role="tab">
-         <span class="text-secondary" id="d9e01684-3d5e-4301-83e7-2b54fbbb4ef9">
+        <a class="nav-link" data-bs-target="#cb831bc7-6071-4660-83a6-8c1fb346bce8" data-bs-toggle="tab" href="#cb831bc7-6071-4660-83a6-8c1fb346bce8" id="90dbdc80-3914-4bf2-9970-d74000c59554" role="tab">
+         <span class="text-secondary" id="38e1734b-50ab-4615-b09c-73e478fafea9">
           HiddenInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#1ddd8dea-8929-4f62-b7c0-940009cc5fbd" data-bs-toggle="tab" href="#1ddd8dea-8929-4f62-b7c0-940009cc5fbd" id="34e36ea8-17f5-4a88-a7d3-6d3f37f99792" role="tab">
-         <span class="text-secondary" id="2dea6a61-02e5-4573-9c76-5eda8d62b8b1">
+        <a class="nav-link" data-bs-target="#29f4edb3-bd8f-4e8e-a5af-7493ae4baa5d" data-bs-toggle="tab" href="#29f4edb3-bd8f-4e8e-a5af-7493ae4baa5d" id="882e10f0-8c54-4a58-8eae-e81abb7cc09d" role="tab">
+         <span class="text-secondary" id="0e75c0cf-aeae-4659-86b1-c46f8ae20b73">
           FileInput
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#1ca50ae1-8f98-4d53-b29f-b4b51ab19abe" data-bs-toggle="tab" href="#1ca50ae1-8f98-4d53-b29f-b4b51ab19abe" id="2e8aa4e0-bd20-4c01-91c5-ccef47c7c8ff" role="tab">
-         <span class="text-secondary" id="a9f32d74-79d3-4cd7-b0d7-1d41f0c92b04">
+        <a class="nav-link" data-bs-target="#ef20aea4-1401-4e1e-b10b-3a8ec4e4f940" data-bs-toggle="tab" href="#ef20aea4-1401-4e1e-b10b-3a8ec4e4f940" id="01eb073b-50b6-4811-9f85-db5d00c797a2" role="tab">
+         <span class="text-secondary" id="392a5de2-f85e-4e6b-af5a-579bd19b92a6">
           InputGroup
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="e910f789-2d21-4a89-99d3-71aca10f974c">
-        <div class="mt-5" id="88e4546c-1be4-4e97-898b-356c9928dc4d">
-         <div class="d-flex justify-content-between" id="7c205e87-c4a4-477f-aa24-d723c3ae61a8">
-          <h1 id="0d0be8ce-858f-4065-9c23-7a1a88a06f21">
+       <div class="tab-pane fade active show" id="bd2525ec-5fbf-4261-bd79-67bc2077ea90">
+        <div class="mt-5" id="3e563a42-fa84-4162-a625-5c096ce22323">
+         <div class="d-flex justify-content-between" id="995d83ed-3ba5-435e-a973-29c5474d0b69">
+          <h1 id="23dd987c-5647-4688-b7af-41964ba3212f">
            Class
-           <span class="text-primary" id="21155bb2-e788-4c08-aac0-b844b2ea27e3">
+           <span class="text-primary" id="3bf472d5-e6dd-4a76-a63a-163d48187869">
             Form
            </span>
           </h1>
-          <div id="524a75aa-1870-440f-9119-f4e19f07aebb">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c650bcd7-492e-41ec-a5b2-b51964a1b7a6" data-bs-toggle="collapse" id="3d36c904-5ac8-48b1-a5bc-cd866f8c1010" onclick="return false;" type="button">
+          <div id="738fa5c7-58fc-4be0-8aec-42f97879789d">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2d1e7f4e-eca2-4931-8bea-e77b10dde179" data-bs-toggle="collapse" id="d86eadf7-a03e-4546-8c1b-a704c35c3ecc" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="9c599c70-7a5b-47ad-88d3-cd70e30dda87">
+         <span class="text-muted" id="d21338c2-475e-4cb9-b566-3c8f17df8252">
           A web component for a form.
          </span>
-         <pre id="cd18e551-fd65-470c-b8b6-a350f25af2f7"><code class="language-python">Form(*components)</code></pre>
-         <div class="ms-3 collapse" id="c650bcd7-492e-41ec-a5b2-b51964a1b7a6">
-          <h6 id="4159be02-6f59-47af-a4e7-0d869689b516">
+         <pre id="2d6c08be-33f1-4033-8b29-4e6e08e80d0d"><code class="language-python">Form(*components)</code></pre>
+         <div class="ms-3 collapse" id="2d1e7f4e-eca2-4931-8bea-e77b10dde179">
+          <h6 id="e8766cd2-88e5-41f3-a8ff-6302a5dcefa2">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="efa66d62-debb-44b1-bba9-82687103f081">
+          <table class="table table-sm bg-light" id="616e6f08-ffe5-4e2b-a5d1-89a49da2f693">
            <thead>
             <tr>
              <th scope="col">
@@ -2914,7 +2914,7 @@ Panel(dialog, button)</code></pre>
            </tbody>
           </table>
          </div>
-         <p id="0b377d49-62aa-48bc-9eaa-15f6f047ffa6">
+         <p id="da675511-9ac9-4c58-8664-ada184ad384c">
           Use the
           <code>
            on_submit(href)
@@ -2922,11 +2922,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="10d0eac8-0c34-4343-8ab2-43cba4bf01e4">
-          <h6 id="39ad5789-047c-4990-8adb-e38767f8b5bc">
+         <div class="ms-3" id="09d0c2dd-d99d-4de9-931a-22331c90b338">
+          <h6 id="05be1e5a-a806-4898-be6a-62f8690af16e">
            Example
           </h6>
-          <pre id="12d133dc-bcb0-47f9-9608-fcbac3331cfb"><code class="language-python">from bootwrap import Form
+          <pre id="4c104f18-fc03-4ad7-b62f-0b9457042af3"><code class="language-python">from bootwrap import Form
 
 Form(
     # here should be an enumeration  of
@@ -2935,32 +2935,32 @@ Form(
 ).on_submit('go/to/this/url')
 </code></pre>
          </div>
-         <div class="mt-5" id="5560be52-864e-4dd4-ac84-9b2464c1a513">
-          <div class="d-flex justify-content-between" id="090f444e-6371-43ad-b301-46b132b02623">
-           <h4 id="3f3069c5-5b63-4827-b62a-f07cdb1a9305">
+         <div class="mt-5" id="fae58e47-ad05-46bc-a7eb-081544bc32c6">
+          <div class="d-flex justify-content-between" id="2252f207-8f52-4252-82d8-c1df3f8b4221">
+           <h4 id="3f4b8cb0-e212-4775-8f92-dec6edee02c1">
             Method
-            <span class="text-primary" id="88acfcc5-3f1e-4e6f-81dc-a98f2ff949f3">
+            <span class="text-primary" id="e389931d-bc38-4633-ab05-484b03ec7f6d">
              on_submit
             </span>
            </h4>
-           <div id="8862da9b-0eb6-463e-b396-77c6a8e21bb4">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#9596d3bc-a61e-40e9-9478-0bca508b625c" data-bs-toggle="collapse" id="bb25d614-46eb-43da-8a3a-90b56e5bfa57" onclick="return false;" type="button">
+           <div id="4dc32298-e758-405c-9bf2-68b46d7a811e">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#efb26194-5cc0-4676-b41c-b9715aa71f53" data-bs-toggle="collapse" id="94b6a26d-f400-43ad-a5f2-fabff0cf7a36" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#ef1bd2eb-55d8-458a-a159-e56f1734e962" data-bs-toggle="collapse" id="5babf9b4-bdeb-4568-89ed-7f91b00a8336" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#b3786579-1552-45b0-a6e0-40d0792eae8f" data-bs-toggle="collapse" id="3ca74a2a-c87a-4fe9-a25f-9ea2dbad8f49" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="563fbdc1-cde5-4f16-8827-0a62911ef2e6">
+          <span class="text-muted" id="94ebc7bc-2127-4a82-9d8e-4b4e87a5affc">
            Sets the submit URL, for the POST request.
           </span>
-          <pre id="998cea12-e9e2-4d06-b60d-aa95ddafa69c"><code class="language-python">on_submit(href)</code></pre>
-          <div class="ms-3 collapse" id="9596d3bc-a61e-40e9-9478-0bca508b625c">
-           <h6 id="f56dda3e-b425-45e7-a68e-3feaf1881cec">
+          <pre id="69208c22-f629-44f0-9f9a-e5a5ec261527"><code class="language-python">on_submit(href)</code></pre>
+          <div class="ms-3 collapse" id="efb26194-5cc0-4676-b41c-b9715aa71f53">
+           <h6 id="5b0b71f3-71b3-4059-a605-0c18dad32568">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="f9ce624c-2833-454f-97c4-9174ca5b105e">
+           <table class="table table-sm bg-light" id="b2a58f77-f126-4bd8-9de9-13754920a4f9">
             <thead>
              <tr>
               <th scope="col">
@@ -2993,11 +2993,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="ef1bd2eb-55d8-458a-a159-e56f1734e962">
-           <h6 id="9e08ca16-81b5-4146-9e9a-396c8417437f">
+          <div class="ms-3 collapse" id="b3786579-1552-45b0-a6e0-40d0792eae8f">
+           <h6 id="75a1ac31-2f67-4c3f-8f9a-c39aed8a07fa">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="da8a0d8b-53c3-4d10-88d2-d7caa84c4b4a">
+           <table class="table table-sm bg-light" id="a9bf0d55-f492-4e44-ad80-578f946a59cd">
             <thead>
              <tr>
               <th scope="col">
@@ -3030,11 +3030,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="c6671a8e-321a-466d-ba08-a87ac5e408ee">
-           <h6 id="fac8e28b-5d3c-4a20-9bdc-60d1cccbfd99">
+          <div class="ms-3" id="7da3dabf-3f36-4506-ae76-c321a6ba561d">
+           <h6 id="0a28ed68-35b3-498b-b9bc-32e1e8765dbc">
             Example
            </h6>
-           <pre id="a1fb7421-45d7-4c4d-a728-d0c6989c5269"><code class="language-python">from bootwrap import Form
+           <pre id="3a292a0a-857a-4f6e-8034-d6da1413a411"><code class="language-python">from bootwrap import Form
 
 Form(...).on_submit('go/to/this/url')
 </code></pre>
@@ -3042,30 +3042,30 @@ Form(...).on_submit('go/to/this/url')
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9dcf6359-331e-45bb-8dff-d63b7c62583f">
-        <div class="mt-5" id="02e29ea6-0a57-4368-9cc9-de4274faf08f">
-         <div class="d-flex justify-content-between" id="45b508f5-dd0c-4a87-9c24-0303faa954a0">
-          <h1 id="1b4e6748-09b6-42cb-ae7b-4448ff8966a9">
+       <div class="tab-pane fade" id="daa4115f-db32-41ac-bb7e-4887275efb98">
+        <div class="mt-5" id="3d5e99c3-b401-4cfc-bfc9-ddad2e03ed11">
+         <div class="d-flex justify-content-between" id="3dbc7d3c-c3fa-46b2-99e4-57e5f0b22d3b">
+          <h1 id="2cf5b10d-f703-4664-8dd5-a5773bf257ce">
            Class
-           <span class="text-primary" id="f37cdc50-58d2-402f-89c1-86e0c7707907">
+           <span class="text-primary" id="43d3ac48-28a9-4f9d-899f-7e274d1f6182">
             CheckboxInput
            </span>
           </h1>
-          <div id="c514311d-8d25-4bd8-a3b5-04b25f1b4224">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#14a05321-a3b5-40e0-afbe-30d88a1d2f3a" data-bs-toggle="collapse" id="4b2ae6dc-0827-4bfd-9065-843c901a94c4" onclick="return false;" type="button">
+          <div id="b6520100-40b4-41b0-9996-35ec1458950b">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#235500a9-3aea-4266-bb2b-689348f55a53" data-bs-toggle="collapse" id="b8ffb594-050a-4579-b81d-0237dcf2567e" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="3594589a-9109-40fd-879b-b5c069ad7ead">
+         <span class="text-muted" id="78d58669-2fba-4a5a-85dc-516e1767d963">
           A checkbox input.
          </span>
-         <pre id="1cd71cb3-9628-4b9f-b4aa-ba550f891b2f"><code class="language-python">CheckboxInput(label, name, checked=False)</code></pre>
-         <div class="ms-3 collapse" id="14a05321-a3b5-40e0-afbe-30d88a1d2f3a">
-          <h6 id="feca359a-ca3b-4f0e-a457-e07eefee6f4f">
+         <pre id="fdcf2bf0-fe32-4421-b33b-81768a14d4db"><code class="language-python">CheckboxInput(label, name, checked=False)</code></pre>
+         <div class="ms-3 collapse" id="235500a9-3aea-4266-bb2b-689348f55a53">
+          <h6 id="d740ea11-0851-4a76-ae5c-0a740716887d">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="3e04bc74-c6f9-41b1-9fde-a32259e57767">
+          <table class="table table-sm bg-light" id="64020689-1739-4fd9-8292-a8dc860a1d76">
            <thead>
             <tr>
              <th scope="col">
@@ -3128,7 +3128,7 @@ Form(...).on_submit('go/to/this/url')
            </tbody>
           </table>
          </div>
-         <p id="7950a3f0-92f7-4c4f-9616-ad757fd55396">
+         <p id="261f66c9-2183-4583-a60b-dd47643ee482">
           Use the
           <code>
            as_disabled()
@@ -3140,11 +3140,11 @@ Form(...).on_submit('go/to/this/url')
           </code>
           component.
          </p>
-         <div class="ms-3" id="06cb4937-f50f-4f98-9623-f709fb9ff409">
-          <h6 id="c2177880-ecd0-43f3-9fce-e58a89ab9342">
+         <div class="ms-3" id="14f469d9-d516-4c6a-82ae-5e549d7413c1">
+          <h6 id="70b15653-b0f0-4321-adc7-9b3f265af46f">
            Example
           </h6>
-          <pre id="abf66a12-a4ba-431c-9c6f-c48d56cb04ee"><code class="language-python">from bootwrap import Form, CheckboxInput
+          <pre id="107197e4-9545-46bb-ba36-f46590baa05a"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1'),
@@ -3154,61 +3154,61 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="0ce2ec78-be86-4097-9b95-9a231445827b">
-          <form enctype="multipart/form-data" id="90d13ac5-23a9-4f0e-8ca4-e03c6e59b1c3" method="POST">
+         <div class="ms-3" id="ba0baa3f-bc1d-413d-a50f-89560c747df9">
+          <form enctype="multipart/form-data" id="f30a2158-53d7-4512-a2c6-c03229922efe" method="POST">
            <div class="form-check">
-            <input autocomplete="off" class="form-check-input" id="b8a5e61d-f864-420c-a92a-8c060733b3e9" name="opt1" type="checkbox" value="true"/>
-            <input name="opt1" type="hidden" value="false"/>
-            <label class="form-check-label" for="b8a5e61d-f864-420c-a92a-8c060733b3e9">
+            <input autocomplete="off" class="form-check-input" id="c500530e-224e-4711-9a13-1cfb790f91a4" name="opt1" type="checkbox" value="true"/>
+            <label class="form-check-label" for="c500530e-224e-4711-9a13-1cfb790f91a4">
              One
+             <input name="opt1" type="hidden" value="false"/>
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" checked="" class="form-check-input" id="de118c37-c848-44e6-a403-389e1b1a67d4" name="opt2" type="checkbox" value="true"/>
-            <input name="opt2" type="hidden" value="false"/>
-            <label class="form-check-label" for="de118c37-c848-44e6-a403-389e1b1a67d4">
+            <input autocomplete="off" checked="" class="form-check-input" id="d092f4dd-4684-4cc8-960e-acb0fb6a8fe2" name="opt2" type="checkbox" value="true"/>
+            <label class="form-check-label" for="d092f4dd-4684-4cc8-960e-acb0fb6a8fe2">
              Two
+             <input name="opt2" type="hidden" value="false"/>
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" class="form-check-input" disabled="" id="a0b45a45-101f-4ef3-94f6-9adc0a1d2485" name="opt3" type="checkbox" value="true"/>
-            <input name="opt3" type="hidden" value="false"/>
-            <label class="form-check-label" for="a0b45a45-101f-4ef3-94f6-9adc0a1d2485">
+            <input autocomplete="off" class="form-check-input" disabled="" id="331c126a-5006-4a7a-b1c8-fdea69d16950" name="opt3" type="checkbox" value="true"/>
+            <label class="form-check-label" for="331c126a-5006-4a7a-b1c8-fdea69d16950">
              Three
+             <input name="opt3" type="hidden" value="false"/>
             </label>
            </div>
            <div class="form-check">
-            <input autocomplete="off" checked="" class="form-check-input" disabled="" id="af987ac9-e32f-40ad-be98-d8f22cc38965" name="opt4" type="checkbox" value="true"/>
-            <input name="opt4" type="hidden" value="false"/>
-            <label class="form-check-label" for="af987ac9-e32f-40ad-be98-d8f22cc38965">
+            <input autocomplete="off" checked="" class="form-check-input" disabled="" id="cdc6d3a4-7f0b-4dc0-b47a-9d7b9be42140" name="opt4" type="checkbox" value="true"/>
+            <label class="form-check-label" for="cdc6d3a4-7f0b-4dc0-b47a-9d7b9be42140">
              Four
+             <input name="opt4" type="hidden" value="false"/>
             </label>
            </div>
           </form>
          </div>
-         <div class="mt-5" id="2e936f4a-e00f-4348-a9bf-0213217d1bd2">
-          <div class="d-flex justify-content-between" id="e0be9aea-8576-44d6-afe3-1db3bb7dacf1">
-           <h4 id="0b52c434-2e50-4a0c-919d-f3f30d024214">
+         <div class="mt-5" id="0a74d379-a7ba-47d9-957d-38b5782d3218">
+          <div class="d-flex justify-content-between" id="0b3b0447-3346-4d1b-a442-c74f2938b093">
+           <h4 id="b6d092b7-e7d5-4c36-b1b0-ce8a52e47775">
             Method
-            <span class="text-primary" id="d4a61496-f8cc-4df1-b38f-f24ad3a8e3a8">
+            <span class="text-primary" id="583e7b32-374b-43fd-973f-ad58b286ea5a">
              as_button
             </span>
            </h4>
-           <div id="8fd12c41-eff5-4e4c-ad70-bdd1b835cd4c">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#8a4416a4-a838-48fc-8578-a32501791716" data-bs-toggle="collapse" id="dfbc7454-a970-4659-8971-3644bff0ecd7" onclick="return false;" type="button">
+           <div id="add5688c-faf4-4ea3-83c4-31c6d3d0bfcf">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#be8ba6b4-31a2-4204-acbc-4c28c030743e" data-bs-toggle="collapse" id="40b2b4de-5505-4a92-83d7-9f698ae4315d" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="618849c7-9199-4d43-98e6-74de3edb8a78">
+          <span class="text-muted" id="09be0e02-fdb5-4f82-b25e-242e12520fe7">
            Sets the "button"-style to the check box.
           </span>
-          <pre id="c94b3a39-4ac5-4cf2-9d9b-83c885858d53"><code class="language-python">as_button()</code></pre>
-          <div class="ms-3 collapse" id="8a4416a4-a838-48fc-8578-a32501791716">
-           <h6 id="d59dd5e2-25f9-46e4-8ce7-c3f43135c151">
+          <pre id="c48c3b19-bea5-4400-bd71-b9ee737941f3"><code class="language-python">as_button()</code></pre>
+          <div class="ms-3 collapse" id="be8ba6b4-31a2-4204-acbc-4c28c030743e">
+           <h6 id="6bf96d3c-d567-432a-a27f-1c81a3035d9a">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="d92af788-b2d7-4ef5-9908-827898f7cc4b">
+           <table class="table table-sm bg-light" id="b688f6d8-f126-4cb9-89d8-e6a22ec4204c">
             <thead>
              <tr>
               <th scope="col">
@@ -3241,11 +3241,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="b26ad815-4d4c-45c0-afae-88e3cfbcdd9c">
-           <h6 id="62633c55-efa8-4035-8859-102bbba6a4b9">
+          <div class="ms-3" id="e3ca50a4-3147-4bc2-a6a4-144c2d9dfc5a">
+           <h6 id="d649b349-d259-4d7e-ad5c-2c678c5d9257">
             Example
            </h6>
-           <pre id="356f8e65-5b33-45d6-a2a8-385d87a49e21"><code class="language-python">from bootwrap import Form, CheckboxInput
+           <pre id="24e26a1d-7b85-4889-be62-e028ecd8fe50"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').as_button().as_primary().as_outline(),
@@ -3255,54 +3255,54 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="50577706-0b3f-4d6e-9ae7-53fe4f07234d">
-           <form enctype="multipart/form-data" id="2b91ef62-23e4-4d9c-ab58-c17e6de97585" method="POST">
-            <input autocomplete="off" class="btn-check" id="2ccd14b8-5627-4a18-98fc-5e3843d7a611" name="opt1" type="checkbox" value="true"/>
-            <input name="opt1" type="hidden" value="false"/>
-            <label class="btn btn-outline-primary" for="2ccd14b8-5627-4a18-98fc-5e3843d7a611">
+          <div class="ms-3" id="fc593e1c-d145-4f48-94da-f03bb0f2b44e">
+           <form enctype="multipart/form-data" id="9765f1c6-1a31-4b85-a905-fb703c2f6929" method="POST">
+            <input autocomplete="off" class="btn-check" id="e01b10e0-d529-473e-84c4-0828dd42ba3b" name="opt1" type="checkbox" value="true"/>
+            <label class="btn btn-outline-primary" for="e01b10e0-d529-473e-84c4-0828dd42ba3b">
              One
+             <input name="opt1" type="hidden" value="false"/>
             </label>
-            <input autocomplete="off" checked="" class="btn-check" id="0986b484-6f1e-431c-aa6a-2b35f3dd795c" name="opt2" type="checkbox" value="true"/>
-            <input name="opt2" type="hidden" value="false"/>
-            <label class="btn" for="0986b484-6f1e-431c-aa6a-2b35f3dd795c">
+            <input autocomplete="off" checked="" class="btn-check" id="42282083-2c9f-4052-abec-dd487f6b12d5" name="opt2" type="checkbox" value="true"/>
+            <label class="btn" for="42282083-2c9f-4052-abec-dd487f6b12d5">
              Two
+             <input name="opt2" type="hidden" value="false"/>
             </label>
-            <input autocomplete="off" class="btn-check" disabled="" id="11a6d327-646d-4089-80b2-adce21b5a843" name="opt3" type="checkbox" value="true"/>
-            <input name="opt3" type="hidden" value="false"/>
-            <label class="btn" for="11a6d327-646d-4089-80b2-adce21b5a843">
+            <input autocomplete="off" class="btn-check" disabled="" id="23423f22-2585-4574-a00b-a41e598f228a" name="opt3" type="checkbox" value="true"/>
+            <label class="btn" for="23423f22-2585-4574-a00b-a41e598f228a">
              Three
+             <input name="opt3" type="hidden" value="false"/>
             </label>
-            <input autocomplete="off" checked="" class="btn-check" disabled="" id="4f1eaa9c-0b92-4eb3-a82d-52d38c841dbe" name="opt4" type="checkbox" value="true"/>
-            <input name="opt4" type="hidden" value="false"/>
-            <label class="btn" for="4f1eaa9c-0b92-4eb3-a82d-52d38c841dbe">
+            <input autocomplete="off" checked="" class="btn-check" disabled="" id="9728ccaa-7256-45d3-aa5b-1f1765ba7ff4" name="opt4" type="checkbox" value="true"/>
+            <label class="btn" for="9728ccaa-7256-45d3-aa5b-1f1765ba7ff4">
              Four
+             <input name="opt4" type="hidden" value="false"/>
             </label>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="61d255c6-e15c-4cc7-9838-288ba20cef32">
-          <div class="d-flex justify-content-between" id="71b4ada7-e7ad-42f3-aff7-bd063ef8adfc">
-           <h4 id="0590e9d7-b65a-4b10-bc3f-17116ce00a06">
+         <div class="mt-5" id="ba4ad08b-298b-47a1-a27d-cb3a08037031">
+          <div class="d-flex justify-content-between" id="893de654-dac2-4172-bd82-9970d8d4c7ad">
+           <h4 id="3200a211-2066-4e3a-88df-77dffda965a1">
             Method
-            <span class="text-primary" id="a3a2e462-af2a-4ee5-bd63-dc2ded998f93">
+            <span class="text-primary" id="39c047b0-5353-4bfe-aba5-251b322ba8b8">
              as_radio
             </span>
            </h4>
-           <div id="85981c51-754a-4f0f-85bd-75c9b6e071d5">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#f5acf4ba-df30-4abe-b63e-ac853aaa5a96" data-bs-toggle="collapse" id="9fcb84ac-372c-4b53-a247-6314e3544071" onclick="return false;" type="button">
+           <div id="bf242141-e6d9-43dd-a131-a6c8e83ea1d0">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#97eff7e2-faa3-4314-bd8c-ba991fb15ee7" data-bs-toggle="collapse" id="bf1bfb11-58f7-4edb-8510-f9234884775e" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="47799850-fd82-408a-894f-9b4f8955f035">
+          <span class="text-muted" id="223e57cb-bc62-44d6-beef-82e3a5488a9c">
            Makes a chack box as radio button.
           </span>
-          <pre id="e4477ccc-9f41-46b6-991e-6925c8d2687f"><code class="language-python">as_radio(value)</code></pre>
-          <div class="ms-3 collapse" id="f5acf4ba-df30-4abe-b63e-ac853aaa5a96">
-           <h6 id="82adea8d-cc1d-4692-8fd3-05364c739d0a">
+          <pre id="d7aaaf23-7e26-4c39-8cd2-9a6f8cd6f91a"><code class="language-python">as_radio(value)</code></pre>
+          <div class="ms-3 collapse" id="97eff7e2-faa3-4314-bd8c-ba991fb15ee7">
+           <h6 id="256f7646-000e-42c8-b0b8-e719fd4e6a26">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="ec17c186-1f21-45a7-8ff2-823efb35729a">
+           <table class="table table-sm bg-light" id="868c2bef-26b0-4015-b570-2e70767f4391">
             <thead>
              <tr>
               <th scope="col">
@@ -3335,11 +3335,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="a407e6d0-b119-423a-abad-41a958cc36be">
-           <h6 id="d9fc563d-9dcf-4ec8-96ce-59afb029ade5">
+          <div class="ms-3" id="ed6de01e-8c21-427f-aa78-1b5abbb164a1">
+           <h6 id="702b5ff9-92c6-4642-b5be-568bcfc06d07">
             Example
            </h6>
-           <pre id="ffe7c8d3-e5af-4415-8181-be3b3cd92f95"><code class="language-python">from bootwrap import Form, CheckboxInput
+           <pre id="d9d9ea0f-e160-47bf-9855-8b00b5f746c3"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt').as_radio(1),
@@ -3349,62 +3349,62 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="8b75ee56-370e-4284-ad05-2ad209ccf9c2">
-           <form enctype="multipart/form-data" id="50767d71-9d6a-48bb-a709-3a049a1242e7" method="POST">
+          <div class="ms-3" id="abcfad41-45a3-4d9d-ba05-caa10eaa99e6">
+           <form enctype="multipart/form-data" id="0c88a1e6-3b9d-4ce6-85fe-c1e996ddf93f" method="POST">
             <div class="form-check">
-             <input autocomplete="off" class="form-check-input" id="be73e987-3212-4148-8133-f54886e667e0" name="opt" type="radio" value="1"/>
-             <input name="opt" type="hidden" value="false"/>
-             <label class="form-check-label" for="be73e987-3212-4148-8133-f54886e667e0">
+             <input autocomplete="off" class="form-check-input" id="a9660309-a151-49e0-828f-aadc00a10e47" name="opt" type="radio" value="1"/>
+             <label class="form-check-label" for="a9660309-a151-49e0-828f-aadc00a10e47">
               One
+              <input name="opt" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" checked="" class="form-check-input" id="2fdfeb71-e130-4546-9080-4effcc9c8fba" name="opt" type="radio" value="2"/>
-             <input name="opt" type="hidden" value="false"/>
-             <label class="form-check-label" for="2fdfeb71-e130-4546-9080-4effcc9c8fba">
+             <input autocomplete="off" checked="" class="form-check-input" id="53c567a6-a38b-4f0a-a93c-a2fd3d6f1d08" name="opt" type="radio" value="2"/>
+             <label class="form-check-label" for="53c567a6-a38b-4f0a-a93c-a2fd3d6f1d08">
               Two
+              <input name="opt" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" class="form-check-input" disabled="" id="f86c50e1-332f-4f0b-8b66-ce18911f4a04" name="opt" type="radio" value="3"/>
-             <input name="opt" type="hidden" value="false"/>
-             <label class="form-check-label" for="f86c50e1-332f-4f0b-8b66-ce18911f4a04">
+             <input autocomplete="off" class="form-check-input" disabled="" id="5b60fd15-f526-4fe8-91db-5dc187eb3975" name="opt" type="radio" value="3"/>
+             <label class="form-check-label" for="5b60fd15-f526-4fe8-91db-5dc187eb3975">
               Three
+              <input name="opt" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="d5506863-3f8f-4dda-80fe-b37cb7482438" name="opt" type="radio" value="4"/>
-             <input name="opt" type="hidden" value="false"/>
-             <label class="form-check-label" for="d5506863-3f8f-4dda-80fe-b37cb7482438">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="dc624cfc-6f3c-4815-9266-f1c357f13bd5" name="opt" type="radio" value="4"/>
+             <label class="form-check-label" for="dc624cfc-6f3c-4815-9266-f1c357f13bd5">
               Four
+              <input name="opt" type="hidden" value="false"/>
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="4cdceb82-522c-4808-8332-d5c8e9117e90">
-          <div class="d-flex justify-content-between" id="a8a5372e-1870-4b28-8058-1e22ab1ddaac">
-           <h4 id="4c07b926-99cd-4b45-a258-bfe283ee9da9">
+         <div class="mt-5" id="8b04b864-89ac-4bb6-99f5-1a7cd4feac74">
+          <div class="d-flex justify-content-between" id="3e2e8054-749e-4ba7-a24a-baa88a3a7916">
+           <h4 id="9d823be5-c12c-4e7b-b8fb-64d0dc425d9f">
             Method
-            <span class="text-primary" id="30b364f7-5af3-433c-890b-62505f19fa18">
+            <span class="text-primary" id="5d19529b-5a9a-4cc2-89c6-24952bbf1b0e">
              as_switch
             </span>
            </h4>
-           <div id="abc1b8ba-4c81-48fb-b3f7-5d084a8643e3">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#5ef7d072-397f-42ad-8c6a-5899ed2f1da6" data-bs-toggle="collapse" id="7d279f97-1173-4659-8c89-2a4096d0c148" onclick="return false;" type="button">
+           <div id="298d7641-5d3d-46ee-94d2-ef12186cf848">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#3f6a7c0e-51e4-4233-a682-430d97715252" data-bs-toggle="collapse" id="d7e65024-e3f1-4490-8916-f1948c7c1d30" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="f006adeb-49e6-4832-8ced-8ca1d5d602a2">
+          <span class="text-muted" id="dc155636-dd73-4777-bb5f-1cb32a436500">
            Sets the "switch"-style to the check box.
           </span>
-          <pre id="056b7b45-7a2e-4d21-8ffb-44dd15c2c0a9"><code class="language-python">as_switch()</code></pre>
-          <div class="ms-3 collapse" id="5ef7d072-397f-42ad-8c6a-5899ed2f1da6">
-           <h6 id="392bac5a-c9ed-40e8-84cc-c667ac80e51b">
+          <pre id="20b69265-0e97-4380-b3c3-b7b4833c3da1"><code class="language-python">as_switch()</code></pre>
+          <div class="ms-3 collapse" id="3f6a7c0e-51e4-4233-a682-430d97715252">
+           <h6 id="ff88d878-480e-4585-a591-07d5fb5814fc">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="aa66e860-57c3-48d6-b98a-f8ba99f20535">
+           <table class="table table-sm bg-light" id="2210f46f-b473-4a53-b56e-0b7bf57690f4">
             <thead>
              <tr>
               <th scope="col">
@@ -3437,11 +3437,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="0d1815fb-9286-4ed1-bb61-96faaf600dad">
-           <h6 id="aadd91ab-8bfc-40dd-82d6-f5a25342f1e6">
+          <div class="ms-3" id="8b9faac7-43d3-46c5-b690-ee85057857af">
+           <h6 id="926dc410-2c8a-440f-9050-fdca49d4abc1">
             Example
            </h6>
-           <pre id="2e6afbe4-1d03-4106-b2b6-3a906365cf05"><code class="language-python">from bootwrap import Form, CheckboxInput
+           <pre id="c644fcfa-5300-4c9b-b2c7-b8f15401c0b7"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').as_switch(),
@@ -3451,62 +3451,62 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="0dadedbd-cd81-4c7c-bedb-f668ef285fc7">
-           <form enctype="multipart/form-data" id="d102e6f9-4310-4926-8ea7-e20d2dfe6032" method="POST">
+          <div class="ms-3" id="90e29b56-40f4-4025-b185-7a1d7f78e754">
+           <form enctype="multipart/form-data" id="5d10b383-ed80-4ca2-a61f-6b2fb20d31e9" method="POST">
             <div class="form-check form-switch">
-             <input autocomplete="off" class="form-check-input" id="a5a1f42a-870e-477d-b4ca-427a875123b0" name="opt1" type="checkbox" value="true"/>
-             <input name="opt1" type="hidden" value="false"/>
-             <label class="form-check-label" for="a5a1f42a-870e-477d-b4ca-427a875123b0">
+             <input autocomplete="off" class="form-check-input" id="cfb466b4-285b-431f-b696-d3d2ad468565" name="opt1" type="checkbox" value="true"/>
+             <label class="form-check-label" for="cfb466b4-285b-431f-b696-d3d2ad468565">
               One
+              <input name="opt1" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" checked="" class="form-check-input" id="eae94861-3b1b-44d2-bd01-83e4736ec4dd" name="opt2" type="checkbox" value="true"/>
-             <input name="opt2" type="hidden" value="false"/>
-             <label class="form-check-label" for="eae94861-3b1b-44d2-bd01-83e4736ec4dd">
+             <input autocomplete="off" checked="" class="form-check-input" id="aeb42aa1-e149-4304-bbef-8caaad2a3fed" name="opt2" type="checkbox" value="true"/>
+             <label class="form-check-label" for="aeb42aa1-e149-4304-bbef-8caaad2a3fed">
               Two
+              <input name="opt2" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" class="form-check-input" disabled="" id="6f2a2e14-014c-4cdb-9ae0-c8ec5f22f28f" name="opt3" type="checkbox" value="true"/>
-             <input name="opt3" type="hidden" value="false"/>
-             <label class="form-check-label" for="6f2a2e14-014c-4cdb-9ae0-c8ec5f22f28f">
+             <input autocomplete="off" class="form-check-input" disabled="" id="4df57b69-ba47-413f-b598-84b6a93dbcf8" name="opt3" type="checkbox" value="true"/>
+             <label class="form-check-label" for="4df57b69-ba47-413f-b598-84b6a93dbcf8">
               Three
+              <input name="opt3" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check form-switch">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="a80d29fd-089b-4df5-a6ca-45be63acb914" name="opt4" type="checkbox" value="true"/>
-             <input name="opt4" type="hidden" value="false"/>
-             <label class="form-check-label" for="a80d29fd-089b-4df5-a6ca-45be63acb914">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="ee21de6f-4404-46db-98f3-ee4dd9ba443e" name="opt4" type="checkbox" value="true"/>
+             <label class="form-check-label" for="ee21de6f-4404-46db-98f3-ee4dd9ba443e">
               Four
+              <input name="opt4" type="hidden" value="false"/>
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="f2a729c5-829e-42db-8eaa-44c06336d8cf">
-          <div class="d-flex justify-content-between" id="32bb420c-b864-43c1-b5ca-714fa431adc8">
-           <h4 id="724b13f3-e97e-4bb8-95fc-71e9aae212f5">
+         <div class="mt-5" id="8cc3aeb9-ff8d-43bf-84ba-29337e6dba51">
+          <div class="d-flex justify-content-between" id="665c5370-f22d-41e9-bdf2-ac41f0719900">
+           <h4 id="331243d5-5c86-4b28-984f-41e423a8c46d">
             Method
-            <span class="text-primary" id="a25267b2-7171-46f3-b56c-884e7daa1523">
+            <span class="text-primary" id="8cfdc896-23d7-49f0-894d-0242dae6e084">
              inline
             </span>
            </h4>
-           <div id="a743c106-7f73-486a-a2ba-ff4d8d0531f8">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#bb7b7e09-676f-462c-a7a9-f6d39ef8fd56" data-bs-toggle="collapse" id="6e661dbb-27e9-46ae-836a-d5fe3ad73bdb" onclick="return false;" type="button">
+           <div id="e13bf86e-b445-4d66-8dff-71d92d79841e">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#034ced3e-cdc4-4cf0-b84b-998a8f16fe86" data-bs-toggle="collapse" id="d689271c-cce3-4a23-af68-c8773be3eaad" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="01e3b059-b8e4-4094-9e07-ed88d774eb15">
+          <span class="text-muted" id="25a2291a-d8cf-4205-b2f4-f28e0b68ae43">
            Sets the check box in line.
           </span>
-          <pre id="e9236bde-9246-4ada-b19b-9bcbf29a8177"><code class="language-python">inline()</code></pre>
-          <div class="ms-3 collapse" id="bb7b7e09-676f-462c-a7a9-f6d39ef8fd56">
-           <h6 id="545877ef-97b5-4396-9175-e46bef6cfd32">
+          <pre id="2031571f-7ea6-4270-a385-a2637935cd42"><code class="language-python">inline()</code></pre>
+          <div class="ms-3 collapse" id="034ced3e-cdc4-4cf0-b84b-998a8f16fe86">
+           <h6 id="49eee416-af40-4039-a7f3-c80f71522f2b">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="27971012-4c95-46b3-8bbd-aaf744032d85">
+           <table class="table table-sm bg-light" id="1c008e3f-c2f6-4dbc-97de-0d770f93d6f7">
             <thead>
              <tr>
               <th scope="col">
@@ -3539,11 +3539,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="e581dcb7-d91e-4834-bcbd-29377d2a98d0">
-           <h6 id="f62ffdb8-6fa1-4ca4-a3d3-04fa8820c75f">
+          <div class="ms-3" id="6b91e4f0-fff1-4ea2-9a0f-7ab4e4f6560a">
+           <h6 id="10f2e32c-7abc-4ffc-ab07-d359078102f7">
             Example
            </h6>
-           <pre id="e1894b42-b843-4d9a-9860-880a60b659ca"><code class="language-python">from bootwrap import Form, CheckboxInput
+           <pre id="fa34fc27-de82-47b6-8fb8-0c8e322a59eb"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').inline(),
@@ -3553,62 +3553,62 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="ae666831-dd61-4544-ae34-caba1fb3a8fb">
-           <form enctype="multipart/form-data" id="faeffddd-54ec-40e0-81aa-800992fb826a" method="POST">
+          <div class="ms-3" id="f70be144-3af9-45f5-afad-82299ecd565f">
+           <form enctype="multipart/form-data" id="833d51a0-4c34-43e2-b1b3-d451d8e37891" method="POST">
             <div class="form-check form-check-inline">
-             <input autocomplete="off" class="form-check-input" id="539b5e18-e596-4d79-b3f8-871bb9a813f8" name="opt1" type="checkbox" value="true"/>
-             <input name="opt1" type="hidden" value="false"/>
-             <label class="form-check-label" for="539b5e18-e596-4d79-b3f8-871bb9a813f8">
+             <input autocomplete="off" class="form-check-input" id="f85b5667-f8e1-4fe1-a75a-fd6d673d4426" name="opt1" type="checkbox" value="true"/>
+             <label class="form-check-label" for="f85b5667-f8e1-4fe1-a75a-fd6d673d4426">
               One
+              <input name="opt1" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" checked="" class="form-check-input" id="3ace867b-2752-4f97-a1c1-6647b32b2ba4" name="opt2" type="checkbox" value="true"/>
-             <input name="opt2" type="hidden" value="false"/>
-             <label class="form-check-label" for="3ace867b-2752-4f97-a1c1-6647b32b2ba4">
+             <input autocomplete="off" checked="" class="form-check-input" id="1ebfec3f-7954-4e02-bfe6-7e063f6b3998" name="opt2" type="checkbox" value="true"/>
+             <label class="form-check-label" for="1ebfec3f-7954-4e02-bfe6-7e063f6b3998">
               Two
+              <input name="opt2" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" class="form-check-input" disabled="" id="20830cbd-ee4d-4c13-b72e-dd7672c2bdd2" name="opt3" type="checkbox" value="true"/>
-             <input name="opt3" type="hidden" value="false"/>
-             <label class="form-check-label" for="20830cbd-ee4d-4c13-b72e-dd7672c2bdd2">
+             <input autocomplete="off" class="form-check-input" disabled="" id="5b818d65-a53f-4f5c-b926-7d5409e008ab" name="opt3" type="checkbox" value="true"/>
+             <label class="form-check-label" for="5b818d65-a53f-4f5c-b926-7d5409e008ab">
               Three
+              <input name="opt3" type="hidden" value="false"/>
              </label>
             </div>
             <div class="form-check form-check-inline">
-             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="0111e6dc-9177-4315-b449-222659bfb271" name="opt4" type="checkbox" value="true"/>
-             <input name="opt4" type="hidden" value="false"/>
-             <label class="form-check-label" for="0111e6dc-9177-4315-b449-222659bfb271">
+             <input autocomplete="off" checked="" class="form-check-input" disabled="" id="26c1197f-d001-43bf-91da-42ef7a2d844c" name="opt4" type="checkbox" value="true"/>
+             <label class="form-check-label" for="26c1197f-d001-43bf-91da-42ef7a2d844c">
               Four
+              <input name="opt4" type="hidden" value="false"/>
              </label>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="efcf0b66-feed-44df-8d4c-631b6cc5af31">
-          <div class="d-flex justify-content-between" id="d20901b4-f670-4fec-be99-0bc350ccf163">
-           <h4 id="910ad3a4-2aa6-489f-9ffa-29ab5eab574b">
+         <div class="mt-5" id="bb51ff69-94c5-42f8-bb79-0a7b78502482">
+          <div class="d-flex justify-content-between" id="0bfe4b76-a49c-48e4-8c18-bd1ee8ab4eb7">
+           <h4 id="80a617a6-e8d7-4d97-bf5d-142555a69b95">
             Method
-            <span class="text-primary" id="35ab139c-8bd6-42e4-86bb-125dbc792ae7">
+            <span class="text-primary" id="5b460796-6f3f-427c-9c06-9e72498c0911">
              label_on_left
             </span>
            </h4>
-           <div id="39c5d721-c420-4048-a57f-0e67c473f458">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#5932ca05-3256-45bb-a658-586d8409844f" data-bs-toggle="collapse" id="5e75360f-1885-4f7f-8efb-d99b99381a3a" onclick="return false;" type="button">
+           <div id="5e879628-688b-496b-972b-3f1bebd8dedd">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#dbca6e93-dbaa-46ad-b8ed-6c28523f32e4" data-bs-toggle="collapse" id="e6940439-519f-4a6a-a5d5-586a5ffa761a" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="97130102-6b09-4c4f-b0ee-25be79668ca7">
+          <span class="text-muted" id="345300d9-7fe9-4609-9a2d-24ac7fd51af9">
            Makes an input label showing on left.
           </span>
-          <pre id="e4df34e3-b183-4c58-a30c-0a7740778fc6"><code class="language-python">label_on_left()</code></pre>
-          <div class="ms-3 collapse" id="5932ca05-3256-45bb-a658-586d8409844f">
-           <h6 id="c1e590f7-2f60-420b-81ff-81b104d0a85d">
+          <pre id="5d7c2b09-ff67-4191-a1f1-2d7420a0acc5"><code class="language-python">label_on_left()</code></pre>
+          <div class="ms-3 collapse" id="dbca6e93-dbaa-46ad-b8ed-6c28523f32e4">
+           <h6 id="bfdab4c8-b3c3-4e5c-b118-d3b3613271c2">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="4137004f-5209-4db4-9081-d7117cd0ebbf">
+           <table class="table table-sm bg-light" id="f5092be7-5591-4e08-86ad-eeb043febf20">
             <thead>
              <tr>
               <th scope="col">
@@ -3641,11 +3641,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="ff0b25c3-f659-48f4-a339-742d2fadbd8e">
-           <h6 id="8812b270-eb90-4816-ac19-e31a2c9392c6">
+          <div class="ms-3" id="5b0d2ad1-59cd-495a-abcc-92cfdc09c7f5">
+           <h6 id="773abdd8-f174-4079-bef7-d48aa930fad6">
             Example
            </h6>
-           <pre id="a350ed69-bb73-4dc9-8ffa-4d14f0be7771"><code class="language-python">from bootwrap import Form, CheckboxInput
+           <pre id="09315172-a5ba-4703-8663-e6b4d02054d4"><code class="language-python">from bootwrap import Form, CheckboxInput
 
 Form(
     CheckboxInput('One', 'opt1').label_on_left(),
@@ -3655,41 +3655,41 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="bd25b288-1863-4e44-b633-21c73e68a55d">
-           <form enctype="multipart/form-data" id="3c6f142d-511d-4f0d-a0ac-f072ff27665b" method="POST">
+          <div class="ms-3" id="99f2bd35-4ed0-4eb1-aa99-815773fe13a2">
+           <form enctype="multipart/form-data" id="7672d514-4cff-4403-8f52-161b7825de35" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="b52c3682-d751-40ca-97ee-b9033cba437e">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="a1895d8a-ade4-43d6-8c5c-3899d815d06b">
               One
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input autocomplete="off" class="form-check-input" id="b52c3682-d751-40ca-97ee-b9033cba437e" name="opt1" type="checkbox" value="true"/>
+              <input autocomplete="off" class="form-check-input" id="a1895d8a-ade4-43d6-8c5c-3899d815d06b" name="opt1" type="checkbox" value="true"/>
               <input name="opt1" type="hidden" value="false"/>
              </div>
             </div>
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="c09f116c-8495-4230-b8cd-77510beb497e">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="9bbfe904-793e-440a-a70b-66bd3cb2136d">
               Two
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input autocomplete="off" checked="" class="form-check-input" id="c09f116c-8495-4230-b8cd-77510beb497e" name="opt2" type="checkbox" value="true"/>
+              <input autocomplete="off" checked="" class="form-check-input" id="9bbfe904-793e-440a-a70b-66bd3cb2136d" name="opt2" type="checkbox" value="true"/>
               <input name="opt2" type="hidden" value="false"/>
              </div>
             </div>
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="176427a2-2cbf-4469-a1e7-9bfb5900c303">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="cf340bb2-82cb-41a9-bfad-ac9d9c8b9c71">
               Three
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input autocomplete="off" class="form-check-input" disabled="" id="176427a2-2cbf-4469-a1e7-9bfb5900c303" name="opt3" type="checkbox" value="true"/>
+              <input autocomplete="off" class="form-check-input" disabled="" id="cf340bb2-82cb-41a9-bfad-ac9d9c8b9c71" name="opt3" type="checkbox" value="true"/>
               <input name="opt3" type="hidden" value="false"/>
              </div>
             </div>
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="43f150cd-cf7c-4de3-b5bd-530605d39b86">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="c602e097-5e36-4431-82c7-d9ca3696676e">
               Four
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input autocomplete="off" checked="" class="form-check-input" disabled="" id="43f150cd-cf7c-4de3-b5bd-530605d39b86" name="opt4" type="checkbox" value="true"/>
+              <input autocomplete="off" checked="" class="form-check-input" disabled="" id="c602e097-5e36-4431-82c7-d9ca3696676e" name="opt4" type="checkbox" value="true"/>
               <input name="opt4" type="hidden" value="false"/>
              </div>
             </div>
@@ -3698,30 +3698,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="50eca9f0-6fbb-4372-a381-1a62947de02c">
-        <div class="mt-5" id="0035340a-91f2-40e2-b711-6c972e654535">
-         <div class="d-flex justify-content-between" id="7a8a3025-3f30-45cc-adc1-d494f216d253">
-          <h1 id="e1e7030e-189c-48e8-9d07-797cb67ab770">
+       <div class="tab-pane fade" id="1130565b-169a-41dc-9852-e4b215e1675d">
+        <div class="mt-5" id="90e201aa-e23a-4602-9475-a1d023baef05">
+         <div class="d-flex justify-content-between" id="ce928056-d4af-4eaf-a28d-41b4ab394d6f">
+          <h1 id="f98344e1-ebe4-4d2a-ac2c-117079ee3f86">
            Class
-           <span class="text-primary" id="8398f03a-216d-4f4c-9452-30a087955186">
+           <span class="text-primary" id="ae6454e3-af58-478c-82aa-e1b5d85f1f04">
             TextInput
            </span>
           </h1>
-          <div id="b9d55fdb-a812-44b4-b74b-ba32c2b9806c">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4044f5e2-8a5d-4d6c-84c9-45bc0417ae61" data-bs-toggle="collapse" id="de3337c8-2ac7-485e-abc2-0ac7f189aabb" onclick="return false;" type="button">
+          <div id="b2ec27e0-b0cb-4e76-a304-eacb492e4e7a">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#dc7f58d5-b9c2-4717-8e61-595251f41907" data-bs-toggle="collapse" id="b70bcbfd-5c8b-40f8-b299-cb36357cc41f" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="8c4e65d6-c387-4984-9cad-7c5fac38ac66">
+         <span class="text-muted" id="edfeb5ed-79a4-4d55-aa9d-480ad2eec474">
           A text input.
          </span>
-         <pre id="33449e86-8c94-4c57-b464-1eb755d01258"><code class="language-python">TextInput(label, name, value=None, placeholder=None)</code></pre>
-         <div class="ms-3 collapse" id="4044f5e2-8a5d-4d6c-84c9-45bc0417ae61">
-          <h6 id="85463a6e-9227-491f-97ce-0fdc448e1ae9">
+         <pre id="4c8be14f-6de8-4da3-b786-f526a0e239c4"><code class="language-python">TextInput(label, name, value=None, placeholder=None)</code></pre>
+         <div class="ms-3 collapse" id="dc7f58d5-b9c2-4717-8e61-595251f41907">
+          <h6 id="ddb9892d-dc13-495d-8f46-2cc6eaae7976">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="b7f9df0f-cff6-4d07-882a-9e729a0cf63c">
+          <table class="table table-sm bg-light" id="99f7b8bb-7f83-4212-8d27-f427f6ca414e">
            <thead>
             <tr>
              <th scope="col">
@@ -3799,7 +3799,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="f44526ad-916e-49dc-9a21-aece6a79e303">
+         <p id="0ffe71d3-a275-4efd-8530-50c9fe7993ba">
           Use the
           <code>
            as_disabled()
@@ -3811,11 +3811,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="b6f8c6a8-7cbd-4cf0-9e3e-f6ffea23149d">
-          <h6 id="35e0fdb5-bbbc-40bc-98b5-76972dfeada3">
+         <div class="ms-3" id="33d2856f-0f82-49b9-bd02-dee39f053c36">
+          <h6 id="2aa8e974-d610-4e36-bbbf-5885cc80d2d2">
            Example
           </h6>
-          <pre id="f5eac40d-56dd-4259-b2ba-c359d74690c8"><code class="language-python">from bootwrap import Form, TextInput
+          <pre id="684b0d3d-f958-48e2-8302-79ca70b64570"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Text1', 'text'),
@@ -3825,65 +3825,65 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="8632ecb9-12fd-47b1-8ff5-acf43ab34d64">
-          <form enctype="multipart/form-data" id="f488bbf0-5d2c-40fa-8ccf-4fa299eb9765" method="POST">
+         <div class="ms-3" id="35ba0a91-36ff-40aa-9dd9-9db900fe94fc">
+          <form enctype="multipart/form-data" id="2101913a-f574-4115-a656-9e1b67698f3a" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="08bdde5e-0329-4b61-9a00-051701a9aa5a">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="f844694c-5360-404d-9292-bb1621c0ed20">
              Text1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="08bdde5e-0329-4b61-9a00-051701a9aa5a" name="text" type="text"/>
+             <input class="form-control" id="f844694c-5360-404d-9292-bb1621c0ed20" 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="57d6820b-31ee-400b-abf7-02234e14a087">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="7d8db59c-a44c-4400-936f-0b36b0f810cc">
              Text2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="57d6820b-31ee-400b-abf7-02234e14a087" name="text" placeholder="type here" type="text"/>
+             <input class="form-control" id="7d8db59c-a44c-4400-936f-0b36b0f810cc" 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="527f56ae-19cb-49b1-977f-d439aeec271d">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="214b5110-3d1d-4f9c-8e73-9976e29ec8b5">
              Text3
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="527f56ae-19cb-49b1-977f-d439aeec271d" name="text" type="text" value="Hello World!"/>
+             <input class="form-control" id="214b5110-3d1d-4f9c-8e73-9976e29ec8b5" 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="9c048e57-217c-4617-b947-49fbe9379562">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="663f4920-cd0e-4c08-add3-1cb9fb74a5fe">
              Text4
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" disabled="" id="9c048e57-217c-4617-b947-49fbe9379562" name="text" type="text"/>
+             <input class="form-control" disabled="" id="663f4920-cd0e-4c08-add3-1cb9fb74a5fe" name="text" type="text"/>
             </div>
            </div>
           </form>
          </div>
-         <div class="mt-5" id="aa59f569-b86d-443c-879a-6bfde8c223ae">
-          <div class="d-flex justify-content-between" id="dd0fd8af-8d6d-4a87-802e-c49349950774">
-           <h4 id="2c96fe91-0e78-4073-a815-1336c90030b4">
+         <div class="mt-5" id="de62bfbb-7c9c-477a-a90a-2ccfd4846ec6">
+          <div class="d-flex justify-content-between" id="a2e57a92-2fbc-496e-8642-ce8dafd5725d">
+           <h4 id="2aa13b3b-281a-445f-aaa9-ce1a5f30d92b">
             Method
-            <span class="text-primary" id="d3c95041-609d-4840-af89-e7103e6835cf">
+            <span class="text-primary" id="ad132cd0-d4e8-4c34-8176-cc3d5827f487">
              for_email
             </span>
            </h4>
-           <div id="7d8aa0cf-c0ec-4a2c-a46d-e269d3a34f3e">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#7af6d80d-156e-4cd0-9373-1c4edb26a8ba" data-bs-toggle="collapse" id="1f8273ca-7cc5-43a9-bdbb-e89fed2d5cb2" onclick="return false;" type="button">
+           <div id="5af1d8ab-edc2-41a5-9cc7-57cf99611c60">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#58b70298-b60f-47f5-9d94-9414fec5fcbe" data-bs-toggle="collapse" id="a50d4d82-159b-4f60-90d5-fb3c6a91efc5" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="c06d17ff-e036-4030-a06c-99d68b91fe6e">
+          <span class="text-muted" id="ac74941f-9162-426c-9ba2-241933408d5c">
            Configuring input for entering email.
           </span>
-          <pre id="f7ea24b7-7872-43e3-b7ec-18a973b75e5d"><code class="language-python">for_email()</code></pre>
-          <div class="ms-3 collapse" id="7af6d80d-156e-4cd0-9373-1c4edb26a8ba">
-           <h6 id="5b9f81ad-c96f-43b6-8a24-b3a19e68e68a">
+          <pre id="d4d9cab0-9672-4156-a2e6-8659dd8cb5cd"><code class="language-python">for_email()</code></pre>
+          <div class="ms-3 collapse" id="58b70298-b60f-47f5-9d94-9414fec5fcbe">
+           <h6 id="b906e9fc-46d1-493a-bb0e-568359a93a03">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="827b804e-ca14-4313-8e58-6c6525a5ea25">
+           <table class="table table-sm bg-light" id="b7282c63-8fff-4873-8f7b-e87abf53a5ba">
             <thead>
              <tr>
               <th scope="col">
@@ -3916,53 +3916,53 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="87843a3a-36a9-4f25-b720-cfa2965349bd">
-           <h6 id="7fa9664e-aedb-4175-9c60-0504522dba93">
+          <div class="ms-3" id="4e4caa09-a72b-448d-b072-f9ad9a884dc4">
+           <h6 id="0953bc36-64f6-4c31-b4e1-15e98127b2ab">
             Example
            </h6>
-           <pre id="4791c529-bad0-4941-b90d-49d7c7902fa4"><code class="language-python">from bootwrap import Form, TextInput
+           <pre id="c8dd3a26-c51c-40a6-b780-18ee5f0bc610"><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="b84baa4e-ab20-4869-8b5e-7963ec78dbb1">
-           <form enctype="multipart/form-data" id="2974c830-d24d-41c6-81bb-18593efb8de5" method="POST">
+          <div class="ms-3" id="b352a9ca-7413-4585-a196-3215bd38d7ac">
+           <form enctype="multipart/form-data" id="6a9ba416-ffdb-44e7-8ffc-5773c78e1d7e" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="d24b1ac7-77cf-45ed-a3ef-75b0dcb9c41a">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="95367a4b-94b1-4019-9904-d600bdea21a1">
               Email
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input class="form-control" id="d24b1ac7-77cf-45ed-a3ef-75b0dcb9c41a" name="email" type="email" value="my@email.com"/>
+              <input class="form-control" id="95367a4b-94b1-4019-9904-d600bdea21a1" name="email" type="email" value="my@email.com"/>
              </div>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="c2483b7d-f332-4773-bc57-d88468da218f">
-          <div class="d-flex justify-content-between" id="8347ca32-13f9-4fc8-baa8-7308cdc7481a">
-           <h4 id="13655d30-cd80-47ec-9721-d2b1c1aa02aa">
+         <div class="mt-5" id="21424bbe-3c8d-45c9-8d9b-6bfe936295a8">
+          <div class="d-flex justify-content-between" id="09d05684-1b39-44c3-ad52-3bbadc8d0dbe">
+           <h4 id="285b045c-acc9-4ee0-b7ae-f3f50321d007">
             Method
-            <span class="text-primary" id="ec3695e5-98cb-4b2d-9bbb-e37f82341a99">
+            <span class="text-primary" id="e235048d-1831-4b90-83e5-1fdc14569e8c">
              for_password
             </span>
            </h4>
-           <div id="f002f171-cb1d-4ac4-983d-ebc457de7156">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c9c09de8-9f00-4725-914b-ed785eee335f" data-bs-toggle="collapse" id="409c6fb4-f083-4cea-a5e6-f08c1f244436" onclick="return false;" type="button">
+           <div id="6e47ae3c-68c3-4c2b-833c-bdcb7ab6efb0">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#59d014eb-d109-4e42-a5cf-2e05dc7b4346" data-bs-toggle="collapse" id="64f799e4-0ba8-4c44-a636-fdb31b6088af" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="98bcaf16-3d9a-46f8-99a7-9287216f29bc">
+          <span class="text-muted" id="448c2ae3-4275-4a4b-9c94-939b545a7439">
            Configuring input for entering password.
           </span>
-          <pre id="5446dc15-862c-4731-8758-6ee9f6ec0096"><code class="language-python">for_password()</code></pre>
-          <div class="ms-3 collapse" id="c9c09de8-9f00-4725-914b-ed785eee335f">
-           <h6 id="105dc0e2-c4fa-48b9-87f0-3934803b33f0">
+          <pre id="ba039c2f-4295-4e4b-b589-f5904c70e62e"><code class="language-python">for_password()</code></pre>
+          <div class="ms-3 collapse" id="59d014eb-d109-4e42-a5cf-2e05dc7b4346">
+           <h6 id="2f1ce47e-f264-40ba-aba4-f3d895e68233">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="a781e1a3-87e7-4323-858b-6172106ab519">
+           <table class="table table-sm bg-light" id="5c514fcb-5de7-4aba-b561-478f6b21607b">
             <thead>
              <tr>
               <th scope="col">
@@ -3995,56 +3995,56 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="0442e238-8254-4ab2-992c-29e4f23fb8d3">
-           <h6 id="00fda790-696e-4cb9-bfc7-1f3f38d8f03f">
+          <div class="ms-3" id="bd04e8b5-3f5b-4073-80f7-c02bd2d15549">
+           <h6 id="8e255d9e-56a8-4761-9066-47282fbee113">
             Example
            </h6>
-           <pre id="48c53d0b-3387-4be1-942d-9b5fb245b5ae"><code class="language-python">from bootwrap import Form, TextInput
+           <pre id="c914576f-992d-41fd-9c27-4e9a44dabd4c"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Password', 'password', '********').for_password()
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="5ec27dc2-98e0-48ca-85aa-a33c8d4daa36">
-           <form enctype="multipart/form-data" id="1db00358-e547-4b93-a276-11122be8ce06" method="POST">
+          <div class="ms-3" id="917aa28c-2671-451b-a73e-4163dd540c7c">
+           <form enctype="multipart/form-data" id="51bf14a0-b969-4e7b-85fd-bae5f5d207e8" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="9e20d88c-2ae9-4839-b78f-a6c2f66d92ba">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="dc0e3d58-9241-4562-a1fd-9d1d7904f3d1">
               Password
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <input class="form-control" id="9e20d88c-2ae9-4839-b78f-a6c2f66d92ba" name="password" type="password" value="********"/>
+              <input class="form-control" id="dc0e3d58-9241-4562-a1fd-9d1d7904f3d1" name="password" type="password" value="********"/>
              </div>
             </div>
            </form>
           </div>
          </div>
-         <div class="mt-5" id="af199f18-c64c-43ac-aecc-2590f4a3b0a6">
-          <div class="d-flex justify-content-between" id="67504066-1fa4-406c-a628-2963e5c5b764">
-           <h4 id="0a0c9fcc-2959-4f53-869a-b0d558abe1d9">
+         <div class="mt-5" id="9d240d71-9682-4d50-875e-a0a56d101360">
+          <div class="d-flex justify-content-between" id="7ddd9043-4a93-4d16-a76d-d491cf29abcb">
+           <h4 id="68a14cd9-31c9-4680-8a60-bc683b1f92d5">
             Method
-            <span class="text-primary" id="44ba6843-8b90-43df-ae23-c9c767fc900e">
+            <span class="text-primary" id="b6c6fc07-7e96-4342-a729-353eff4532d0">
              with_multirows
             </span>
            </h4>
-           <div id="7e1d32d2-2289-4d8c-83a8-b28f79ada465">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0da3d81d-82aa-4088-8d99-a01c1d8bf47a" data-bs-toggle="collapse" id="3cd63695-2e10-4bf7-953b-16bd61d74dcf" onclick="return false;" type="button">
+           <div id="1c2f9a3c-8c3a-4a5b-a12e-4cd57971fde5">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#22066e6f-469f-43e9-b375-fc9e05dae426" data-bs-toggle="collapse" id="190c416a-db43-49d7-a344-4bc0b18a4b31" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c7777392-e37c-47ad-8e93-72364e457e5c" data-bs-toggle="collapse" id="8e755d25-74cf-4acb-88d3-4a44bcd33bf0" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a97692d0-c4f8-4df9-945b-635cedebaaea" data-bs-toggle="collapse" id="53e50fd0-07cc-484e-8b50-8fed5559786e" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="12986678-47ac-4a03-97ec-fffb7de4a444">
+          <span class="text-muted" id="5e9b8a78-8042-439d-94d5-b5f4fd1df2bb">
            Sets the number of rows.
           </span>
-          <pre id="d0d628ab-2de3-4683-8758-0e21a19e1509"><code class="language-python">with_multirows(n)</code></pre>
-          <div class="ms-3 collapse" id="0da3d81d-82aa-4088-8d99-a01c1d8bf47a">
-           <h6 id="5e8c1d07-2efe-4f65-8721-7e071f0d4d60">
+          <pre id="6e942a6b-1915-4429-941a-ee038d363f4d"><code class="language-python">with_multirows(n)</code></pre>
+          <div class="ms-3 collapse" id="22066e6f-469f-43e9-b375-fc9e05dae426">
+           <h6 id="521b53f1-7c35-49d6-b43a-f321dc984954">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="152c508c-c732-4773-b6fc-af239e05f7cf">
+           <table class="table table-sm bg-light" id="3b8f092a-c755-43cb-b592-b3d50403bebd">
             <thead>
              <tr>
               <th scope="col">
@@ -4077,11 +4077,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="c7777392-e37c-47ad-8e93-72364e457e5c">
-           <h6 id="84a4ed47-c463-4826-8766-a4e2b4d4848e">
+          <div class="ms-3 collapse" id="a97692d0-c4f8-4df9-945b-635cedebaaea">
+           <h6 id="23c6843b-a235-4fc3-b40b-9db087102c8d">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="253da0a7-011a-405c-a0af-763049c736d7">
+           <table class="table table-sm bg-light" id="29068d50-3930-4c03-bf82-d990ac3eb0d1">
             <thead>
              <tr>
               <th scope="col">
@@ -4114,25 +4114,25 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="bc5b6d65-6431-4173-96da-b301cfec368d">
-           <h6 id="6c474bb6-935d-44a8-ae78-9da10b4c0f84">
+          <div class="ms-3" id="5d4030c2-d749-4398-bf05-812beece59a3">
+           <h6 id="bfc5caa2-a5f5-4c75-8a45-b5d903e21a5c">
             Example
            </h6>
-           <pre id="b111f871-93b0-422a-a794-03559d4afd7c"><code class="language-python">from bootwrap import Form, TextInput
+           <pre id="6d00a452-44ee-44a3-87e8-b1bf6a8b9bfe"><code class="language-python">from bootwrap import Form, TextInput
 
 Form(
     TextInput('Text', 'text').with_multirows(3)
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="7d22ff1f-8482-4581-bb4d-33b77ed145d5">
-           <form enctype="multipart/form-data" id="8062bbb2-f30f-4306-9235-ba8843bb00f7" method="POST">
+          <div class="ms-3" id="c50532e9-32c5-4cb5-b447-294888f78659">
+           <form enctype="multipart/form-data" id="eb2797de-399c-4679-978b-191dd9708664" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="7039f515-5bc0-47c0-b0a0-b98f379d878d">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="973fb7b0-f7b2-45db-8d55-62d58010efc6">
               Text
              </label>
              <div class="col-sm-8 d-flex align-items-center">
-              <textarea class="form-control" id="7039f515-5bc0-47c0-b0a0-b98f379d878d" name="text" rows="3">
+              <textarea class="form-control" id="973fb7b0-f7b2-45db-8d55-62d58010efc6" name="text" rows="3">
                     
                 </textarea>
              </div>
@@ -4142,30 +4142,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9a2a0603-e7f8-46ba-9f52-4e831df37bce">
-        <div class="mt-5" id="dd5c0846-d66e-4bb8-ab59-9cf2dd8c24d5">
-         <div class="d-flex justify-content-between" id="018e14e7-ab8b-423c-bd3c-8adaae78205c">
-          <h1 id="3b98cbb5-cd12-4bb6-84f8-3f611c1243a5">
+       <div class="tab-pane fade" id="600bd01c-e317-4930-94b1-408e04731498">
+        <div class="mt-5" id="621c36be-8e56-4c3b-9a46-dcc8429b34a9">
+         <div class="d-flex justify-content-between" id="270adac9-25d8-43e7-9a11-d958b1eb592e">
+          <h1 id="3a2db0b6-64f9-47b7-9c4c-f73c863c1851">
            Class
-           <span class="text-primary" id="f089ddf6-bb86-467c-aef1-ff3419e6e7c5">
+           <span class="text-primary" id="09566b00-27cc-481a-bdc2-8848440bc104">
             NumericInput
            </span>
           </h1>
-          <div id="02bf1d6e-13df-4a64-8e3b-ba0793c45fa7">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2e103d1a-5385-42b5-ab2e-00d17ef4074b" data-bs-toggle="collapse" id="c3a4b7b8-c360-41fe-b4b9-9aec131c5c7c" onclick="return false;" type="button">
+          <div id="78742e67-79da-4350-b597-2ca21979d975">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d30ee24b-f448-4c1f-bb2f-06eb6d6bbaa4" data-bs-toggle="collapse" id="eacf6289-448e-4df4-8043-922798b74d28" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="0d933388-10b9-41db-ac6c-ef2065529a3a">
+         <span class="text-muted" id="f732691d-1155-4a9b-811e-714a0e3cfbfa">
           A numeric input.
          </span>
-         <pre id="03b61f55-6733-4905-b882-69472a13fc8e"><code class="language-python">NumericInput(label, name, value=None, placeholder=None)</code></pre>
-         <div class="ms-3 collapse" id="2e103d1a-5385-42b5-ab2e-00d17ef4074b">
-          <h6 id="c821c957-ec24-4cc4-a18f-a63640eceade">
+         <pre id="0db67124-a69f-4091-b9aa-593393c8ddf3"><code class="language-python">NumericInput(label, name, value=None, placeholder=None)</code></pre>
+         <div class="ms-3 collapse" id="d30ee24b-f448-4c1f-bb2f-06eb6d6bbaa4">
+          <h6 id="199296f6-5a5f-4aa7-8f06-7bd91a297667">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="a67b5677-fc45-4063-9b26-6365f1d10012">
+          <table class="table table-sm bg-light" id="5fea844a-751d-4083-b809-dc90c44fad2b">
            <thead>
             <tr>
              <th scope="col">
@@ -4243,7 +4243,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="3ac09296-199c-42e0-9852-66a655af55bf">
+         <p id="9daf512f-e042-4598-b87f-0e08f3f0a3a3">
           Use the
           <code>
            as_disabled()
@@ -4255,11 +4255,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="77aa4f52-b4a5-4d41-b0ba-75dc9d6fa527">
-          <h6 id="561af137-12a9-48bc-ad4e-de15d961450f">
+         <div class="ms-3" id="c6ead18d-a9c5-40e8-a8ad-4ee4d109e719">
+          <h6 id="62db48cb-59da-4434-b7ac-88a1842d68cd">
            Example
           </h6>
-          <pre id="faccd6be-3995-4ef2-97ab-0c3e9f6dd0b4"><code class="language-python">from bootwrap import Form, NumericInput
+          <pre id="2f13f0a5-4c2c-4be2-a98e-65299b53ed69"><code class="language-python">from bootwrap import Form, NumericInput
 
 Form(
     NumericInput('Number1', 'number'),
@@ -4269,68 +4269,68 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="6555278e-045a-4062-822e-ccb589c2a4b2">
-          <form enctype="multipart/form-data" id="312faecb-cfa8-444e-b40d-b976fb41a460" method="POST">
+         <div class="ms-3" id="d158d50f-0404-48ef-a311-80e353b3c5ed">
+          <form enctype="multipart/form-data" id="0ecad1de-1bbf-4797-a30f-aba0f83176a2" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="4f664b14-c2a3-4e55-a353-1891b2c67e75">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="c7da1064-b0b4-44ce-8849-524ef719a642">
              Number1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="4f664b14-c2a3-4e55-a353-1891b2c67e75" name="number" type="number"/>
+             <input class="form-control" id="c7da1064-b0b4-44ce-8849-524ef719a642" 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="5a0843cc-282d-48f1-9bbc-c840ca1647eb">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="e9fd1090-9673-42e5-83e0-306962d3ad16">
              Number2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="5a0843cc-282d-48f1-9bbc-c840ca1647eb" name="number" placeholder="type here" type="number"/>
+             <input class="form-control" id="e9fd1090-9673-42e5-83e0-306962d3ad16" 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="f66eb42b-c838-4f09-9002-0748961852a7">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="463d55a0-6b7e-4f9e-82c7-8c27f3bfaa78">
              Number3
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" id="f66eb42b-c838-4f09-9002-0748961852a7" name="number" type="number" value="123"/>
+             <input class="form-control" id="463d55a0-6b7e-4f9e-82c7-8c27f3bfaa78" 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="025d5b16-ea5f-4376-bd26-d0b39bc91bf6">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="f123dd16-6e38-4f70-90cf-0d0e5b5b4d39">
              Number4
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <input class="form-control" disabled="" id="025d5b16-ea5f-4376-bd26-d0b39bc91bf6" name="number" type="number"/>
+             <input class="form-control" disabled="" id="f123dd16-6e38-4f70-90cf-0d0e5b5b4d39" name="number" type="number"/>
             </div>
            </div>
           </form>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="eb15ee1c-8bee-4fee-84ce-f168d50cfce8">
-        <div class="mt-5" id="fbe0096f-186f-4988-bbd3-23ac47fdf027">
-         <div class="d-flex justify-content-between" id="940d07aa-9ea4-451b-b11a-d272cba2e23e">
-          <h1 id="435f821b-0314-4f8f-9412-2669a6f88936">
+       <div class="tab-pane fade" id="ea50368d-a9a8-49d6-bc7e-e0a469b57125">
+        <div class="mt-5" id="8c804097-3926-48fe-9c5b-dfbed5991090">
+         <div class="d-flex justify-content-between" id="f4997577-b48b-41e8-bb1d-632452b7fc12">
+          <h1 id="9cc5b7ff-2ecf-47ec-ab1a-354b117029f9">
            Class
-           <span class="text-primary" id="9943e850-7342-4e41-ba13-1f095f140172">
+           <span class="text-primary" id="0daf6ddc-a740-4d69-8771-d99496c49fba">
             SelectInput
            </span>
           </h1>
-          <div id="b1ad4e86-ec10-4821-8bb9-69b603ed3923">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e75ce7ea-680c-42e0-9d0a-51d907e5ec71" data-bs-toggle="collapse" id="5901daf7-0d7c-4821-b452-96f542ad7b14" onclick="return false;" type="button">
+          <div id="1bec2239-68f1-4fd8-9bcc-207c3e8ac2b2">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e26b1b6f-9374-4da9-a5ba-b723d4819a83" data-bs-toggle="collapse" id="7f0e6779-3885-4d0a-9a4c-9129adc6ea6c" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="0fa1e9b8-bd50-43a8-8fac-ff0ac48e9968">
+         <span class="text-muted" id="7c4de0e2-3ea8-4254-9ff6-650e1d370e58">
           A select input.
          </span>
-         <pre id="b6b3e891-a139-4600-bf1d-0216b8d34b16"><code class="language-python">SelectInput(label, name, value=None, options=None)</code></pre>
-         <div class="ms-3 collapse" id="e75ce7ea-680c-42e0-9d0a-51d907e5ec71">
-          <h6 id="1fc2bfbf-1ae9-4150-af98-ea6d57acb1ea">
+         <pre id="208b29d4-3101-4e52-a41a-275a198e7c46"><code class="language-python">SelectInput(label, name, value=None, options=None)</code></pre>
+         <div class="ms-3 collapse" id="e26b1b6f-9374-4da9-a5ba-b723d4819a83">
+          <h6 id="15e346bc-1afd-4efd-8a39-5a367cb52b52">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="215fe0c6-d96a-4a4c-bf62-2e6abd0a51c0">
+          <table class="table table-sm bg-light" id="489db77e-4c60-4b33-877c-bf166eb9576b">
            <thead>
             <tr>
              <th scope="col">
@@ -4408,7 +4408,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="d4bdaf32-7ec8-40e7-a342-6c4819d088ca">
+         <p id="56583124-2e4f-48e2-bcc9-668468141693">
           Use the
           <code>
            as_disabled()
@@ -4420,11 +4420,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="56eb69d9-4c4b-45f5-a807-35a36b7bcf55">
-          <h6 id="1fc4c127-03f2-46e5-8cf0-fd7fca603dbc">
+         <div class="ms-3" id="f221bb84-3e04-4abc-b5ef-6b426a6675f3">
+          <h6 id="a12e4efe-42b8-43b1-b22b-b622f7917cc4">
            Example
           </h6>
-          <pre id="6d649ac6-a0db-45c0-8e02-c85990a9cf4c"><code class="language-python">from bootwrap import Form, SelectInput
+          <pre id="a3a0d49f-9c30-424b-a451-d1973f7d1a18"><code class="language-python">from bootwrap import Form, SelectInput
 
 options = [
     SelectInput.Option('One', 1),
@@ -4438,39 +4438,39 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="cca8dd74-b9f9-47e3-87ee-a085033fefc1">
-          <form enctype="multipart/form-data" id="3d3c981c-91a6-418e-ad43-2d9bc7361f20" method="POST">
+         <div class="ms-3" id="593e9594-30be-4c4d-b1fd-3477667fab4e">
+          <form enctype="multipart/form-data" id="2e890721-b221-4ce3-bf31-d48fabe6a30a" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="357dce15-30ce-4422-b983-3257cff3d9f5">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="4950277f-7fcf-48d1-a1fb-6921044e5d0a">
              Selector1
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <select autocomplete="off" class="form-control" id="357dce15-30ce-4422-b983-3257cff3d9f5" name="choice">
-              <option id="904b9010-07d0-4709-bc4a-4c7ee4beed8f" value="1">
+             <select autocomplete="off" class="form-control" id="4950277f-7fcf-48d1-a1fb-6921044e5d0a" name="choice">
+              <option id="cb4b57d2-22f7-4a0a-bfee-296b6ea45abd" value="1">
                One
               </option>
-              <option id="3fc6d475-88f4-4561-a784-0e55984118ab" selected="" value="2">
+              <option id="65420834-0a12-4b69-8910-f8980e67b9a8" selected="" value="2">
                Two
               </option>
-              <option disabled="" id="bce8f206-2195-4209-afa2-927ade424787" value="3">
+              <option disabled="" id="5aca0fa8-e69b-4aaf-bb1a-db60e3205ff8" 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="d6ba5357-2b2e-4899-a05c-7b1a7cb0c273">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="e6878024-dedf-4cae-b87c-578e89741e21">
              Selector2
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <select autocomplete="off" class="form-control" disabled="" id="d6ba5357-2b2e-4899-a05c-7b1a7cb0c273" name="choice">
-              <option id="904b9010-07d0-4709-bc4a-4c7ee4beed8f" value="1">
+             <select autocomplete="off" class="form-control" disabled="" id="e6878024-dedf-4cae-b87c-578e89741e21" name="choice">
+              <option id="cb4b57d2-22f7-4a0a-bfee-296b6ea45abd" value="1">
                One
               </option>
-              <option id="3fc6d475-88f4-4561-a784-0e55984118ab" selected="" value="2">
+              <option id="65420834-0a12-4b69-8910-f8980e67b9a8" selected="" value="2">
                Two
               </option>
-              <option disabled="" id="bce8f206-2195-4209-afa2-927ade424787" value="3">
+              <option disabled="" id="5aca0fa8-e69b-4aaf-bb1a-db60e3205ff8" value="3">
                Three
               </option>
              </select>
@@ -4478,29 +4478,29 @@ Form(
            </div>
           </form>
          </div>
-         <div class="mt-5" id="5125df6c-d9fe-42df-886d-a6c5ec0b7522">
-          <div class="d-flex justify-content-between" id="709b3261-b7c4-4080-9d32-24c923a7a38e">
-           <h4 id="58f541d3-6503-4672-a1fc-158bdd413a19">
+         <div class="mt-5" id="51f3142a-0f97-4497-b1e7-a92e12477010">
+          <div class="d-flex justify-content-between" id="235ecd4c-d90c-4115-9b8e-bdd915cd4f8c">
+           <h4 id="c24019fe-fce8-4123-9373-d23a455e5a4e">
             Method
-            <span class="text-primary" id="f06118f1-5198-4453-8fe9-6c6523e8a708">
+            <span class="text-primary" id="79487aed-6b35-4a4e-9b14-f863f897c142">
              as_radio
             </span>
            </h4>
-           <div id="b89cab7f-5918-4627-98c5-1ebad9c98efb">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#eb04edfe-52d7-464e-868d-b16faa1aea14" data-bs-toggle="collapse" id="575dd5fb-57ac-4c7b-ab39-f6e5aa70fc7e" onclick="return false;" type="button">
+           <div id="c1c98fb1-2106-4063-8e76-84edd0ae6047">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#653f2aa8-8b29-4791-9034-3864eb696236" data-bs-toggle="collapse" id="889035fd-1aa5-4fff-802c-bc0969d24061" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="cb98bed4-0887-4174-85fc-833877f252bc">
+          <span class="text-muted" id="9e3f1a6d-91e2-4dda-a3c5-5d5ae787a3cf">
            Makes selection in a form of radio buttons.
           </span>
-          <pre id="87a8855f-b6ae-4425-bd5f-2da7caa0105d"><code class="language-python">as_radio()</code></pre>
-          <div class="ms-3 collapse" id="eb04edfe-52d7-464e-868d-b16faa1aea14">
-           <h6 id="c77ade09-e198-41dc-8cb9-968ad2ec9867">
+          <pre id="f83b6a5c-efe0-49b3-94b6-daeed65ac336"><code class="language-python">as_radio()</code></pre>
+          <div class="ms-3 collapse" id="653f2aa8-8b29-4791-9034-3864eb696236">
+           <h6 id="b20d7cad-f13b-45f7-ba34-67c279fcf585">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="affa4221-f3e8-423f-83a2-39b2dc40237f">
+           <table class="table table-sm bg-light" id="f87dd448-1d81-4df4-ba0a-7f1863bf5519">
             <thead>
              <tr>
               <th scope="col">
@@ -4533,11 +4533,11 @@ Form(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="acc04b2b-b60f-4189-9daa-81c0c00de415">
-           <h6 id="48889353-ad33-4bf9-92fd-f3de88cbc30c">
+          <div class="ms-3" id="7a7ce7e3-b28c-48f1-b41e-63b734b75efe">
+           <h6 id="940aa12c-e6e7-4848-85c2-89b8876665b7">
             Example
            </h6>
-           <pre id="8e5c037a-4d29-43a9-bf6b-386e75d0576b"><code class="language-python">from bootwrap import Form, SelectInput
+           <pre id="718fa83a-8c0f-40b7-be62-511b0c8cb263"><code class="language-python">from bootwrap import Form, SelectInput
 
 options = [
     SelectInput.Option('One', 1),
@@ -4550,28 +4550,28 @@ Form(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="e2778cb2-cabd-4ba0-9843-422bbebeed23">
-           <form enctype="multipart/form-data" id="1514d818-c50d-4bb3-a88a-7b2aa4408713" method="POST">
+          <div class="ms-3" id="7dabff2f-20fd-4e12-96c7-e91afb11ebcd">
+           <form enctype="multipart/form-data" id="88c59873-1ee3-4d36-903d-4326270986ac" method="POST">
             <div class="form-group row">
-             <label class="col-sm-4 col-form-label d-flex align-items-center" for="41fcf21b-597b-4643-bc4a-a22dc83a0d8e">
+             <label class="col-sm-4 col-form-label d-flex align-items-center" for="80fd7973-5472-4682-946d-5a260fa3f1ef">
               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="e6859f57-6016-4117-908a-d3c625a3dca8" name="choice" type="radio" value="1"/>
-               <label class="form-check-label me-1" for="e6859f57-6016-4117-908a-d3c625a3dca8">
+               <input autocomplete="off" class="form-check-input" id="892a3488-90e1-452f-afe1-7058bd4262aa" name="choice" type="radio" value="1"/>
+               <label class="form-check-label me-1" for="892a3488-90e1-452f-afe1-7058bd4262aa">
                 One
                </label>
               </div>
               <div class="form-check me-3">
-               <input autocomplete="off" checked="" class="form-check-input" id="80a9d89d-2fe7-4892-996a-ca089f6d2ed2" name="choice" type="radio" value="2"/>
-               <label class="form-check-label me-1" for="80a9d89d-2fe7-4892-996a-ca089f6d2ed2">
+               <input autocomplete="off" checked="" class="form-check-input" id="581498f2-a777-45af-a883-fcde7d5509f8" name="choice" type="radio" value="2"/>
+               <label class="form-check-label me-1" for="581498f2-a777-45af-a883-fcde7d5509f8">
                 Two
                </label>
               </div>
               <div class="form-check me-3">
-               <input autocomplete="off" class="form-check-input" disabled="" id="28cd4ffc-8f54-4d8e-b690-01165fde8e27" name="choice" type="radio" value="3"/>
-               <label class="form-check-label me-1" for="28cd4ffc-8f54-4d8e-b690-01165fde8e27">
+               <input autocomplete="off" class="form-check-input" disabled="" id="473e19c0-5593-426c-815b-74d7c68ad173" name="choice" type="radio" value="3"/>
+               <label class="form-check-label me-1" for="473e19c0-5593-426c-815b-74d7c68ad173">
                 Three
                </label>
               </div>
@@ -4582,34 +4582,34 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="643ef479-76ed-4216-80d5-ef688befb662">
-        <div class="mt-5" id="53a7528f-376c-4e84-8500-7987d1a01166">
-         <div class="d-flex justify-content-between" id="0abbd716-4e1b-400b-99cf-e89989a18e0d">
-          <h1 id="08d501be-a218-4c9d-8c1a-696d79209740">
+       <div class="tab-pane fade" id="efc9531a-0994-430b-9de4-65395077f807">
+        <div class="mt-5" id="f95522ad-c92e-4f16-a402-c90ed47e1275">
+         <div class="d-flex justify-content-between" id="2dbd23b6-8ce7-4de2-b2f3-1b5d1827d719">
+          <h1 id="7da2f933-5595-4b44-b97a-35529f2b6d76">
            Class
-           <span class="text-primary" id="af17adaa-2966-48fe-8bef-c0e002ff57b2">
+           <span class="text-primary" id="a60660cb-9b2c-44aa-9f5c-b56364d8c0c3">
             SelectInput.Option
            </span>
           </h1>
-          <div id="a534a6b6-9fd2-49cf-aafe-dfed55e72c86">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ee05c50d-a699-47f9-9c95-ac891b6dab4d" data-bs-toggle="collapse" id="96f4fec5-0a2e-4288-b944-4f8ff75a16d5" onclick="return false;" type="button">
+          <div id="b807f988-f421-4774-acca-1c6380d611a7">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ad34d779-f4b6-49d0-bf37-51f1fd32bb3b" data-bs-toggle="collapse" id="5bc17c0f-c141-4765-825f-9bc54b1b24ee" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="92ff9919-3576-42d0-9047-3a4016bb03ba">
+         <span class="text-muted" id="0d587290-d631-40f9-b684-c61d555e6118">
           An option used by
           <code>
            SelectInput
           </code>
           .
          </span>
-         <pre id="29d60051-e9b3-40cf-9abe-8efd17737683"><code class="language-python">SelectInput.Option(name, value, disabled=False)</code></pre>
-         <div class="ms-3 collapse" id="ee05c50d-a699-47f9-9c95-ac891b6dab4d">
-          <h6 id="9ab0bf35-ae29-4fa1-887e-ec2378c09e70">
+         <pre id="cdea27d8-8f7d-42cb-9b51-9bec98928a0c"><code class="language-python">SelectInput.Option(name, value, disabled=False)</code></pre>
+         <div class="ms-3 collapse" id="ad34d779-f4b6-49d0-bf37-51f1fd32bb3b">
+          <h6 id="99100822-3644-4780-8208-b7991d98d615">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="5ef8ff57-15b3-406a-bcdd-a279e652570b">
+          <table class="table table-sm bg-light" id="7de87f4c-02ef-46db-ac87-659bd7da690d">
            <thead>
             <tr>
              <th scope="col">
@@ -4676,65 +4676,65 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="mt-5" id="11e8c4ee-000e-4eec-9684-a75ed314a974">
-          <h4 id="b916d424-eee2-4dbd-9fdf-9810b2b8c9f4">
+         <div class="mt-5" id="76dce943-57b1-4063-96d7-cbfe1476b9ca">
+          <h4 id="14d40d06-71f8-42f8-9002-59b91b5c0620">
            Property
-           <span class="text-primary" id="39eb75af-3210-432f-bc1f-a661cf357421">
+           <span class="text-primary" id="64f51c55-3360-443b-a35e-c42e9cd78ecf">
             disabled
            </span>
           </h4>
-          <span class="text-muted" id="a7e7d11a-171a-4012-b5b1-74bd4382a982">
+          <span class="text-muted" id="3367a0bf-ca44-4a20-a110-fbc4bef101c5">
            None
           </span>
          </div>
-         <div class="mt-5" id="5e78bddb-6f92-4f12-adf5-caf4e16dc9c7">
-          <h4 id="08efc157-9547-46de-b089-78472a2d9f3d">
+         <div class="mt-5" id="0cdb14bd-2979-45e0-a00a-49cb0a399e3b">
+          <h4 id="042c5ae0-bdb6-48a3-a8c6-e0dd79a123ae">
            Property
-           <span class="text-primary" id="ab137d5f-14c8-4356-9692-ed58cacb89bf">
+           <span class="text-primary" id="081ff77a-f6de-405c-a279-c1a20055d539">
             name
            </span>
           </h4>
-          <span class="text-muted" id="08ca394b-e182-4466-a51e-3d9123d9030f">
+          <span class="text-muted" id="562ca79d-db9d-48ac-9e08-5a16cda1a420">
            None
           </span>
          </div>
-         <div class="mt-5" id="9798e31a-8bd8-4242-8974-780cdec20a46">
-          <h4 id="14a26242-0625-453c-8c53-1ef81cc2a93b">
+         <div class="mt-5" id="c5de24f9-837e-4c70-adf6-fff7a886b961">
+          <h4 id="f1b07c35-2d6c-4389-a789-5a9f27eed6e8">
            Property
-           <span class="text-primary" id="7517a83c-ce84-4c45-96c5-e0ceeb7d00dc">
+           <span class="text-primary" id="80bfeb3b-2ad0-4915-a361-cbf7f1d70070">
             value
            </span>
           </h4>
-          <span class="text-muted" id="10132d65-d2f3-4093-8dfd-4b362f09f4b1">
+          <span class="text-muted" id="7a15792a-0e63-42ac-a8ba-cae02bef3d82">
            None
           </span>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="93503f0c-c22c-48f1-9a84-ceee1dea13f7">
-        <div class="mt-5" id="32b81d13-e772-408b-a83b-772730edd7ef">
-         <div class="d-flex justify-content-between" id="5265bae6-f676-49de-ba2f-545fcc574a93">
-          <h1 id="1d28328b-26b1-49d3-9988-20daff95a4ac">
+       <div class="tab-pane fade" id="8ea89d32-e638-4333-84cf-fb2d04fb0756">
+        <div class="mt-5" id="a968465a-7d09-4848-8ede-a1f8b77c20c7">
+         <div class="d-flex justify-content-between" id="d2626324-f188-4133-8e1a-1ac534eb437b">
+          <h1 id="bc7df2bf-ffc6-47a9-a2fa-962adf65c724">
            Class
-           <span class="text-primary" id="8e79d5e1-3bfb-42d4-a212-420bbe578b10">
+           <span class="text-primary" id="59152965-5b08-4720-a532-f2c8d3e10f74">
             JsonInput
            </span>
           </h1>
-          <div id="da9f0acd-99c4-40dd-918f-9cc597d80e4a">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d688af79-2e9e-4890-b5c0-36675fc63f63" data-bs-toggle="collapse" id="a8bd419b-218a-4e51-92be-254caa10e65a" onclick="return false;" type="button">
+          <div id="cfb3ae49-5020-4c52-b49a-07feb56a3eeb">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#8ba96474-fe0d-47ac-87ab-f232897800f0" data-bs-toggle="collapse" id="2577a08b-43c2-427a-add1-070997777513" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="adfd3c70-52e7-4b61-a5b2-b7d466811180">
+         <span class="text-muted" id="95a877d7-31c6-42f2-a2b6-0dc539d9cb07">
           A JSON input.
          </span>
-         <pre id="419fe113-f337-4005-aec2-4c604c9e33a3"><code class="language-python">JsonInput(label, name, value=None)</code></pre>
-         <div class="ms-3 collapse" id="d688af79-2e9e-4890-b5c0-36675fc63f63">
-          <h6 id="b0cd9d97-1660-468c-8c3f-fdbf56312cb8">
+         <pre id="17641b8c-a4e7-4c7b-b82c-1d0fc0161fe6"><code class="language-python">JsonInput(label, name, value=None)</code></pre>
+         <div class="ms-3 collapse" id="8ba96474-fe0d-47ac-87ab-f232897800f0">
+          <h6 id="3c684a10-3edc-4cba-9bee-c82ac4672c21">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="24e0fd5b-097f-4584-b604-021ce477fecc">
+          <table class="table table-sm bg-light" id="5f305879-5354-4d2c-acec-5072971df49f">
            <thead>
             <tr>
              <th scope="col">
@@ -4797,11 +4797,11 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="3b951151-a7ad-4c08-b742-bf725e96ae8b">
-          <h6 id="6b3dfa30-6382-49ac-b81e-42677156b71e">
+         <div class="ms-3" id="1a4f7041-fa0c-43ce-a98a-31cbf50b0293">
+          <h6 id="b1d3dba6-49cf-4f8a-b2a4-0523c8bd52c8">
            Example
           </h6>
-          <pre id="9c53e66c-c011-4d37-bc32-65221ebb4f77"><code class="language-python">from bootwrap import Form, JsonInput
+          <pre id="f7afce64-623a-4ca7-b4ab-5b165c55b4f3"><code class="language-python">from bootwrap import Form, JsonInput
 
 Form(
     JsonInput('JSON Config', 'code', '{"hello": "world enable"}'),
@@ -4810,54 +4810,54 @@ Form(
 
 </code></pre>
          </div>
-         <div class="ms-3" id="31716955-6b8b-41d8-9ea0-44a648e68d26">
-          <form enctype="multipart/form-data" id="00548653-c7fe-4ecf-af56-be9efca1de45" method="POST">
+         <div class="ms-3" id="612870da-f791-41b5-aeb0-25e7add03389">
+          <form enctype="multipart/form-data" id="2d967fce-1fa9-4647-afbe-5ffb0e22a5fb" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="caf63854-25b6-4e0c-aa0d-242d2e0bc8d8">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="44177715-2a6d-4688-8be4-a31abe8d33b4">
              JSON Config
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <pre class="w-100" contenteditable="true" onkeyup="javascript:$('#caf63854-25b6-4e0c-aa0d-242d2e0bc8d8').val($(this).text())"><code class="language-json">"{\"hello\": \"world enable\"}"</code></pre>
-             <input id="caf63854-25b6-4e0c-aa0d-242d2e0bc8d8" name="code" type="hidden" value='"{\"hello\": \"world enable\"}"'/>
+             <pre class="w-100" contenteditable="true" onkeyup="javascript:$('#44177715-2a6d-4688-8be4-a31abe8d33b4').val($(this).text())"><code class="language-json">"{\"hello\": \"world enable\"}"</code></pre>
+             <input id="44177715-2a6d-4688-8be4-a31abe8d33b4" name="code" type="hidden" value='"{\"hello\": \"world enable\"}"'/>
             </div>
            </div>
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="beedbfc7-6c2a-4447-81cf-d7fda3348273">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="f3365042-28d7-403d-806f-9082c0196f09">
              JSON Config
             </label>
             <div class="col-sm-8 d-flex align-items-center">
-             <pre class="w-100" contenteditable="false" onkeyup="javascript:$('#beedbfc7-6c2a-4447-81cf-d7fda3348273').val($(this).text())"><code class="language-json">"{\"hello\": \"world disable\"}"</code></pre>
-             <input id="beedbfc7-6c2a-4447-81cf-d7fda3348273" name="code" type="hidden" value='"{\"hello\": \"world disable\"}"'/>
+             <pre class="w-100" contenteditable="false" onkeyup="javascript:$('#f3365042-28d7-403d-806f-9082c0196f09').val($(this).text())"><code class="language-json">"{\"hello\": \"world disable\"}"</code></pre>
+             <input id="f3365042-28d7-403d-806f-9082c0196f09" name="code" type="hidden" value='"{\"hello\": \"world disable\"}"'/>
             </div>
            </div>
           </form>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="0df672b3-dbc7-4e1f-ba78-d8fbf8039e4d">
-        <div class="mt-5" id="e3c5d11c-dfad-490f-b377-973dece66947">
-         <div class="d-flex justify-content-between" id="c83d2c3b-03bd-48db-9685-45169ca71e2d">
-          <h1 id="e3b63c83-a1cd-407a-b1b3-f9bb93d369b3">
+       <div class="tab-pane fade" id="cb831bc7-6071-4660-83a6-8c1fb346bce8">
+        <div class="mt-5" id="f88ead71-df66-4a99-bf9a-fab352f8b617">
+         <div class="d-flex justify-content-between" id="a0bd675d-7568-4ff1-a180-45558fc59d00">
+          <h1 id="c393cfb1-55a1-49d1-88be-8388bd5ddbbe">
            Class
-           <span class="text-primary" id="ee6d1187-d322-4c00-91ad-cfc2f123bd10">
+           <span class="text-primary" id="9e41a700-301e-444d-a5a5-a5ac9e35276c">
             HiddenInput
            </span>
           </h1>
-          <div id="88efb25f-2604-48e3-81bc-6254908fd45f">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ce417fd8-60dd-4467-ae60-1d7ea8dd0354" data-bs-toggle="collapse" id="337b5f97-fc59-4f8e-ab78-580f81c9744d" onclick="return false;" type="button">
+          <div id="d2a5efe8-0bc8-4c0c-971b-b11a55f0557f">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#e85a77fb-36f8-4bf5-809f-f801dcf91b3b" data-bs-toggle="collapse" id="9428026b-223c-40ca-ae46-11d45d9e9d50" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f07c5e25-60b7-4a23-854a-cb665ce3fafd">
+         <span class="text-muted" id="cf4b7e3e-0dcf-4707-a6bc-0dd112394125">
           A hidden input.
          </span>
-         <pre id="3deed9a0-4b15-44a1-ba5f-b218140dbc3f"><code class="language-python">HiddenInput(name, value=None)</code></pre>
-         <div class="ms-3 collapse" id="ce417fd8-60dd-4467-ae60-1d7ea8dd0354">
-          <h6 id="733e102a-ccca-437e-a919-244c7c116caf">
+         <pre id="aaf33111-32df-435d-9833-05e56904a89e"><code class="language-python">HiddenInput(name, value=None)</code></pre>
+         <div class="ms-3 collapse" id="e85a77fb-36f8-4bf5-809f-f801dcf91b3b">
+          <h6 id="c0db71dc-2adc-4721-8661-90c1e38e08df">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="7df0a5a1-62c0-4b75-87ac-04f9b75f5d32">
+          <table class="table table-sm bg-light" id="99663ede-75fb-4319-b567-d9f5b8c2d2b1">
            <thead>
             <tr>
              <th scope="col">
@@ -4905,11 +4905,11 @@ Form(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="f6efe314-b444-4054-9ff9-25352e651812">
-          <h6 id="e5735ca1-6d75-4faf-a73b-f63d6eaeeb10">
+         <div class="ms-3" id="06e0d32a-76b5-4d35-8058-d23744cb67f0">
+          <h6 id="a416f4c6-9c05-40c9-aa93-3060afb01fcc">
            Example
           </h6>
-          <pre id="b76ca19a-7edd-459b-a00f-12700e64a7f0"><code class="language-python">from bootwrap import Form, SelectInput
+          <pre id="5b3451bd-57f3-4195-9b23-486b4a48e8a0"><code class="language-python">from bootwrap import Form, SelectInput
 
 Form(
     HiddenInput('token', '123')
@@ -4918,30 +4918,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="1ddd8dea-8929-4f62-b7c0-940009cc5fbd">
-        <div class="mt-5" id="f4b814a2-0bde-43a7-901c-c018bfba0d27">
-         <div class="d-flex justify-content-between" id="bb886930-5ae2-4148-90b5-59790e455145">
-          <h1 id="e08db949-e819-42c7-a033-cd0df9fe27ed">
+       <div class="tab-pane fade" id="29f4edb3-bd8f-4e8e-a5af-7493ae4baa5d">
+        <div class="mt-5" id="a35d53da-fe9f-4a6e-a19f-c5ffe6e2454d">
+         <div class="d-flex justify-content-between" id="9e907f85-5b58-4dc5-910b-7af94b88d853">
+          <h1 id="9dfe2777-3712-4a54-845e-9ce0d4abaf96">
            Class
-           <span class="text-primary" id="50d54cd3-a175-4099-ab0d-9e8d2e53a15e">
+           <span class="text-primary" id="63878677-8768-4b93-a418-2c859b00f3f1">
             FileInput
            </span>
           </h1>
-          <div id="48e25083-896f-4b95-9945-6d88556c0dba">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7d91625c-aab5-4f3e-9a24-3aa8e6369f2f" data-bs-toggle="collapse" id="780753ea-29e9-413c-b0fb-21878051865b" onclick="return false;" type="button">
+          <div id="d8b33985-9deb-4a22-8cb6-04c50c09fb3f">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#f750dd7e-8f96-4c7c-b613-2cbd7cf4289e" data-bs-toggle="collapse" id="708da718-2d89-4b77-9ad7-8e0f11b545b5" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="55a42b44-13b1-49fd-abf5-3aa568747238">
+         <span class="text-muted" id="65f890a9-c9cb-4146-8c82-fc38b53dedd1">
           A file input.
          </span>
-         <pre id="3c99a358-6460-4adf-af92-c8c21fd9c372"><code class="language-python">FileInput(label, name)</code></pre>
-         <div class="ms-3 collapse" id="7d91625c-aab5-4f3e-9a24-3aa8e6369f2f">
-          <h6 id="587dfbf6-8ce9-4478-ad46-b6d6fbe43b4d">
+         <pre id="e2eaaeab-f61e-41b6-b85a-094fb52568f1"><code class="language-python">FileInput(label, name)</code></pre>
+         <div class="ms-3 collapse" id="f750dd7e-8f96-4c7c-b613-2cbd7cf4289e">
+          <h6 id="2ddc2edd-375f-47b6-8aaf-c9cbac14357a">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="4f094a65-8e3c-4a1a-84cc-816cecf05997">
+          <table class="table table-sm bg-light" id="61bf7c46-de8a-449c-9a83-f05481331626">
            <thead>
             <tr>
              <th scope="col">
@@ -4989,7 +4989,7 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="00c10131-d901-483a-b744-359e03a7dda8">
+         <p id="6cadb762-e969-4548-828a-7599eeab3a11">
           Use the
           <code>
            as_disabled()
@@ -5001,11 +5001,11 @@ Form(
           </code>
           component.
          </p>
-         <div class="ms-3" id="29d2029c-8487-43bd-88ec-4944f950005d">
-          <h6 id="cb7f7c75-99f8-4297-96e3-d3eea7521cc4">
+         <div class="ms-3" id="f7980171-8732-408d-8f93-b530ecc44b26">
+          <h6 id="a4da3379-5ef7-4e3d-883e-35415c3480e4">
            Example
           </h6>
-          <pre id="07da26f0-7133-44a6-99c7-55ac96e4e572"><code class="language-python">from bootwrap import Form, FileInput
+          <pre id="595cafc8-8934-477d-8677-58147381ba16"><code class="language-python">from bootwrap import Form, FileInput
 
 Form(
     FileInput('File', 'file'),
@@ -5013,10 +5013,10 @@ Form(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="c384310f-df3c-4288-9022-0456277503c4">
-          <form enctype="multipart/form-data" id="c1634824-d02c-44e6-865f-3bcff1f1a19a" method="POST">
+         <div class="ms-3" id="98dbe02a-1789-48bd-a04c-d51802591f45">
+          <form enctype="multipart/form-data" id="ccc0992f-72fe-4d4b-afd7-7cec7b086824" method="POST">
            <div class="form-group row">
-            <label class="col-sm-4 col-form-label d-flex align-items-center" for="39cb53a5-5b89-46de-ae78-18d26a6b26a5">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="eb4a3a0f-eaac-4433-b176-909144bd3762">
              File
             </label>
             <div class="col-sm-8 d-flex align-items-center">
@@ -5027,13 +5027,13 @@ Form(
                <span class="btn btn-secondary" onclick="$(this).parent().find('input[type=file]').click();">
                 Browse
                </span>
-               <input id="39cb53a5-5b89-46de-ae78-18d26a6b26a5" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
+               <input id="eb4a3a0f-eaac-4433-b176-909144bd3762" 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="ec10d3d5-26b8-4c42-ad93-b472ec2590e5">
+            <label class="col-sm-4 col-form-label d-flex align-items-center" for="bb30a49c-81c2-4212-b71d-3d5dbc70d51d">
              File
             </label>
             <div class="col-sm-8 d-flex align-items-center">
@@ -5044,7 +5044,7 @@ Form(
                <span class="btn btn-secondary disabled" onclick="$(this).parent().find('input[type=file]').click();">
                 Browse
                </span>
-               <input disabled="" id="ec10d3d5-26b8-4c42-ad93-b472ec2590e5" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
+               <input disabled="" id="bb30a49c-81c2-4212-b71d-3d5dbc70d51d" name="file" onchange="$(this).parent().parent().find('.form-control').htms($(this).val().split(/[\|/]/).pop());" style="display: none;" type="file"/>
               </div>
              </div>
             </div>
@@ -5053,30 +5053,30 @@ Form(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="1ca50ae1-8f98-4d53-b29f-b4b51ab19abe">
-        <div class="mt-5" id="6045c4a0-ad2a-47bd-bc8b-1e5cb10f3c3a">
-         <div class="d-flex justify-content-between" id="0daf78ed-a3d1-44d1-bab3-aaaeb4fd8932">
-          <h1 id="e5ff34d1-6a31-493e-a75b-398ffd2d54e4">
+       <div class="tab-pane fade" id="ef20aea4-1401-4e1e-b10b-3a8ec4e4f940">
+        <div class="mt-5" id="6f925531-d3ca-4d67-8fec-4c2ef9fa90e0">
+         <div class="d-flex justify-content-between" id="088aa86d-0a2a-45db-921f-e4a7eb794969">
+          <h1 id="b5ad4c94-4544-48aa-b392-048621a7ef15">
            Class
-           <span class="text-primary" id="8405d6de-1722-4307-8aa1-3ca62b929927">
+           <span class="text-primary" id="d4040f16-49b7-42a7-8049-e686cbf3c5c1">
             InputGroup
            </span>
           </h1>
-          <div id="a27de27a-6624-4241-8499-c20021892ae6">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#498c07a2-1cc2-40c8-b7ad-ca2abad4d7a2" data-bs-toggle="collapse" id="cc02f4bf-fb56-484a-88fa-6b84d72d1305" onclick="return false;" type="button">
+          <div id="0645d613-a021-4142-9472-b679971dffb5">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#23e2b359-d569-48da-af6d-84f51a02ea17" data-bs-toggle="collapse" id="3f5eb2e7-4205-4066-bf9a-364b13a9a4b0" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="7a72eff7-e1e0-48f5-9fe4-d0f8da6ef5cd">
+         <span class="text-muted" id="012436c6-3d03-4c49-99f4-37f692e04feb">
           A web component for an input group.
          </span>
-         <pre id="d9deb5e3-b1b1-48c8-992c-c9b897c3a746"><code class="language-python">InputGroup(*inputs)</code></pre>
-         <div class="ms-3 collapse" id="498c07a2-1cc2-40c8-b7ad-ca2abad4d7a2">
-          <h6 id="75705acf-8d3d-47f9-9434-126b33eedf9f">
+         <pre id="30a16030-df7c-4a3a-bb91-5afd45074503"><code class="language-python">InputGroup(*inputs)</code></pre>
+         <div class="ms-3 collapse" id="23e2b359-d569-48da-af6d-84f51a02ea17">
+          <h6 id="8f963d61-c583-4423-a873-6680f2046894">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="da0c1d08-bb8f-4585-aade-57e0709246df">
+          <table class="table table-sm bg-light" id="077cc86f-030a-4de3-84ca-220992e90e67">
            <thead>
             <tr>
              <th scope="col">
@@ -5113,14 +5113,14 @@ Form(
            </tbody>
           </table>
          </div>
-         <p id="f132a869-0100-4f93-b728-e76064a43379">
+         <p id="739ba2f2-ac42-4d3f-8d2b-bdda0b037cc1">
           Grous together a series of input components
          </p>
-         <div class="ms-3" id="b520d4ed-f814-4347-b382-8c8653d28948">
-          <h6 id="96bf6686-56ca-4cbd-ae8b-69ac21d09d6a">
+         <div class="ms-3" id="fb330814-1064-478f-a9e1-126ea01e3fac">
+          <h6 id="dfed202d-ea13-4651-9f34-f39705b0c9a9">
            Example
           </h6>
-          <pre id="cc9c7519-66f8-4e24-b6cd-2d530544ce48"><code class="language-python">from bootwrap import Text, TextInput, NumericInput, InputGroup, Form
+          <pre id="517a7f85-3055-413f-81b3-07239ab667cf"><code class="language-python">from bootwrap import Text, TextInput, NumericInput, InputGroup, Form
 
 at = Text("@")
 username = TextInput(None, 'username', placeholder='type username')
@@ -5147,35 +5147,35 @@ ig4 = InputGroup(login, at, password).mb(2)
 Form(ig1,ig2,ig3,ig4)
 </code></pre>
          </div>
-         <div class="ms-3" id="c60fdfe0-6ffb-4240-b0d1-0800dce8dba6">
-          <form enctype="multipart/form-data" id="108a1df5-5e20-42f1-96dd-0b7493552168" method="POST">
-           <div class="mb-2 input-group" id="55e62873-cc7a-479b-aad9-8eb113177d8e" role="group">
-            <span class="input-group-text" id="d2f73a5d-aff3-4448-9e63-7a0231a19f02">
+         <div class="ms-3" id="1eab86ba-d65e-4e34-9a47-afbbcacd3a0e">
+          <form enctype="multipart/form-data" id="fa307ede-570d-49d3-8b88-957cc94c3122" method="POST">
+           <div class="mb-2 input-group" id="09aa858c-76cb-4d61-ae37-9fb96c358526" role="group">
+            <span class="input-group-text" id="2ad4c8ee-bf4e-4277-bae5-226654f23c17">
              @
             </span>
-            <input class="form-control" id="708065d8-81cc-48df-be53-13d8a07738c7" name="username" placeholder="type username" type="text"/>
+            <input class="form-control" id="1f9b6fe5-fa12-4a3f-8f57-01495dfee611" name="username" placeholder="type username" type="text"/>
            </div>
-           <div class="mb-2 input-group" id="be06f610-47d8-4814-996d-db7e711f6f4d" role="group">
-            <input class="form-control" id="c4b3fc10-59e8-4b8d-9438-15fbc3fe6a4a" name="recipient" placeholder="Recipient username" type="text"/>
-            <span class="input-group-text" id="cca979d6-0e46-4d06-a741-c0153da92590">
+           <div class="mb-2 input-group" id="92ebd417-bedd-4c81-b512-ca9254fa3596" role="group">
+            <input class="form-control" id="f4c904d6-8809-4c25-a543-bc6cd2e590ee" name="recipient" placeholder="Recipient username" type="text"/>
+            <span class="input-group-text" id="53613714-17f7-4dc0-8ba8-48bc54a3a521">
              @example.com
             </span>
            </div>
-           <div class="mb-2 input-group" id="a7bf458e-707e-49c0-ab24-725962e8a948" role="group">
-            <span class="input-group-text" id="3aa29abd-7480-48dd-9452-3098f9397551">
+           <div class="mb-2 input-group" id="7a178f6b-e3f9-4f6a-9b53-7fcef791b1f6" role="group">
+            <span class="input-group-text" id="78a7e6fc-a2ce-4e42-9c9d-682ef7c59e48">
              $
             </span>
-            <input class="form-control" id="504d5ac7-3f5b-434a-b015-d13b78a64898" name="amount" placeholder="Amount (to the nearest dollar)" type="number"/>
-            <span class="input-group-text" id="3379bc15-562a-4006-a8c1-18eb0ef6a464">
+            <input class="form-control" id="b10f6c61-9996-40b1-86c2-553da7e8b5d4" name="amount" placeholder="Amount (to the nearest dollar)" type="number"/>
+            <span class="input-group-text" id="8e14a362-b8c0-4f4a-b5ad-8eb995ec70c4">
              .00
             </span>
            </div>
-           <div class="mb-2 input-group" id="7a1ab49c-a6b3-4b58-9c96-3a0ba7114438" role="group">
-            <input class="form-control" id="a3530f61-b038-47fe-b68f-ee2064f2288d" name="login" placeholder="Login" type="text"/>
-            <span class="input-group-text" id="8d3f77c1-0c0a-44f8-809c-0b29e98cedee">
+           <div class="mb-2 input-group" id="80da51f3-6698-4363-9089-5d4ea799d561" role="group">
+            <input class="form-control" id="bca666eb-8f6a-4e4c-a60c-3f6181905d92" name="login" placeholder="Login" type="text"/>
+            <span class="input-group-text" id="98201c80-42ee-4924-b920-ff7072709010">
              @
             </span>
-            <input class="form-control" id="838f58c8-5435-436a-8ec5-ce5a3c64dc21" name="password" placeholder="Password" type="password"/>
+            <input class="form-control" id="f40edaff-7cec-4eba-8f8c-cedac4086dd8" name="password" placeholder="Password" type="password"/>
            </div>
           </form>
          </div>
@@ -5184,50 +5184,50 @@ Form(ig1,ig2,ig3,ig4)
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="35ba166e-0f34-4f9a-a26f-49fc6347bb7e">
-     <div id="b9448d3f-6063-4b91-97e8-82e1997ca2a9">
+    <div class="tab-pane fade" id="569ca44a-d766-4ee0-9356-16dd5f370bca">
+     <div id="6e139b8b-5898-4e64-b105-89ee5a090dfb">
       <hr/>
-      <ul class="nav" id="b1758f82-58ca-4042-a353-c0ff30c8a1cf" role="tablist">
+      <ul class="nav" id="84ce4383-6702-4cf9-98f9-4dc1df6e18a2" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#12313053-f798-4237-953e-3e17624ce917" data-bs-toggle="tab" href="#12313053-f798-4237-953e-3e17624ce917" id="20837205-3124-4b36-a510-6322400e97a8" role="tab">
-         <span class="text-secondary" id="d2f70340-79d3-4ff7-9169-425b08ad339b">
+        <a class="nav-link active" data-bs-target="#8dbbafb8-f83c-4530-8259-67e084751f2e" data-bs-toggle="tab" href="#8dbbafb8-f83c-4530-8259-67e084751f2e" id="e1afc37c-3026-4e46-9c3f-4a5a55263a4d" role="tab">
+         <span class="text-secondary" id="970e1953-55e2-4553-8d33-0f8ae643a267">
           Icon
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#f49d5671-fb98-41b0-ae55-07bd38000f37" data-bs-toggle="tab" href="#f49d5671-fb98-41b0-ae55-07bd38000f37" id="606ac033-895b-4ae2-abd8-b803bc947cea" role="tab">
-         <span class="text-secondary" id="5a6162a8-8731-4189-bfb6-5a0349d5b8c6">
+        <a class="nav-link" data-bs-target="#f338be5f-1062-4770-bbe8-9b495d3dbab9" data-bs-toggle="tab" href="#f338be5f-1062-4770-bbe8-9b495d3dbab9" id="d8b339e8-4788-4702-abde-123eedcca22f" role="tab">
+         <span class="text-secondary" id="7a78696f-4d64-4297-bc32-2a817c6f7291">
           Spinner
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="12313053-f798-4237-953e-3e17624ce917">
-        <div class="mt-5" id="455a612f-60cf-4e5f-b52d-2b8762d7d494">
-         <div class="d-flex justify-content-between" id="292f0b62-3be5-46d0-9c36-80d4c9a1e5f1">
-          <h1 id="9506d5e4-c4eb-48f6-8dbe-ed9f667b4768">
+       <div class="tab-pane fade active show" id="8dbbafb8-f83c-4530-8259-67e084751f2e">
+        <div class="mt-5" id="c9cbd336-be00-4423-9c41-544e7a4eb7ec">
+         <div class="d-flex justify-content-between" id="93e11812-306a-4a93-b006-a509e087377b">
+          <h1 id="8276f9b5-860f-44fc-bb2e-5c7117b4d351">
            Class
-           <span class="text-primary" id="4d30723d-b4a2-42c5-94b9-b0c9dd2a882c">
+           <span class="text-primary" id="e99fb721-c820-42d0-ae23-ef7304ead97e">
             Icon
            </span>
           </h1>
-          <div id="a48b7787-bd84-4aea-ab53-0018b0019e2e">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d71c96ab-ce95-42cc-b7a7-da5404ecd0fb" data-bs-toggle="collapse" id="bdb58635-2bf3-4abf-969b-30ea5d9eed65" onclick="return false;" type="button">
+          <div id="427b97a6-ed92-43fa-848c-8252d6ead595">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#1fda6568-2dde-448b-8a6c-01f6c6a0cb8a" data-bs-toggle="collapse" id="59d45575-a965-434d-bcc2-5517e177bd16" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="3ab4eeab-51e8-480f-a772-4099e6790908">
+         <span class="text-muted" id="cda0e402-4ba8-4bd6-aad7-1e5e5d8069c6">
           An icon.
          </span>
-         <pre id="1e81add2-8ade-4709-8a09-872bf777718d"><code class="language-python">Icon(name)</code></pre>
-         <div class="ms-3 collapse" id="d71c96ab-ce95-42cc-b7a7-da5404ecd0fb">
-          <h6 id="6d892c8f-c95d-4d12-9d6b-a959255f89ec">
+         <pre id="47640402-90f4-476e-8a4e-f219027c1e9b"><code class="language-python">Icon(name)</code></pre>
+         <div class="ms-3 collapse" id="1fda6568-2dde-448b-8a6c-01f6c6a0cb8a">
+          <h6 id="c793089a-d18c-4a7c-b1d1-bf5e48f246e4">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="ceda6805-88ae-4b9b-899e-526270b3a0b8">
+          <table class="table table-sm bg-light" id="6664d1fe-4bbd-4274-9dac-162513f3d129">
            <thead>
             <tr>
              <th scope="col">
@@ -5260,11 +5260,11 @@ Form(ig1,ig2,ig3,ig4)
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="e11e4c17-e5da-44f2-b101-44c38c316389">
-          <h6 id="51bd9023-9e47-49f3-a7a1-1d1085456b32">
+         <div class="ms-3" id="f9df7f31-70ce-4cf9-a88e-2b2c4bb680de">
+          <h6 id="e9e15e07-87d6-44a8-b975-76cc54c658d6">
            Example
           </h6>
-          <pre id="7f84f385-439d-4865-8c45-63fdf95c5471"><code class="language-python">from bootwrap import Icon, Panel
+          <pre id="3439a99d-71f0-4774-bef3-0810568379bb"><code class="language-python">from bootwrap import Icon, Panel
 
 Panel(
     Icon("fas fa-folder"),
@@ -5279,51 +5279,51 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="ec891109-319c-45fb-8065-e0deaff27442">
-          <div id="63236c77-ad7c-42a6-a9cf-3abe45c2abf4">
-           <i class="fas fa-folder" id="ea1718f5-1066-492b-80a3-fe7fca1f8280">
+         <div class="ms-3" id="a9c00fcd-9452-46e8-82af-4639d0a572b6">
+          <div id="b60df59e-6ab6-49b1-a29c-90bad5d1cc26">
+           <i class="fas fa-folder" id="646c55d6-43d8-4f2e-a3c8-2d3cfb072b73">
            </i>
-           <i class="fas fa-folder text-primary" id="569633e2-69f5-40dc-9770-b34ecf21daab">
+           <i class="fas fa-folder text-primary" id="67fbed5d-b61f-4d4c-ab9e-186a517bcb69">
            </i>
-           <i class="fas fa-folder text-secondary" id="fd08ee5c-c8f8-4c40-8ea6-e37f196cc4ff">
+           <i class="fas fa-folder text-secondary" id="1e480c30-aa4d-4d9c-8ee6-fe8130d92f61">
            </i>
-           <i class="fas fa-folder text-success" id="999bc903-1833-4768-ac0b-179cd88d705f">
+           <i class="fas fa-folder text-success" id="7e0ca876-4214-4ec5-a871-2845a1423406">
            </i>
-           <i class="fas fa-folder text-warning" id="aeba8152-eddb-4aec-ab1d-7246998eb65b">
+           <i class="fas fa-folder text-warning" id="738967bb-8a4a-4695-aa6c-468b96e1b237">
            </i>
-           <i class="fas fa-folder text-danger" id="1197c102-c75c-41b4-a8f2-a6cc65fa90cc">
+           <i class="fas fa-folder text-danger" id="9830f7b3-2f53-443d-a4f1-00255ab7030f">
            </i>
-           <i class="fas fa-folder text-info" id="1114c298-bf48-4247-9cf2-0c7e2507d67f">
+           <i class="fas fa-folder text-info" id="e6750a88-3c0a-47d2-879b-748c05019d05">
            </i>
-           <i class="fas fa-folder text-light" id="9dbabaf9-b5fd-4467-b319-c55c2847ac8e">
+           <i class="fas fa-folder text-light" id="bf411f84-6be4-49f3-87ce-a935c53b55d2">
            </i>
-           <i class="fas fa-folder text-dark" id="7fe51742-f1d6-438f-ba12-d4d997f42b0e">
+           <i class="fas fa-folder text-dark" id="84e05feb-c10e-49c1-8ace-ce1dcafa3356">
            </i>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="f49d5671-fb98-41b0-ae55-07bd38000f37">
-        <div class="mt-5" id="1d9ba56b-7e43-4b1d-90c0-88850cbf8529">
-         <div class="d-flex justify-content-between" id="72131062-4821-4e1b-a083-948239d0400e">
-          <h1 id="5683269e-3a7e-46cf-b5f6-78c1efc7065e">
+       <div class="tab-pane fade" id="f338be5f-1062-4770-bbe8-9b495d3dbab9">
+        <div class="mt-5" id="a50f0050-be7b-44f8-b4ac-70b1bf8b3234">
+         <div class="d-flex justify-content-between" id="aaf1528f-3804-4182-ba37-425aa2d00352">
+          <h1 id="8b87e767-8952-493a-b71f-6d79d0f08125">
            Class
-           <span class="text-primary" id="04942a2b-0d3e-420f-8b9b-4cc1c92d46df">
+           <span class="text-primary" id="65e937af-7925-4e5c-8305-17a54fe88a24">
             Spinner
            </span>
           </h1>
-          <div id="26ab20d6-8ec4-440e-b73e-697b8cab0f49">
+          <div id="39186120-ab27-44d5-92bf-0fd20886c6e1">
           </div>
          </div>
-         <span class="text-muted" id="a81fd283-2764-4af3-af4c-54d8d988b430">
+         <span class="text-muted" id="5b1939c8-7fc4-4b4f-a9a1-e6a4787edad4">
           A spinner icon.
          </span>
-         <pre id="d7db513f-ea66-4410-ad3a-8f2a83181d34"><code class="language-python">Spinner()</code></pre>
-         <div class="ms-3" id="cc3c05dc-c4f9-4a78-94f3-e290b5cc0ad7">
-          <h6 id="d1edac0d-afde-4018-a8c0-45c5228e60cb">
+         <pre id="bd336314-f346-4c6e-822f-9e05432f5108"><code class="language-python">Spinner()</code></pre>
+         <div class="ms-3" id="f312400b-04fc-4e54-b9ac-65a0b01021ef">
+          <h6 id="c2f15957-df05-4851-9110-6eb02c0ed307">
            Example
           </h6>
-          <pre id="4de217ee-8819-4be8-98d9-1eab35ab2198"><code class="language-python">from bootwrap import Spinner, Panel
+          <pre id="2f0052b4-01c7-4795-9c2c-61f4dd55a08c"><code class="language-python">from bootwrap import Spinner, Panel
 
 Panel(
     Spinner(),
@@ -5338,9 +5338,9 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="b14734da-53ec-4310-ae07-e7a8f0a16003">
-          <div id="8f849820-e4cc-49bc-b90e-1a53ce1565ff">
-           <span class="spinner" id="3ed8f49a-2ad5-4293-905c-b0acc5506d11">
+         <div class="ms-3" id="66f0f073-f64c-4426-ad7a-12f123c2619b">
+          <div id="78b9a900-1d57-4978-b8a7-7ecdf396fcc8">
+           <span class="spinner" id="f4de1916-3241-41da-93f2-01490ee52f3c">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5359,7 +5359,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-primary" id="c3189262-227f-4f07-b999-42686c88034c">
+           <span class="spinner text-primary" id="7a37a32a-f97d-40c8-a466-f4b63c8257f9">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5378,7 +5378,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-secondary" id="2b559c04-6d0d-4079-94a6-5d01e1bcf5a6">
+           <span class="spinner text-secondary" id="076dd1cb-e9ff-4981-a638-76b877a4096f">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5397,7 +5397,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-success" id="c3506283-e216-48ea-b2cf-04c3fb873da1">
+           <span class="spinner text-success" id="f80d06ee-9d4b-4b98-a792-14f4921f044c">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5416,7 +5416,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-warning" id="dc0c3c60-694a-4e15-ad16-c7e09345880b">
+           <span class="spinner text-warning" id="ca89949c-b5a2-4261-b02e-519eaf71564c">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5435,7 +5435,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-danger" id="7b3ce2ff-05ec-45fd-886a-82575428dbf1">
+           <span class="spinner text-danger" id="1d525a52-bce6-48d6-ac07-078c7d9c4086">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5454,7 +5454,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-info" id="01ee9591-270e-4253-9014-c83e4d817526">
+           <span class="spinner text-info" id="f37369f7-e250-48b5-9af1-c1fffa8e2035">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5473,7 +5473,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-light" id="20648e23-97fc-44b9-b880-749288086559">
+           <span class="spinner text-light" id="ce23cef3-b39d-451c-9176-8753668762a6">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5492,7 +5492,7 @@ Panel(
                     animation: spinner-border .75s linear infinite;
                 }
            </style>
-           <span class="spinner text-dark" id="e299cad1-fe35-424f-9cb8-6f389bcdd9ef">
+           <span class="spinner text-dark" id="b4e8d923-7f07-46aa-91e6-477e07672c4e">
            </span>
            <style>
             @keyframes spinner-border {
@@ -5518,30 +5518,30 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="2ba3809b-560b-4825-915a-a8164d380b0b">
-     <div class="mt-5" id="5be5cd12-7c15-406d-ae26-46e4e2d2e7f3">
-      <div class="d-flex justify-content-between" id="fbebd37e-aa66-40c3-b3b1-0003a1938823">
-       <h1 id="74f5e0ae-a6cc-4dc0-9aca-5349ce1b42cf">
+    <div class="tab-pane fade" id="40153dbb-a687-4fbc-83e5-2421ad06cd94">
+     <div class="mt-5" id="fc5a34af-945c-45e7-a48c-7e2f91554f8c">
+      <div class="d-flex justify-content-between" id="51fa079d-f34f-4b51-a4a4-6cb228243fe8">
+       <h1 id="42f34343-aa14-4d81-8b9f-ed3637721713">
         Class
-        <span class="text-primary" id="c799cfe0-a4df-441b-91cf-63f17b6845eb">
+        <span class="text-primary" id="632ffee5-bdac-4dda-a47e-303a43ee4c05">
          Image
         </span>
        </h1>
-       <div id="d45b2cc6-25af-4492-9b1a-ed24bed15100">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#52eba472-f6b2-4e38-a2b7-71416908d463" data-bs-toggle="collapse" id="499d6506-3433-4abc-b304-88c5313361d4" onclick="return false;" type="button">
+       <div id="8f682b1e-c324-49ce-bc48-7398edc2b1ae">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#ae59912e-0208-443e-a56b-3be5c15d6d7a" data-bs-toggle="collapse" id="2bee7461-3a9d-4103-993b-353ff7854a26" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="5f3e1c95-fd5c-4a49-b858-5c7f6c13dd78">
+      <span class="text-muted" id="a290a6c2-1f01-45e1-9856-6921df07260a">
        A web component for an image.
       </span>
-      <pre id="a5382f0e-8198-4351-a3d6-0000c943bd91"><code class="language-python">Image(src, width=None, height=None, alt=None)</code></pre>
-      <div class="ms-3 collapse" id="52eba472-f6b2-4e38-a2b7-71416908d463">
-       <h6 id="152f595e-d986-44ca-946e-f93b2e73f6e2">
+      <pre id="db21b558-8158-4297-a9e9-e85569ad3b39"><code class="language-python">Image(src, width=None, height=None, alt=None)</code></pre>
+      <div class="ms-3 collapse" id="ae59912e-0208-443e-a56b-3be5c15d6d7a">
+       <h6 id="407c2102-ffe6-49e2-9e7d-30ee611e57dd">
         Arguments
        </h6>
-       <table class="table table-sm bg-light" id="bf63f6cd-9a2e-4e95-9fa6-48fb5117c6f3">
+       <table class="table table-sm bg-light" id="19a9d46f-b381-497c-a995-2f852cd27de9">
         <thead>
          <tr>
           <th scope="col">
@@ -5619,64 +5619,64 @@ Panel(
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="edd7754c-0efe-4c68-8a92-c7d8bf709064">
-       <h6 id="a6e1f10c-255a-413f-b6a5-8c8fa860d8fe">
+      <div class="ms-3" id="5310efc5-19e2-4f31-927e-13e206a132d6">
+       <h6 id="e825a6e3-f741-44a2-92ce-d85a7a58af0d">
         Example
        </h6>
-       <pre id="6b723e8f-c8e2-4856-8843-1a62e06002d6"><code class="language-python">from bootwrap import Image
+       <pre id="fdfe6545-310f-4fbc-9041-5ba308c3cca6"><code class="language-python">from bootwrap import Image
 
 Image("logo.png")
 </code></pre>
       </div>
-      <div class="ms-3" id="cd47105d-7c04-4cfc-9fd6-1ab1222912e7">
-       <img id="717620ae-be08-44ec-bccd-7fc23ca85221" src="logo.png"/>
+      <div class="ms-3" id="6832f046-206d-4a24-869d-7966e32909de">
+       <img id="dbeae2af-7d66-4da5-bea5-c2d98f7c4af0" src="logo.png"/>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="a92dd6b3-bbfb-46e6-a3a2-709f91fd5af1">
-     <div id="d2e5df48-ca44-4829-bf67-a3b4cf285559">
+    <div class="tab-pane fade" id="8a704cc4-5545-4783-989c-32e76b72c8fd">
+     <div id="fa809f90-e881-41e5-92b8-8d7b0ed2d80e">
       <hr/>
-      <ul class="nav" id="2db144a0-3fc6-4fcf-b54b-a15cc6a13491" role="tablist">
+      <ul class="nav" id="62e481d3-06b1-418d-929d-154e4a660cee" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#1d89f612-c5a3-4548-a230-d0d2d5ed3fdd" data-bs-toggle="tab" href="#1d89f612-c5a3-4548-a230-d0d2d5ed3fdd" id="16124ff1-9661-4ecb-8d77-4dd13bc63f6c" role="tab">
-         <span class="text-secondary" id="263affa4-1cc5-45a4-bda4-60db7e933260">
+        <a class="nav-link active" data-bs-target="#5a28b700-5515-417f-85dd-183494c4c7b5" data-bs-toggle="tab" href="#5a28b700-5515-417f-85dd-183494c4c7b5" id="ca791763-b4d3-45fb-bb5e-91ffec3e836f" role="tab">
+         <span class="text-secondary" id="45f7db50-c11a-4d66-ac69-fcc927601a92">
           Javascript
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#519aaab5-59dc-48d6-acd6-8decab6cb7d4" data-bs-toggle="tab" href="#519aaab5-59dc-48d6-acd6-8decab6cb7d4" id="b5dc3e7c-16ed-4245-a5ea-3d07fbf15682" role="tab">
-         <span class="text-secondary" id="10f8a937-d34c-4141-a44e-562deb973aef">
+        <a class="nav-link" data-bs-target="#dda7a94d-5258-4156-b007-83328ba6167d" data-bs-toggle="tab" href="#dda7a94d-5258-4156-b007-83328ba6167d" id="66eb063b-8a91-430e-9387-697c9cf4e365" role="tab">
+         <span class="text-secondary" id="aa7a1ab2-e645-4a51-86d5-6fa154808e01">
           jQuery
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="1d89f612-c5a3-4548-a230-d0d2d5ed3fdd">
-        <div class="mt-5" id="f16ee84e-f3bc-4d54-9a79-ab962bb854ea">
-         <div class="d-flex justify-content-between" id="99b5aff1-e35e-4d47-be76-f61b0880bab0">
-          <h1 id="e8018063-378f-414a-a282-4b04501bc91d">
+       <div class="tab-pane fade active show" id="5a28b700-5515-417f-85dd-183494c4c7b5">
+        <div class="mt-5" id="9e5a0794-8f9f-4282-9a61-b7493e7b64e4">
+         <div class="d-flex justify-content-between" id="410edef4-ab49-4955-97a0-5b8f53b3673d">
+          <h1 id="f3d1a93a-d3d9-4261-a5f4-8685daf6b00a">
            Class
-           <span class="text-primary" id="72bf35f8-0bbe-4feb-9e73-cfe3e497a3e0">
+           <span class="text-primary" id="b13b6280-3c98-489d-bdba-e748d89d1e27">
             Javascript
            </span>
           </h1>
-          <div id="9b89a7b6-3f74-46fd-91b5-7575e66f33ee">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#a0b39dbe-aafc-4a0c-8166-4cf692b75927" data-bs-toggle="collapse" id="3d267bc9-cda4-4a53-8c7c-03e9e0058c78" onclick="return false;" type="button">
+          <div id="f32e0702-b9b1-4763-931e-5f258819ffe4">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c9b22dff-aec2-4f87-85cc-31b506cb96be" data-bs-toggle="collapse" id="69884b68-41a1-40ed-ba7b-3c5be4ed1a1b" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="b4a1ce36-3097-4899-ba62-e88cf904fe14">
+         <span class="text-muted" id="fa42cbab-4096-4ec6-b1f1-aae7f85a1c81">
           A web component for a javascript.
          </span>
-         <pre id="d76dc9d8-2055-4348-9cc2-26c9fd1a2431"><code class="language-python">Javascript(src=None, script=None, submap=None)</code></pre>
-         <div class="ms-3 collapse" id="a0b39dbe-aafc-4a0c-8166-4cf692b75927">
-          <h6 id="f1a81f36-5b86-4993-a728-95b751ecafe3">
+         <pre id="93798bbc-0c2f-4bac-bf7a-0139792e5f7b"><code class="language-python">Javascript(src=None, script=None, submap=None)</code></pre>
+         <div class="ms-3 collapse" id="c9b22dff-aec2-4f87-85cc-31b506cb96be">
+          <h6 id="2e8695be-df33-4377-bd73-793c6e9f6519">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="4bebab93-0044-497d-954c-ddcd33cab9b9">
+          <table class="table table-sm bg-light" id="b367f4e7-8ece-4dc8-8d7b-b19a1c7169c0">
            <thead>
             <tr>
              <th scope="col">
@@ -5741,11 +5741,11 @@ Image("logo.png")
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="369ed765-7b6b-46a7-9788-e0c8d0492bf5">
-          <h6 id="17b553ff-1399-45ec-9cd4-8c512b93bad5">
+         <div class="ms-3" id="6928cdf1-8689-4f9d-b7d4-82a73e773dac">
+          <h6 id="e6f16f28-e9f8-4164-9148-3a810737f7f9">
            Example
           </h6>
-          <pre id="0c0195ab-d7d0-4fc7-b45a-37632a67d767"><code class="language-python">from bootwrap import Page, Javascript
+          <pre id="6a27db8c-2adb-4799-827e-dfb6609f7fd5"><code class="language-python">from bootwrap import Page, Javascript
 
 my_page = Page(
     ...
@@ -5758,28 +5758,28 @@ my_page = Page(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="519aaab5-59dc-48d6-acd6-8decab6cb7d4">
-        <div class="mt-3" id="8c0d5b4d-9edd-4823-80e7-13ae6602104c">
-         <div id="9725ee38-c957-40f3-a145-19f27478b4b2">
+       <div class="tab-pane fade" id="dda7a94d-5258-4156-b007-83328ba6167d">
+        <div class="mt-3" id="993c645e-9c85-43bb-84ac-c0b283bde053">
+         <div id="c31f163a-b396-4ffa-80b9-ce7f84fe57a8">
           <div class="row">
            <div class="col-md">
-            <div id="8658afff-35ac-470b-aa6c-eb1ec733698f">
-             <h1 id="0c5af2d6-89a0-44f7-b360-88e781456c2b">
+            <div id="a10e92e6-7178-49f5-972a-4b8c9c42def2">
+             <h1 id="437c4bee-1840-4306-8dcd-850f3723c51c">
               jQuery
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="33ef60f7-e64a-4e1f-b5a2-72fd6fcb3e69">
+            <div id="a60ee5a5-499a-4dd3-888a-57e2c2d96f3e">
             </div>
            </div>
           </div>
          </div>
-         <div id="8f41d27e-ccff-456c-b660-1d4b99203ecd">
+         <div id="79d65122-4350-4885-8329-f1e63999e1a9">
           <div class="row">
            <div class="col-md">
-            <div id="3bf09a84-0fde-4bef-82c7-5c43fc025237">
-             <p id="b4c3c423-4986-4774-8a35-bec89ee4bcae">
+            <div id="7767b8ba-c79a-4592-98b3-b3f15602a5ad">
+             <p id="72a5cf7e-e1d4-4b53-9d28-76f05eae0d16">
               Use
               <code>
                Javascript
@@ -5789,8 +5789,8 @@ my_page = Page(
             </div>
            </div>
            <div class="col-md">
-            <div id="471a73b4-a1c6-4101-83d1-fc3180bf943e">
-             <pre id="6a7282a1-4aff-43cc-ad82-81db2a1a885f"><code class="language-python">from bootwrap import Panel, Javascript, Button, Text
+            <div id="cefc806f-3366-4c3e-83e2-533f86249229">
+             <pre id="b5af9542-5ade-4cd6-b7f7-2e03cb793ef0"><code class="language-python">from bootwrap import Panel, Javascript, Button, Text
 
 label = Text("Answer:").as_strong()
 answer = Text("unknown").me(2).ms(2)
@@ -5815,25 +5815,25 @@ action = Javascript(
 Panel(
   label, answer, btn_yes, btn_no, action
 )</code></pre>
-             <div id="ffefccf2-df76-4395-8813-b98bac7f753c">
-              <strong id="34554d4d-af7c-413b-8e4f-387f1db5e04d">
+             <div id="feb2572e-ed2b-4760-86c5-e8046a7f2309">
+              <strong id="1f447d12-9299-4da8-a841-51be7c28aa4a">
                Answer:
               </strong>
-              <span class="me-2 ms-2" id="80c4eaa9-323f-4b91-86a6-6bbab0e489c2">
+              <span class="me-2 ms-2" id="035fa4ba-e5d2-4ef6-927b-447f7ac17c78">
                unknown
               </span>
-              <button class="btn btn-success" id="421d4eed-18f7-4554-b1ce-422f503f2135" onclick="return false;">
+              <button class="btn btn-success" id="d573e6f6-e866-4298-8f85-c766ba5e50ff" onclick="return false;">
                Yes
               </button>
-              <button class="btn btn-danger" id="074ac141-8f95-4fb1-9dc6-f7a044535a81" onclick="return false;">
+              <button class="btn btn-danger" id="1048543a-53c2-4ad2-9a6a-869da98aafcd" onclick="return false;">
                No
               </button>
               <script type="application/javascript">
-               $("#421d4eed-18f7-4554-b1ce-422f503f2135").on("click",function(){
-      $("#80c4eaa9-323f-4b91-86a6-6bbab0e489c2").text("Yes");
+               $("#d573e6f6-e866-4298-8f85-c766ba5e50ff").on("click",function(){
+      $("#035fa4ba-e5d2-4ef6-927b-447f7ac17c78").text("Yes");
     });
-    $("#074ac141-8f95-4fb1-9dc6-f7a044535a81").on("click",function(){
-      $("#80c4eaa9-323f-4b91-86a6-6bbab0e489c2").text("No");
+    $("#1048543a-53c2-4ad2-9a6a-869da98aafcd").on("click",function(){
+      $("#035fa4ba-e5d2-4ef6-927b-447f7ac17c78").text("No");
     });
               </script>
              </div>
@@ -5846,30 +5846,30 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="c7abbd56-a2ac-4bad-a834-96bcc7954dfe">
-     <div class="mt-5" id="bffacfb1-709f-4b52-98e7-5c9e37d2b631">
-      <div class="d-flex justify-content-between" id="b56f09e4-2d12-403b-8fc0-bcd4bd977610">
-       <h1 id="d43b741f-f6d3-482b-b955-759213b9e530">
+    <div class="tab-pane fade" id="9303cf67-0e7f-41aa-99b8-9527d43458c0">
+     <div class="mt-5" id="2d76eb1c-ff52-4b7d-8bad-712a82a8507b">
+      <div class="d-flex justify-content-between" id="9f67f1f0-4348-42e7-ba49-3684e061a305">
+       <h1 id="9c66bc53-58bf-43ae-a107-fad353867b81">
         Class
-        <span class="text-primary" id="564d8dc9-7c96-43b1-971c-5ac81182bf4c">
+        <span class="text-primary" id="470f4636-5a8d-4d06-b28e-c9232ccdd80d">
          Link
         </span>
        </h1>
-       <div id="17e4f1a4-1b94-4659-a5c8-2012e6775682">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#44836708-9eeb-4db8-a152-c0b1c1033f67" data-bs-toggle="collapse" id="56a2980c-86ef-48e7-a89b-dd89111d7ca6" onclick="return false;" type="button">
+       <div id="45c61627-1e75-4486-bde6-c49a3fce5667">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#30f3cd57-8fa1-4bf0-a51c-ba4ef37e9763" data-bs-toggle="collapse" id="29420f7b-0dc4-411e-abaa-4569eb217c15" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="bfe463d9-6afe-4611-922a-c1b53848b581">
+      <span class="text-muted" id="3bd3b938-da1c-45d2-9b18-7a1d2a94ba21">
        A web component for an external resource link.
       </span>
-      <pre id="99934190-b5d2-4d0b-aa9e-700e6b337898"><code class="language-python">Link(href, rel='stylesheet', ctype='text/css')</code></pre>
-      <div class="ms-3 collapse" id="44836708-9eeb-4db8-a152-c0b1c1033f67">
-       <h6 id="ee10649c-e0dc-417e-a712-bdf0ff0f6a17">
+      <pre id="0ee53fef-6334-45bb-bf41-0a3bbae36274"><code class="language-python">Link(href, rel='stylesheet', ctype='text/css')</code></pre>
+      <div class="ms-3 collapse" id="30f3cd57-8fa1-4bf0-a51c-ba4ef37e9763">
+       <h6 id="b9e53840-ebc9-4f16-a2b4-2dbe8c6cd0e9">
         Arguments
        </h6>
-       <table class="table table-sm bg-light" id="9e776e03-6c41-4623-85c8-3fabc6c053e8">
+       <table class="table table-sm bg-light" id="80b5163d-c229-412a-9d28-eff9876d7ec2">
         <thead>
          <tr>
           <th scope="col">
@@ -5935,15 +5935,15 @@ Panel(
         </tbody>
        </table>
       </div>
-      <p id="762990a9-c188-4c73-be8a-2d464a7e955e">
+      <p id="bb774090-439e-4b76-a79c-245c223b78b9">
        See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
     for more information.
       </p>
-      <div class="ms-3" id="8ffcfd1a-51b4-498e-a1c8-d0b4f09c4f8c">
-       <h6 id="db169241-e4c2-481b-9002-e9ac2133e61c">
+      <div class="ms-3" id="10be7c11-cedc-4e9f-9215-fa671a305ded">
+       <h6 id="696c5fd7-c64d-4bea-b813-8660b20f48cd">
         Example
        </h6>
-       <pre id="1b1f7cf2-00e6-44c7-b7f9-a4644cffc5df"><code class="language-python">from bootwrap import Page, Link
+       <pre id="f7be3af1-2e1c-4dfc-b746-e5c16fa0a31b"><code class="language-python">from bootwrap import Page, Link
 
 my_page = Page(
     ...
@@ -5956,50 +5956,50 @@ my_page = Page(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="6c1f08a1-4c11-4721-892b-c6be695451e6">
-     <div id="6cbbb805-6944-4f41-a3ae-1745b9589804">
+    <div class="tab-pane fade" id="2c3ed069-8da8-44d5-8b79-435d3d371c34">
+     <div id="1ce03881-8a8c-412a-a0ee-305ddf6e43ae">
       <hr/>
-      <ul class="nav" id="049b82c9-8485-480e-b116-33e093fe122c" role="tablist">
+      <ul class="nav" id="c1f1aa1a-4e2c-4bc9-bb3a-242a3fdd2077" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#28a511a6-7012-4c40-99ee-f415adb2d0f0" data-bs-toggle="tab" href="#28a511a6-7012-4c40-99ee-f415adb2d0f0" id="d2650cf2-ab4a-4963-8711-1835fc0d7f39" role="tab">
-         <span class="text-secondary" id="2dd73777-0dfc-4ee1-89c3-3f939c79c493">
+        <a class="nav-link active" data-bs-target="#95e31fc1-a1be-4174-a44a-80c8d30b3d24" data-bs-toggle="tab" href="#95e31fc1-a1be-4174-a44a-80c8d30b3d24" id="7f4c02c9-9098-4ff7-97a0-1bf283ce9c95" role="tab">
+         <span class="text-secondary" id="284e3a89-9bec-4468-b748-f64ed1feb8d5">
           List
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#323a1b98-982c-4ed7-b14b-b55a26a050de" data-bs-toggle="tab" href="#323a1b98-982c-4ed7-b14b-b55a26a050de" id="d6573c85-e1bb-4480-bf6f-2e5b4fba5f80" role="tab">
-         <span class="text-secondary" id="ff869d9d-f0f7-4ab3-be08-54d46dc34e27">
+        <a class="nav-link" data-bs-target="#77aaf249-d561-40b7-84e6-cfc988c9dc02" data-bs-toggle="tab" href="#77aaf249-d561-40b7-84e6-cfc988c9dc02" id="8997a9ab-d186-4dd0-ad7d-8ad4020c0a11" role="tab">
+         <span class="text-secondary" id="7096cf14-69c1-4933-8b5f-b0fa71af962b">
           List.Item
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="28a511a6-7012-4c40-99ee-f415adb2d0f0">
-        <div class="mt-5" id="57ffbba1-b65f-4433-a84c-e7f95a448c3a">
-         <div class="d-flex justify-content-between" id="f92016cf-5294-4b00-872d-8f5e9b795081">
-          <h1 id="1ba7299f-f6e8-44cd-bdbc-1b9580361da5">
+       <div class="tab-pane fade active show" id="95e31fc1-a1be-4174-a44a-80c8d30b3d24">
+        <div class="mt-5" id="54163d86-6462-4ae3-ac77-afa4e6edbb74">
+         <div class="d-flex justify-content-between" id="83394e75-7ed5-497f-8b53-8ecd16427fc5">
+          <h1 id="09b57c19-2139-4a6f-a404-d6891efe54d2">
            Class
-           <span class="text-primary" id="66c8f60c-c263-47ad-864b-363f55e68361">
+           <span class="text-primary" id="22958bd3-d734-423d-8e9a-d00cdf93022c">
             List
            </span>
           </h1>
-          <div id="f2b7f7cc-ec93-4395-b34a-14941f2b1791">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#87936da2-2efd-40d1-aca5-76704c120205" data-bs-toggle="collapse" id="d4f91f93-9d7d-4778-aa3b-0c4493521988" onclick="return false;" type="button">
+          <div id="9ee7306c-be49-446b-868e-81d0c66748d1">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#547df7c3-8088-4e40-88bc-1471a1db9d20" data-bs-toggle="collapse" id="377e85a2-11e9-4871-be21-f97810dba285" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="dc5d65e6-5378-4fea-a8ad-0cfa0f5029e5">
+         <span class="text-muted" id="905a9b4b-a4da-4ab8-84da-d281c502e776">
           A web component for a list of items.
          </span>
-         <pre id="32d99af4-dce4-4e04-a195-47fff9125da8"><code class="language-python">List(*items)</code></pre>
-         <div class="ms-3 collapse" id="87936da2-2efd-40d1-aca5-76704c120205">
-          <h6 id="f02205e8-3dc4-4ca3-926d-6017c142c53c">
+         <pre id="68d80d88-b830-4252-9076-b0316c1eed02"><code class="language-python">List(*items)</code></pre>
+         <div class="ms-3 collapse" id="547df7c3-8088-4e40-88bc-1471a1db9d20">
+          <h6 id="7ad3d3b5-1bb8-48d7-86da-e3e89bb66e2a">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="9ff591ed-efce-41ef-8e9e-2ba3f6ff9129">
+          <table class="table table-sm bg-light" id="eaebf56a-6779-4da0-9f54-ff9776d6a0b5">
            <thead>
             <tr>
              <th scope="col">
@@ -6040,11 +6040,11 @@ my_page = Page(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="40ba84fd-7ca9-4eb1-9037-74c44cc437ea">
-          <h6 id="814087a7-1148-4500-9e85-65bab2164d4b">
+         <div class="ms-3" id="0f4cc04e-4c35-4b62-8110-c108d77f5113">
+          <h6 id="234f9866-42bc-450e-bc14-1a8dba8def52">
            Example
           </h6>
-          <pre id="8ccfe8c2-dade-424d-88b5-9d69472184c7"><code class="language-python">from bootwrap import Button, List, Image
+          <pre id="7b77956d-7b14-46b1-9359-75a5133c32aa"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy").as_success(),
@@ -6077,17 +6077,17 @@ List(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="50d32129-5b9f-4399-9104-0df4cc3448e7">
-          <div class="list-group" id="90b6f111-35ee-4c22-b6b5-e13351cf30f4">
-           <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="26210414-ad0d-4bfa-babd-183b43cec05a">
+         <div class="ms-3" id="526c967d-3be3-4fcb-aef5-95095631f5ae">
+          <div class="list-group" id="8e2c631d-1759-43d6-87fd-fffd56037719">
+           <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="eb69b693-c211-41e7-96dc-bc766cbfedf3">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="3b257c59-feaf-45ae-9435-3e0f5e9862ef" src="google-logo.png" width="32"/>
+             <img height="32" id="491dcb65-0d39-47f8-8df0-2a1bbbe68e6f" 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="8a188458-24c0-4445-b434-787ddc1e4413">
+               <h5 id="dc1e97b9-bd24-45f3-84e1-0d46d6609e3a">
                 Google (NASDAQ: GOOGL)
                </h5>
-               <small id="adc68baf-0b64-4870-a284-2fda90f1d74b">
+               <small id="3132e074-7b92-4bbf-b0e3-e2422e610908">
                 12:04:58 12/01/2021
                </small>
               </div>
@@ -6095,16 +6095,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="dd4ff685-c045-486f-9b69-a8c43b8f901e" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="710897dd-6da3-429f-9e3a-7621d526684f" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="a41892b9-e7a7-44f2-b0cb-872de39e754e" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="b8529984-1b01-48a2-b4ef-9c0466f5e6d0" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="b697772f-7ec9-404c-b460-5a29e5c1a073" onclick="return false;">
+                <button class="dropdown-item btn" id="2330f3ba-9768-4ae3-ad03-cd37920b5f74" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="a538e056-645a-49d7-8007-5201a4cfccfb" onclick="return false;">
+                <button class="dropdown-item btn" id="d7f0017a-b401-4250-8d0f-fac03a4502ca" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -6112,15 +6112,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="8639026b-29a4-4ee2-909f-9620d1e5e7b0">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.linkedin.com" id="26955c33-04a8-432e-a66c-bde6a38c864e">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="8ab6d7c2-11de-45b0-9053-61c702c3b43b" src="linkedin-logo.png" width="32"/>
+             <img height="32" id="6565d2c2-43fd-4b52-8681-dfe563e070d0" 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="5cbb3bea-28f4-482c-9222-31d214fdc964">
+               <h5 id="692c5029-8701-4716-b339-4dfe78195c06">
                 LinkedIn (NASDAQ: LNKD)
                </h5>
-               <small id="9830d993-29a4-47dc-8a2e-1cc80331d0ad">
+               <small id="6b5e82bb-d29c-4728-a915-7c217dda068f">
                 12:04:58 12/01/2021
                </small>
               </div>
@@ -6128,16 +6128,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="4e6fff47-b231-412e-b7e4-177c8604af63" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="0cb96ff1-d62b-4ff6-b215-1e81c4bc4074" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="a41892b9-e7a7-44f2-b0cb-872de39e754e" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="b8529984-1b01-48a2-b4ef-9c0466f5e6d0" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="b697772f-7ec9-404c-b460-5a29e5c1a073" onclick="return false;">
+                <button class="dropdown-item btn" id="2330f3ba-9768-4ae3-ad03-cd37920b5f74" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="a538e056-645a-49d7-8007-5201a4cfccfb" onclick="return false;">
+                <button class="dropdown-item btn" id="d7f0017a-b401-4250-8d0f-fac03a4502ca" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -6145,15 +6145,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="aae67426-1466-459a-93a1-2965e3b0ec75">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.amazon.com" id="2ec1ad6b-d663-41a6-a8e7-26ee3e9d767d">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="fead7b5d-e1d8-4fbb-9e20-57868d2d746d" src="amazon-logo.png" width="32"/>
+             <img height="32" id="fd387e32-d3f9-4cd5-a956-ecfa6b809a5d" 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="71ba5d92-a0c6-4546-beba-c757db9d7512">
+               <h5 id="6f85c088-27f4-4c40-9f19-f54d1a224780">
                 Amazon (NASDAQ: AMZN)
                </h5>
-               <small id="ec0d5558-b591-4351-930f-af4947f22c38">
+               <small id="89002d46-b922-4e48-ab0b-57e4dacbc301">
                 12:04:58 12/01/2021
                </small>
               </div>
@@ -6161,16 +6161,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="522ce6a7-2fb2-4ffd-8168-2845c82d35d4" onclick="return false;" style="cursor: pointer">
+               <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="d2eb31f7-39cb-4d58-b779-c4c8b15a8f44" onclick="return false;" style="cursor: pointer">
                </i>
                <div class="dropdown-menu dropdown-menu-right">
-                <button class="dropdown-item btn btn-success" id="a41892b9-e7a7-44f2-b0cb-872de39e754e" onclick="return false;">
+                <button class="dropdown-item btn btn-success" id="b8529984-1b01-48a2-b4ef-9c0466f5e6d0" onclick="return false;">
                  Buy
                 </button>
-                <button class="dropdown-item btn" id="b697772f-7ec9-404c-b460-5a29e5c1a073" onclick="return false;">
+                <button class="dropdown-item btn" id="2330f3ba-9768-4ae3-ad03-cd37920b5f74" onclick="return false;">
                  Sell
                 </button>
-                <button class="dropdown-item btn" id="a538e056-645a-49d7-8007-5201a4cfccfb" onclick="return false;">
+                <button class="dropdown-item btn" id="d7f0017a-b401-4250-8d0f-fac03a4502ca" onclick="return false;">
                  Transfer
                 </button>
                </div>
@@ -6182,30 +6182,30 @@ List(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="323a1b98-982c-4ed7-b14b-b55a26a050de">
-        <div class="mt-5" id="b110ee6b-6b89-4d33-b24f-e7a4e7b8aae4">
-         <div class="d-flex justify-content-between" id="ef34100e-df96-4af8-848f-ca16abb6d864">
-          <h1 id="a59a4c7f-c21b-4edd-9d17-c7c8c81d3e67">
+       <div class="tab-pane fade" id="77aaf249-d561-40b7-84e6-cfc988c9dc02">
+        <div class="mt-5" id="99f35895-ecab-418c-8fc5-f6b8aabd3533">
+         <div class="d-flex justify-content-between" id="f808346b-54a4-425b-90e0-ee3fe6d2da61">
+          <h1 id="2d675cf7-ed89-4915-859b-ca60bada1133">
            Class
-           <span class="text-primary" id="c71c428d-0cf5-4e9a-b24f-79b429fee6bf">
+           <span class="text-primary" id="db66e52b-40a5-444b-a6b3-66d99a5eeec0">
             List.Item
            </span>
           </h1>
-          <div id="4704ba07-48a8-40ce-94e1-5994b7e482ea">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d3cb21a6-ac94-4d39-ac14-4ca5e74a1c88" data-bs-toggle="collapse" id="23411b58-34c5-4e3e-8fa0-81063e2d5fcc" onclick="return false;" type="button">
+          <div id="4f174773-cd68-41cd-b766-bf05b648f2c1">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#4a158c0d-b285-4d34-84a0-6eb75ac1f755" data-bs-toggle="collapse" id="2e5d69f0-2268-48e3-a90a-e891c105f5fa" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="c43ba0a1-c30b-49a5-9e82-845394e56b48">
+         <span class="text-muted" id="2c6896d4-a6ab-4754-8b60-b4a4ece86254">
           A list item.
          </span>
-         <pre id="9fa01ee1-3ac2-4df5-b1f9-eec5b8b9dee0"><code class="language-python">List.Item(title, description=None, marker=None, figure=None)</code></pre>
-         <div class="ms-3 collapse" id="d3cb21a6-ac94-4d39-ac14-4ca5e74a1c88">
-          <h6 id="d1abeb03-0be7-4366-9fb9-8415dcc91156">
+         <pre id="3b969c7c-450e-4db6-8019-8567c3ef057e"><code class="language-python">List.Item(title, description=None, marker=None, figure=None)</code></pre>
+         <div class="ms-3 collapse" id="4a158c0d-b285-4d34-84a0-6eb75ac1f755">
+          <h6 id="38f8f4a6-94ab-4d78-839c-b39c44e687e6">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="db78fd1c-cea0-4851-9102-331fb98550ef">
+          <table class="table table-sm bg-light" id="323647f5-6589-4056-8fea-8fa1ba002f47">
            <thead>
             <tr>
              <th scope="col">
@@ -6283,11 +6283,11 @@ List(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="35a9c8e2-e2a1-4ad8-ab5f-a0173b778025">
-          <h6 id="ad8ebd40-ffd7-4d4c-afa8-7ad7ceb90b7e">
+         <div class="ms-3" id="d6731098-f41d-49f6-8789-b6c3e09e623c">
+          <h6 id="ae6b75ae-3305-4e42-831a-f4e1eec6fb62">
            Example
           </h6>
-          <pre id="59989160-429b-49c4-aaa8-1d8223173618"><code class="language-python">from bootwrap import Button, List, Image
+          <pre id="28deca15-8812-4672-9302-8b37543d7106"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6305,30 +6305,30 @@ List(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="97051d3a-e59c-40ca-bf1f-83ce53bb57b8">
-          <div class="list-group" id="404a41e3-c274-4ade-a9fa-bdc0baa24626">
-           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="ff4336c1-5d2d-42b9-ac8f-273bbcc26923">
+         <div class="ms-3" id="58f1b556-899a-400d-a85f-20fac08ff819">
+          <div class="list-group" id="bff8e752-d58e-4827-bf32-32c7059ae5d3">
+           <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="e2f2ef6b-dfda-4a24-b5ce-5ec8e1654268">
             <div class="d-flex w-100 justify-content-between">
-             <img height="32" id="3a5b5edb-601a-4275-affd-932a875a1d03" src="google-logo.png" width="32"/>
+             <img height="32" id="5a3e9f77-fa3b-4371-bd22-27d837f582ea" 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="a07c3772-11f6-49df-9664-827222c711ab">
+               <h5 id="eee9c394-399d-4c53-a891-aecf04407de5">
                 Google (NASDAQ: GOOGL)
                </h5>
-               <small id="15650561-4ac6-4f3b-b5b5-d08d6835f866">
+               <small id="fd396c1f-1521-4f5b-8d9f-a52c45d988c3">
                 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="8c69ee07-d8ac-466d-a534-a627d1639805" onclick="return false;">
+              <button class="ms-1 btn" id="2fcb45f8-d5d7-44d0-8d47-761e369a3a7d" onclick="return false;">
                Buy
               </button>
-              <button class="ms-1 btn" id="b0332dca-c006-4ff6-85f9-e3628301bc9e" onclick="return false;">
+              <button class="ms-1 btn" id="3fb66244-e855-4964-9baf-3eba58b6b48b" onclick="return false;">
                Sell
               </button>
-              <button class="ms-1 btn" id="794915c3-205d-42cc-9d40-9a18e22eed9c" onclick="return false;">
+              <button class="ms-1 btn" id="0effe47c-f119-4c7f-b0a1-aca8759a4466" onclick="return false;">
                Transfer
               </button>
              </div>
@@ -6336,26 +6336,26 @@ List(
            </a>
           </div>
          </div>
-         <div class="mt-5" id="ac85df29-0905-4a87-8db2-c01090b38f2c">
-          <div class="d-flex justify-content-between" id="22a60672-55ac-47d9-a53a-697a42f9fb27">
-           <h4 id="5fa66e23-5789-47ec-9cec-4e3254c2a9d5">
+         <div class="mt-5" id="082c8415-9b85-4e60-82c1-f90725705666">
+          <div class="d-flex justify-content-between" id="201e4ba2-9db1-4997-82d0-9da88dfbacc5">
+           <h4 id="81319395-bb39-47eb-9bfb-f765af266e60">
             Method
-            <span class="text-primary" id="3056452d-a5f8-4963-b0ff-3f83a98bba36">
+            <span class="text-primary" id="680f1914-2091-4f10-b4d9-1cca509ad231">
              as_selected
             </span>
            </h4>
-           <div id="1b092ef3-41fc-4ced-ab52-b0b12bb0480e">
+           <div id="b0e05dcb-4c05-4bd2-9e67-3a0474820e19">
            </div>
           </div>
-          <span class="text-muted" id="a9107daf-438e-4a98-888f-25449a6b86b7">
+          <span class="text-muted" id="8d7cf454-c71a-4638-bfb8-a10b81842841">
            Makes a list item selected.
           </span>
-          <pre id="8ce9722c-2d3e-4e93-b298-ef30607b628e"><code class="language-python">as_selected()</code></pre>
-          <div class="ms-3" id="70433f66-64d4-4bdf-8b07-2c90255e7650">
-           <h6 id="1d54291d-11db-4d6d-bc80-91aaf24e7270">
+          <pre id="cb1d924f-7a88-4fdd-9e8e-a0ef7abe5aaa"><code class="language-python">as_selected()</code></pre>
+          <div class="ms-3" id="efb459fb-0fc1-41f5-87ac-ccbda8ec1931">
+           <h6 id="b6d4b8fb-7475-4d16-87ef-b826412462bb">
             Example
            </h6>
-           <pre id="2f4a99fe-6915-456a-9d82-f739dbc76e63"><code class="language-python">from bootwrap import Button, List, Image
+           <pre id="a52ab8c5-4454-454c-9eac-b8f91503329e"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6374,30 +6374,30 @@ List(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="de1d4dae-c714-436d-95d3-27c6fb03c923">
-           <div class="list-group" id="a4d3f9d6-b369-41d3-a657-69b0b0ab4ea3">
-            <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="c70696c7-ce16-41e3-b9d4-b68dbbbf1a90">
+          <div class="ms-3" id="094d320c-ef9a-40d3-95ce-323f01251f32">
+           <div class="list-group" id="59453f80-55b3-4273-a195-6e6a6ac98be4">
+            <a class="list-group-item list-group-item-action flex-column align-items-start active" href="https://www.google.com" id="4e247bff-d35f-4898-8a9a-9907f6eecd47">
              <div class="d-flex w-100 justify-content-between">
-              <img height="32" id="4d27792b-f681-4681-b457-d8c1135d690e" src="google-logo.png" width="32"/>
+              <img height="32" id="c7efaa39-70d8-4d08-a711-28d0091aa083" 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="0928ec83-c29e-4995-aa42-97dcd0c82fee">
+                <h5 id="10fdfed3-74c4-4d45-a9dc-a09d0733993a">
                  Google (NASDAQ: GOOGL)
                 </h5>
-                <small id="f6f91a2a-c8b1-4956-a3fc-c030c56fae2e">
+                <small id="59e42d8b-4227-4b00-90ca-45e32e3348eb">
                  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="cef01499-13b1-4952-aa6c-c9747e1a205c" onclick="return false;">
+               <button class="ms-1 btn" id="14b5c31f-eb42-4cc6-970d-abd6692dd180" onclick="return false;">
                 Buy
                </button>
-               <button class="ms-1 btn" id="336d81dd-5868-4097-be2f-fbbbd4e4b07e" onclick="return false;">
+               <button class="ms-1 btn" id="91a8db51-7f5f-4ac9-ac26-fc67b956cbdc" onclick="return false;">
                 Sell
                </button>
-               <button class="ms-1 btn" id="80455359-2374-46f4-b7c2-7052bece2e94" onclick="return false;">
+               <button class="ms-1 btn" id="c5da0be3-5c97-4ccb-a5c6-34fbe54baba3" onclick="return false;">
                 Transfer
                </button>
               </div>
@@ -6406,26 +6406,26 @@ List(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="122d95a7-c130-4d32-b612-8129302fc0d5">
-          <div class="d-flex justify-content-between" id="f598de76-b06d-42c8-8579-e6189cd4731a">
-           <h4 id="38158b53-6135-47f4-9842-a7e5449241ad">
+         <div class="mt-5" id="643650a0-dbe0-4926-81af-c1bfb1b53a12">
+          <div class="d-flex justify-content-between" id="458d2c4b-6b29-4d70-82dd-ffd2c25bec06">
+           <h4 id="2acbf861-4b80-4dc9-a46f-051b143f4a49">
             Method
-            <span class="text-primary" id="6b3091d7-45db-4e6c-8ff9-140a3eee10e3">
+            <span class="text-primary" id="9600784d-286f-4d9c-92df-990fd8d79f57">
              pack_actions
             </span>
            </h4>
-           <div id="cb837bb1-3af5-4231-8d52-454bdba687ad">
+           <div id="16fc9f80-923d-45f4-a17b-b4029fa16c4c">
            </div>
           </div>
-          <span class="text-muted" id="4badf541-58c1-45dd-9358-5b51af84f92b">
+          <span class="text-muted" id="e8ff4c88-9dfc-4b44-93a9-d6d8e61862c9">
            Makes item actions packed under a drop-down menu.
           </span>
-          <pre id="9541fc62-5991-4ea4-b637-935e8fb44583"><code class="language-python">pack_actions()</code></pre>
-          <div class="ms-3" id="fa5a9024-899a-4cd8-998f-924ce2bc33e5">
-           <h6 id="817a7122-fa27-4ad4-83ef-8f2ecddd7548">
+          <pre id="47527e6a-4ff5-46ff-8c5e-bbef1bea1a4b"><code class="language-python">pack_actions()</code></pre>
+          <div class="ms-3" id="1ae2a20c-da7c-4ec9-aadb-69233be84438">
+           <h6 id="2b3d57ab-dce7-4554-aeb9-7802fecd4780">
             Example
            </h6>
-           <pre id="a26ab153-42fe-43be-ba83-3dfd0b13856f"><code class="language-python">from bootwrap import Button, List, Image
+           <pre id="af790399-51aa-4c8c-be1c-064cfd5fe261"><code class="language-python">from bootwrap import Button, List, Image
 
 actions = [
     Button("Buy"),
@@ -6444,17 +6444,17 @@ List(
 )
 </code></pre>
           </div>
-          <div class="ms-3" id="e1b95e74-1a7c-49de-887b-a191dc7699ab">
-           <div class="list-group" id="88dfdd9e-e0f2-4861-9a57-d30ae146e235">
-            <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="03ffa891-0eba-476f-a46c-bdbacb8c7582">
+          <div class="ms-3" id="b956d85f-5244-4424-b94b-fe71e82aa58a">
+           <div class="list-group" id="d635ab11-4828-4e95-90da-b1eb278d4fd3">
+            <a class="list-group-item list-group-item-action flex-column align-items-start" href="https://www.google.com" id="d33f8374-81b5-4a96-b4f6-92293d3d330d">
              <div class="d-flex w-100 justify-content-between">
-              <img height="32" id="589aaa0d-9ab6-41d1-92bf-191c14f6775b" src="google-logo.png" width="32"/>
+              <img height="32" id="1b6ca8b9-fd23-4c08-b43e-87734b316c7b" 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="7c417337-b5e5-4485-bbe6-95aac574e29c">
+                <h5 id="addc9f5d-5b35-4237-8f65-8135b1cce8d0">
                  Google (NASDAQ: GOOGL)
                 </h5>
-                <small id="b4b2d3fd-8a53-4c0b-86d8-3034a7a072f5">
+                <small id="637521b1-76d8-469f-8e79-7c0e89bc53c1">
                  12:04:58 12/01/2021
                 </small>
                </div>
@@ -6462,16 +6462,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="c09bcf3e-1539-4357-b5a8-63eb84e9f6dd" onclick="return false;" style="cursor: pointer">
+                <i class="btn fas fa-ellipsis-v" data-bs-toggle="dropdown" id="a04491b8-1cf1-4efe-8633-36cfd6714f71" onclick="return false;" style="cursor: pointer">
                 </i>
                 <div class="dropdown-menu dropdown-menu-right">
-                 <button class="dropdown-item btn" id="9d181020-8466-4a43-be35-15a0c4932b5b" onclick="return false;">
+                 <button class="dropdown-item btn" id="cfafb943-e9a7-4307-8acb-ad49498f1a96" onclick="return false;">
                   Buy
                  </button>
-                 <button class="dropdown-item btn" id="08dc88d0-96c3-4cf2-a3ee-4c42d3db66d8" onclick="return false;">
+                 <button class="dropdown-item btn" id="b58e37ad-a628-4208-ab8e-19b762d9fc13" onclick="return false;">
                   Sell
                  </button>
-                 <button class="dropdown-item btn" id="d37c439a-3464-4d29-9b29-48a38193ddfc" onclick="return false;">
+                 <button class="dropdown-item btn" id="011781aa-9f27-4636-b635-b9cb064f1831" onclick="return false;">
                   Transfer
                  </button>
                 </div>
@@ -6487,50 +6487,50 @@ List(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="88f47bd6-b9c0-4bef-8d1f-0024cd8c04a8">
-     <div id="add8d94e-ec6d-4fec-b19a-cd33b20611b2">
+    <div class="tab-pane fade" id="16e68682-6162-467c-b086-277ef95b3092">
+     <div id="33bdf3e7-c950-4776-9a62-3d25e9eb9221">
       <hr/>
-      <ul class="nav" id="a1fe55fe-4008-40a9-9f55-3e9e27736bd5" role="tablist">
+      <ul class="nav" id="dab5f20d-36c7-4259-9358-697d013104a5" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#abf0511b-35c7-40ea-8e6e-800f0b35843b" data-bs-toggle="tab" href="#abf0511b-35c7-40ea-8e6e-800f0b35843b" id="6222c948-bd84-4842-acd1-04a11cc2a7f2" role="tab">
-         <span class="text-secondary" id="26e1b2aa-2c8c-47a8-83a4-a8fe1ffc7ac2">
+        <a class="nav-link active" data-bs-target="#9f6f8340-6079-40a6-a8f8-0f621456e8e3" data-bs-toggle="tab" href="#9f6f8340-6079-40a6-a8f8-0f621456e8e3" id="546737ec-6aae-4423-a498-1c0e642d1fe0" role="tab">
+         <span class="text-secondary" id="5c9f5ce5-5584-4707-9b66-1794db1ebb37">
           Navigation
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#fd61be08-8235-44d5-acd0-ee6a3e615497" data-bs-toggle="tab" href="#fd61be08-8235-44d5-acd0-ee6a3e615497" id="fee3b3f6-01b6-463a-826b-f3bfffa43d73" role="tab">
-         <span class="text-secondary" id="21024053-1cf9-4ff4-9fdd-415c13a77396">
+        <a class="nav-link" data-bs-target="#784a1d72-6e71-42fa-80c2-88492150315c" data-bs-toggle="tab" href="#784a1d72-6e71-42fa-80c2-88492150315c" id="63a6af09-18d0-45fc-a7b2-98abc872a18e" role="tab">
+         <span class="text-secondary" id="33d4339e-c390-4bb3-9bd8-55c4425280f4">
           Navigation.Item
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="abf0511b-35c7-40ea-8e6e-800f0b35843b">
-        <div class="mt-5" id="8709140e-0724-49dd-b0e0-07a7b394c5a1">
-         <div class="d-flex justify-content-between" id="a682527e-bc3d-422e-b462-ca616c04537c">
-          <h1 id="bc32f1e6-d334-4924-918e-8a8a34eb72a6">
+       <div class="tab-pane fade active show" id="9f6f8340-6079-40a6-a8f8-0f621456e8e3">
+        <div class="mt-5" id="780def76-2950-4fc1-8f7c-95ac3a5630ba">
+         <div class="d-flex justify-content-between" id="522b9ba4-8ff9-429e-a25c-3c59cad7e306">
+          <h1 id="a732cc42-c415-41f0-bd9e-d873764e0e75">
            Class
-           <span class="text-primary" id="448ceed0-25c8-4f8d-bf25-85f1bb481f0c">
+           <span class="text-primary" id="436f5992-e2ce-47f5-b195-e9e1d066e0fe">
             Navigation
            </span>
           </h1>
-          <div id="a19e81cf-c027-44c0-b22b-cafa7309df9f">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#45973386-0b05-4fc5-99e8-009887f9058f" data-bs-toggle="collapse" id="271bf396-0f93-4bbe-8268-01a85bcff949" onclick="return false;" type="button">
+          <div id="14616855-ce76-44a4-82df-0edee8286540">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#09801720-18ce-4a97-842f-06a6b9d89d6d" data-bs-toggle="collapse" id="a3869d8e-7f7c-4932-8f9c-a45878d37bb8" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f3e2187c-2f1a-479a-aa47-342e0258447a">
+         <span class="text-muted" id="0ac7983a-6f54-4ace-a8f7-a56c153175ed">
           A web component for navigation.
          </span>
-         <pre id="2ef47c97-f1d1-4d1e-8b13-f42930c63b95"><code class="language-python">Navigation(*items)</code></pre>
-         <div class="ms-3 collapse" id="45973386-0b05-4fc5-99e8-009887f9058f">
-          <h6 id="a51b8108-9c04-4f3f-9ead-4b1885957dfc">
+         <pre id="474298cb-bb62-4f3a-ae98-4dfc77ce9543"><code class="language-python">Navigation(*items)</code></pre>
+         <div class="ms-3 collapse" id="09801720-18ce-4a97-842f-06a6b9d89d6d">
+          <h6 id="bd706edb-62c7-4657-9c2b-3295c272b5a3">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="b59a7e29-3dbe-466f-892f-5836b6d8aad3">
+          <table class="table table-sm bg-light" id="b0bf1bd9-0e3f-4303-9671-bde42023fb01">
            <thead>
             <tr>
              <th scope="col">
@@ -6567,11 +6567,11 @@ List(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="8ba9edf4-88c2-47e0-921d-078df2e8f0ed">
-          <h6 id="af2d6ef9-e2cc-4405-a8be-7ac6f4b5401b">
+         <div class="ms-3" id="1e22c426-04cd-4a01-8450-70123fd879c6">
+          <h6 id="e53f08b3-04ee-404c-99ec-aa4f63287657">
            Example
           </h6>
-          <pre id="57b943bb-dfc9-4839-b3ca-30cc78f4bf2c"><code class="language-python">from bootwrap import Navigation
+          <pre id="bbcf39ef-2bc8-4f39-974a-5bb8eb107aac"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6580,59 +6580,59 @@ Navigation(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="e9ad06d3-7245-43f5-a0ba-e9319e1c3fb5">
-          <ul class="nav" id="06b32057-bc1e-4611-a2ef-be308ad16301" role="tablist">
+         <div class="ms-3" id="2b412648-4f4a-43d9-951d-222e56564e30">
+          <ul class="nav" id="b2a49b6c-ad19-489b-8744-2b0a9feb4ad6" role="tablist">
            <li class="nav-item">
-            <a class="nav-link active" data-bs-target="#31f2591a-ba3e-458f-a58f-95c62a3fae3c" data-bs-toggle="tab" href="#31f2591a-ba3e-458f-a58f-95c62a3fae3c" id="a4d33ad3-c29c-4a88-b7fc-b3531c44118d" role="tab">
+            <a class="nav-link active" data-bs-target="#0ddcc815-588e-42bc-be43-9bc9bfe4302f" data-bs-toggle="tab" href="#0ddcc815-588e-42bc-be43-9bc9bfe4302f" id="2e332771-558d-4730-93ef-10ebf134f264" role="tab">
              Chapter 1
             </a>
            </li>
            <li class="nav-item">
-            <a class="nav-link" data-bs-target="#e874d5da-468d-458a-bf79-6793b36cfec4" data-bs-toggle="tab" href="#e874d5da-468d-458a-bf79-6793b36cfec4" id="617311b1-3b11-4e1a-bee7-754a3c224c65" role="tab">
+            <a class="nav-link" data-bs-target="#b21c3fb2-848d-42fc-82c4-98cc80cee8d8" data-bs-toggle="tab" href="#b21c3fb2-848d-42fc-82c4-98cc80cee8d8" id="de6ef9aa-3d22-40c4-a17f-0046c5d26d4f" role="tab">
              Chapter 2
             </a>
            </li>
            <li class="nav-item">
-            <a class="nav-link" data-bs-target="#128aa2dc-ba63-49c8-99cc-a01d1de38f05" data-bs-toggle="tab" href="#128aa2dc-ba63-49c8-99cc-a01d1de38f05" id="0a31fb2c-cb13-4c33-abb7-953d7e5a4df4" role="tab">
+            <a class="nav-link" data-bs-target="#b1938237-6508-4ee4-8227-3c58ddb270d0" data-bs-toggle="tab" href="#b1938237-6508-4ee4-8227-3c58ddb270d0" id="55627ec1-014f-4148-9a67-71944c03eb21" role="tab">
              Chapter 3
             </a>
            </li>
           </ul>
           <div class="tab-content w-100">
-           <div class="tab-pane fade active show" id="31f2591a-ba3e-458f-a58f-95c62a3fae3c">
+           <div class="tab-pane fade active show" id="0ddcc815-588e-42bc-be43-9bc9bfe4302f">
             Text 1
            </div>
-           <div class="tab-pane fade" id="e874d5da-468d-458a-bf79-6793b36cfec4">
+           <div class="tab-pane fade" id="b21c3fb2-848d-42fc-82c4-98cc80cee8d8">
             Text 2
            </div>
-           <div class="tab-pane fade" id="128aa2dc-ba63-49c8-99cc-a01d1de38f05">
+           <div class="tab-pane fade" id="b1938237-6508-4ee4-8227-3c58ddb270d0">
             Text 3
            </div>
           </div>
          </div>
-         <div class="mt-5" id="cc622a69-1b3b-492c-8b62-a0578f032eed">
-          <div class="d-flex justify-content-between" id="eaf797a4-bbf4-4764-80c6-ffab4a635de8">
-           <h4 id="b162b8dc-a73d-49ab-b0da-11dbe6184b0b">
+         <div class="mt-5" id="d501e4b3-6a96-4cbc-ac2c-dbcb7699708f">
+          <div class="d-flex justify-content-between" id="a58c3805-691b-4625-a46f-67b7e24faa9e">
+           <h4 id="68b48c0d-9f8c-4132-b0a2-9ebdf3c2c333">
             Method
-            <span class="text-primary" id="c8cecd95-0a99-4839-99e5-adee530cb372">
+            <span class="text-primary" id="46c255c5-7627-4dce-8c06-e8c77e476c76">
              as_pills
             </span>
            </h4>
-           <div id="ce912978-65a8-47f6-83c0-69a7f29189de">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#fe6cde34-a738-4459-9cb4-7321a20eef94" data-bs-toggle="collapse" id="65bdaad4-47b0-4587-9c0f-d40304b8d3e2" onclick="return false;" type="button">
+           <div id="42365075-6f4b-4651-bbe0-4c0f67252ebc">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#17d9090a-4a6e-4263-8a91-41302a32d3ec" data-bs-toggle="collapse" id="88d18dc2-2162-449d-8c06-4dc565c87246" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="51d457af-225c-4ebf-9843-e986e3b8b07a">
+          <span class="text-muted" id="ce1a4f13-d96f-4fd7-b926-ad971becf731">
            Makes the navigation controls looks like buttons.
           </span>
-          <pre id="75e33bf7-f05e-4f31-9323-252328d557a3"><code class="language-python">as_pills()</code></pre>
-          <div class="ms-3 collapse" id="fe6cde34-a738-4459-9cb4-7321a20eef94">
-           <h6 id="fdab7d10-c9b3-4dda-a479-a75a217593e2">
+          <pre id="3db37477-1719-4e87-b54d-3c4a46b753a3"><code class="language-python">as_pills()</code></pre>
+          <div class="ms-3 collapse" id="17d9090a-4a6e-4263-8a91-41302a32d3ec">
+           <h6 id="d645e5ad-6f20-422d-960b-08dce2471c46">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="66c19fa9-70e2-458f-841c-6918243a6cd9">
+           <table class="table table-sm bg-light" id="195f9666-6943-4a4c-aec9-15672760f356">
             <thead>
              <tr>
               <th scope="col">
@@ -6665,11 +6665,11 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="b3a0df1c-b652-446f-b007-ca970c023552">
-           <h6 id="e1c37eeb-db49-4c3a-a9b3-d342f68722a9">
+          <div class="ms-3" id="2b9c52e0-09aa-47b5-8564-f5d1d135ddbe">
+           <h6 id="2fdf1b6c-9308-4585-9198-ae15cb06bb89">
             Example
            </h6>
-           <pre id="d31d8bbc-30f0-49cb-b64c-10ee0fd79213"><code class="language-python">from bootwrap import Navigation
+           <pre id="04f38ac6-0d58-4429-b9ae-0b652be9d719"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6678,60 +6678,60 @@ Navigation(
 ).as_pills()
 </code></pre>
           </div>
-          <div class="ms-3" id="70dc636c-83e8-42ee-b888-cc5b48ed0f24">
-           <ul class="nav nav-pills" id="1804b614-ec9b-43b2-bdde-fbf37a3d2dd2" role="tablist">
+          <div class="ms-3" id="570520d7-b179-4087-8352-1fbded42054e">
+           <ul class="nav nav-pills" id="e2a59aee-e407-432d-ba15-ea3b7841eea7" role="tablist">
             <li class="nav-item">
-             <a class="nav-link active" data-bs-target="#18a1157f-1b23-4045-a580-15ef28e78287" data-bs-toggle="tab" href="#18a1157f-1b23-4045-a580-15ef28e78287" id="59e2a350-a475-47fc-a626-264215784e56" role="tab">
+             <a class="nav-link active" data-bs-target="#bd78492e-3132-4d34-9a93-59451130d7ce" data-bs-toggle="tab" href="#bd78492e-3132-4d34-9a93-59451130d7ce" id="536d2f61-a450-4095-899d-a405acd11025" role="tab">
               Chapter 1
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#12c614c0-5738-450c-bf6f-ef2901b43008" data-bs-toggle="tab" href="#12c614c0-5738-450c-bf6f-ef2901b43008" id="3dacef51-f8c8-4239-bea2-a8084172a990" role="tab">
+             <a class="nav-link" data-bs-target="#49985854-574c-49a6-b08c-52c4d523b04e" data-bs-toggle="tab" href="#49985854-574c-49a6-b08c-52c4d523b04e" id="9ee93812-41b6-483e-8d36-75a6114f1036" role="tab">
               Chapter 2
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#f3632b6b-7d14-4bee-9523-e07402b29a96" data-bs-toggle="tab" href="#f3632b6b-7d14-4bee-9523-e07402b29a96" id="8e545aba-8f6b-49ba-aaed-42a0574fada8" role="tab">
+             <a class="nav-link" data-bs-target="#74496e8f-50d8-42dd-96fb-27d05da16df9" data-bs-toggle="tab" href="#74496e8f-50d8-42dd-96fb-27d05da16df9" id="05c50261-7ac4-4e8b-9194-152f17ecff9b" role="tab">
               Chapter 3
              </a>
             </li>
            </ul>
            <div class="tab-content w-100">
-            <div class="tab-pane fade active show" id="18a1157f-1b23-4045-a580-15ef28e78287">
+            <div class="tab-pane fade active show" id="bd78492e-3132-4d34-9a93-59451130d7ce">
              Text 1
             </div>
-            <div class="tab-pane fade" id="12c614c0-5738-450c-bf6f-ef2901b43008">
+            <div class="tab-pane fade" id="49985854-574c-49a6-b08c-52c4d523b04e">
              Text 2
             </div>
-            <div class="tab-pane fade" id="f3632b6b-7d14-4bee-9523-e07402b29a96">
+            <div class="tab-pane fade" id="74496e8f-50d8-42dd-96fb-27d05da16df9">
              Text 3
             </div>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="454572d9-1eef-458f-8e67-226fc5f830d2">
-          <div class="d-flex justify-content-between" id="c7aeef72-0419-4c27-ad68-0dd327c8107c">
-           <h4 id="810063e4-d75b-47ed-a17d-ac1fc7a69880">
+         <div class="mt-5" id="95ad47e1-7389-45fd-b797-c0e9e7f435b4">
+          <div class="d-flex justify-content-between" id="18ae43fa-12c6-4cca-8b1f-f9cdec723870">
+           <h4 id="c0c34fc5-7786-4508-869c-e8efe68f9eb1">
             Method
-            <span class="text-primary" id="82aceae7-37c2-4c8c-9439-4a2b9f6ff6c2">
+            <span class="text-primary" id="f2acf0d9-b1f0-4ea0-b142-054eaf82d9db">
              as_tabs
             </span>
            </h4>
-           <div id="1ed12064-a4ba-4300-9972-89e0a4b11d6a">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c2c0ae86-9573-4be6-9204-3907728ba3b9" data-bs-toggle="collapse" id="146a22fe-6e0e-4373-9864-ea7906d2ce93" onclick="return false;" type="button">
+           <div id="799ddbb5-460a-40e7-a488-cbefd02eddbb">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#c4b15677-3ba8-48a4-b3ed-c280bad966c8" data-bs-toggle="collapse" id="c2933f4e-6964-4bf1-8a39-3e6bac988ee3" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="7b240bec-629b-4d00-9846-565f0bba96b2">
+          <span class="text-muted" id="ad20473c-56e7-44a6-adf3-169dedd8169f">
            Makes the navigation controls looks like buttons.
           </span>
-          <pre id="52532938-70d7-4e58-a079-f27ca1909f92"><code class="language-python">as_tabs()</code></pre>
-          <div class="ms-3 collapse" id="c2c0ae86-9573-4be6-9204-3907728ba3b9">
-           <h6 id="30c6c6fb-1d0b-48cc-97e8-fd3928ea3589">
+          <pre id="c56eede7-3aec-4234-bfd4-45731871ca51"><code class="language-python">as_tabs()</code></pre>
+          <div class="ms-3 collapse" id="c4b15677-3ba8-48a4-b3ed-c280bad966c8">
+           <h6 id="10c9b857-7ddd-49c3-bb8b-f20c618aec49">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="a806f7b9-2ed3-4360-875e-f2deaf6cbda8">
+           <table class="table table-sm bg-light" id="c460e7ed-f318-476e-a8a9-73cb23a01f75">
             <thead>
              <tr>
               <th scope="col">
@@ -6764,11 +6764,11 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="abb20536-d342-48a0-b97d-c4ebb772de0d">
-           <h6 id="4b553bb5-ccba-4694-b94e-b64e2d17730a">
+          <div class="ms-3" id="b2680247-2898-4c74-80ce-d3465e84f9e4">
+           <h6 id="bd64d4a2-637b-441d-a60a-f183853299d8">
             Example
            </h6>
-           <pre id="3dc2c437-20cf-4d71-9719-8cafbdfd9039"><code class="language-python">from bootwrap import Navigation
+           <pre id="4d8b87c2-0bab-4f0d-91e8-edd910cf5a57"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter 1', 'Text 1', True),
@@ -6777,60 +6777,60 @@ Navigation(
 ).as_tabs()
 </code></pre>
           </div>
-          <div class="ms-3" id="81496a84-c7a0-49ce-88ce-f984fb413293">
-           <ul class="nav nav-tabs" id="8483524e-75e6-455a-b0dc-e00e6bc245f2" role="tablist">
+          <div class="ms-3" id="f16dd3b7-417d-4f11-a065-db8ee98b1dfe">
+           <ul class="nav nav-tabs" id="b4527896-7fc4-4253-bc38-bbddb3420773" role="tablist">
             <li class="nav-item">
-             <a class="nav-link active" data-bs-target="#dd60e128-01c8-4a95-9670-e3c8643d32f9" data-bs-toggle="tab" href="#dd60e128-01c8-4a95-9670-e3c8643d32f9" id="7f3c7551-bfca-495b-9d74-850183e88a1e" role="tab">
+             <a class="nav-link active" data-bs-target="#6d7de7ea-57cc-4bbe-ab02-5e51bac9a639" data-bs-toggle="tab" href="#6d7de7ea-57cc-4bbe-ab02-5e51bac9a639" id="ce2f89ae-f8e7-4244-9715-8b5b2cd92728" role="tab">
               Chapter 1
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#d2b80dee-9fd8-4f39-b486-0d19c18de42a" data-bs-toggle="tab" href="#d2b80dee-9fd8-4f39-b486-0d19c18de42a" id="dd9d584a-2882-4dad-bc7c-6fc1b965ab4a" role="tab">
+             <a class="nav-link" data-bs-target="#52f0199f-9fd7-406b-a1ae-f40acd20d226" data-bs-toggle="tab" href="#52f0199f-9fd7-406b-a1ae-f40acd20d226" id="315b9bc8-ad53-4532-b2c5-b01eeb93263b" role="tab">
               Chapter 2
              </a>
             </li>
             <li class="nav-item">
-             <a class="nav-link" data-bs-target="#6d127b9b-c7f6-4f82-aa22-60490fad58f6" data-bs-toggle="tab" href="#6d127b9b-c7f6-4f82-aa22-60490fad58f6" id="c8bf1ba9-79a8-4656-9761-73373e891dcd" role="tab">
+             <a class="nav-link" data-bs-target="#98f165a0-37b4-43c4-99b5-c64e55265755" data-bs-toggle="tab" href="#98f165a0-37b4-43c4-99b5-c64e55265755" id="da44131a-a48f-4186-bb04-8e15a538fbcb" role="tab">
               Chapter 3
              </a>
             </li>
            </ul>
            <div class="tab-content w-100">
-            <div class="tab-pane fade active show" id="dd60e128-01c8-4a95-9670-e3c8643d32f9">
+            <div class="tab-pane fade active show" id="6d7de7ea-57cc-4bbe-ab02-5e51bac9a639">
              Text 1
             </div>
-            <div class="tab-pane fade" id="d2b80dee-9fd8-4f39-b486-0d19c18de42a">
+            <div class="tab-pane fade" id="52f0199f-9fd7-406b-a1ae-f40acd20d226">
              Text 2
             </div>
-            <div class="tab-pane fade" id="6d127b9b-c7f6-4f82-aa22-60490fad58f6">
+            <div class="tab-pane fade" id="98f165a0-37b4-43c4-99b5-c64e55265755">
              Text 3
             </div>
            </div>
           </div>
          </div>
-         <div class="mt-5" id="caf6b3d3-97d4-4a38-b64a-7edbe4b07a64">
-          <div class="d-flex justify-content-between" id="e930a568-268c-4ece-93eb-1206199c1704">
-           <h4 id="b230087e-7c86-43cc-b7d6-c5615656ac41">
+         <div class="mt-5" id="b641af1e-3851-45b8-af81-3de9400cfce9">
+          <div class="d-flex justify-content-between" id="c8da67f0-9850-44a1-8f69-1fe85c2727c9">
+           <h4 id="83be366d-730c-4655-a6d6-5e2ef409294e">
             Method
-            <span class="text-primary" id="fa19a380-3c28-4a9e-90f6-9aa6e1055d4e">
+            <span class="text-primary" id="c714fad2-9981-450f-9c43-a5dc100a023b">
              as_vertical
             </span>
            </h4>
-           <div id="d46858be-2f7b-4534-b8b7-261c1651b05e">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#435ea8e5-297e-450b-8c9c-b6c5ab40b89b" data-bs-toggle="collapse" id="cb4a3776-bfec-492e-b3e7-c1df82b48660" onclick="return false;" type="button">
+           <div id="4da22f7e-eb79-4865-ba73-24bbb8d01315">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#f6a284f6-f9f2-4210-99d5-6a5528bb114e" data-bs-toggle="collapse" id="4312a8f6-ced9-4e4f-bc66-bab4a8e4be6d" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="6ed88fd0-1f6e-4093-a185-10390edae0cc">
+          <span class="text-muted" id="5c56b76f-1b69-4234-b0db-ebf1a58ece98">
            Makes the navigation vertical.
           </span>
-          <pre id="5d60c65c-0a18-4097-8bdb-7165a7272843"><code class="language-python">as_vertical()</code></pre>
-          <div class="ms-3 collapse" id="435ea8e5-297e-450b-8c9c-b6c5ab40b89b">
-           <h6 id="0f82a6f6-6bf3-42c1-bd8d-e1b82ce3857f">
+          <pre id="e1fcc518-5ed5-4e41-8d5d-78f1917ca771"><code class="language-python">as_vertical()</code></pre>
+          <div class="ms-3 collapse" id="f6a284f6-f9f2-4210-99d5-6a5528bb114e">
+           <h6 id="db7336e7-09cf-41bd-86d8-b06dddbbdda7">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="8241440f-5198-4a23-b342-ec390cae3fd2">
+           <table class="table table-sm bg-light" id="75846600-7cb1-4397-b9be-b49ac43c3c2b">
             <thead>
              <tr>
               <th scope="col">
@@ -6863,11 +6863,11 @@ Navigation(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="0e4ee4f1-dcba-4f5f-80f7-3477c6473b4a">
-           <h6 id="7d4f0cba-7613-4636-8fe0-1c21c5fd6740">
+          <div class="ms-3" id="3b0e4d8f-431b-450d-9e15-4a85b0c233c5">
+           <h6 id="a5d3102f-77ff-48ff-abf6-b340fe9855f1">
             Example
            </h6>
-           <pre id="92e92dab-dbdf-4c93-b7f5-629d0a69dd1c"><code class="language-python">from bootwrap import Navigation
+           <pre id="79b37556-00ac-44ab-9b0e-710729926432"><code class="language-python">from bootwrap import Navigation
 
 Navigation(
     Navigation.Item('Chapter1', 'Text 1', True),
@@ -6876,33 +6876,33 @@ Navigation(
 ).as_vertical().as_pills()
 </code></pre>
           </div>
-          <div class="ms-3" id="d29877de-872d-412e-9f3c-beaf931df56f">
+          <div class="ms-3" id="c76cb569-f8b5-4835-98a8-5f3137c055a2">
            <div class="d-flex">
-            <ul class="nav flex-column nav-pills" id="f39a0ba4-f114-4d78-9e42-d9b4be5d997c" role="tablist">
+            <ul class="nav flex-column nav-pills" id="43782a2e-e388-43ea-ad05-ee7d9b35c2de" role="tablist">
              <li class="nav-item">
-              <a class="nav-link active" data-bs-target="#f873b7d8-eff7-4799-b96a-999d9ca5535f" data-bs-toggle="tab" href="#f873b7d8-eff7-4799-b96a-999d9ca5535f" id="1a0aeeed-cc7d-436b-ab60-0e65bae58cab" role="tab">
+              <a class="nav-link active" data-bs-target="#beadc52e-14bd-477a-8900-5067be59856b" data-bs-toggle="tab" href="#beadc52e-14bd-477a-8900-5067be59856b" id="77031fe4-30b5-4a9b-a7a9-234990af71d0" role="tab">
                Chapter1
               </a>
              </li>
              <li class="nav-item">
-              <a class="nav-link" data-bs-target="#b984a405-f16c-45a7-bf4d-8beb60ba293e" data-bs-toggle="tab" href="#b984a405-f16c-45a7-bf4d-8beb60ba293e" id="e0bf7b84-b3a3-4a33-9dcc-d679bb002ddc" role="tab">
+              <a class="nav-link" data-bs-target="#c2bb3b01-3957-46e5-9f9e-257ada45b616" data-bs-toggle="tab" href="#c2bb3b01-3957-46e5-9f9e-257ada45b616" id="c4f8df8a-d562-4b7e-a84d-4836e7d0630c" role="tab">
                Chapter2
               </a>
              </li>
              <li class="nav-item">
-              <a class="nav-link" data-bs-target="#9bc3dd7f-bc09-404e-90da-abd98b2e2609" data-bs-toggle="tab" href="#9bc3dd7f-bc09-404e-90da-abd98b2e2609" id="801e9246-a4d1-4d68-b2a3-a39d80f3ead2" role="tab">
+              <a class="nav-link" data-bs-target="#836022f8-bce6-4573-9836-2507916cfec0" data-bs-toggle="tab" href="#836022f8-bce6-4573-9836-2507916cfec0" id="9f128d77-6916-4386-b00a-ee534ae11c3a" role="tab">
                Chapter3
               </a>
              </li>
             </ul>
             <div class="tab-content w-100">
-             <div class="tab-pane fade active show" id="f873b7d8-eff7-4799-b96a-999d9ca5535f">
+             <div class="tab-pane fade active show" id="beadc52e-14bd-477a-8900-5067be59856b">
               Text 1
              </div>
-             <div class="tab-pane fade" id="b984a405-f16c-45a7-bf4d-8beb60ba293e">
+             <div class="tab-pane fade" id="c2bb3b01-3957-46e5-9f9e-257ada45b616">
               Text 2
              </div>
-             <div class="tab-pane fade" id="9bc3dd7f-bc09-404e-90da-abd98b2e2609">
+             <div class="tab-pane fade" id="836022f8-bce6-4573-9836-2507916cfec0">
               Text 3
              </div>
             </div>
@@ -6911,52 +6911,52 @@ Navigation(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="fd61be08-8235-44d5-acd0-ee6a3e615497">
-        <div class="mt-5" id="4c466264-cae6-4fc2-8ff2-2dd9f6d9ecc1">
-         <div class="d-flex justify-content-between" id="d590af3d-2feb-48e1-ae5f-738bd60f4271">
-          <h1 id="d583cb8a-93af-4855-b79b-d573e33d9ea6">
+       <div class="tab-pane fade" id="784a1d72-6e71-42fa-80c2-88492150315c">
+        <div class="mt-5" id="23c4cfd4-d3d8-41ca-bcc1-b00f106297aa">
+         <div class="d-flex justify-content-between" id="e64dca53-b2f8-455d-bc03-4ed46142ae4c">
+          <h1 id="62770d3d-6dbb-42f7-8a0e-365bfafe9191">
            Class
-           <span class="text-primary" id="38326995-e41d-4373-9ccb-99fa49b19068">
+           <span class="text-primary" id="bc652a12-5f16-4e88-8c01-f363c53ad1e9">
             Navigation.Item
            </span>
           </h1>
-          <div id="c05dc59d-44ef-466e-998d-e347f7414f5e">
+          <div id="c09854aa-3504-4fde-8855-458688df3618">
           </div>
          </div>
-         <span class="text-muted" id="a38ad98f-57b1-4f26-a8bf-81a16bf30de9">
+         <span class="text-muted" id="5bf8ca53-7848-43c9-a0ca-f04700c5959d">
           None
          </span>
-         <pre id="7b2a4560-f26b-4b3b-b750-59a969d074f5"><code class="language-python">Navigation.Item(name, content, active=False)</code></pre>
-         <div class="mt-5" id="c394088a-ae1b-4f37-9431-f28964f6cc36">
-          <h4 id="997d0715-8e21-4adf-be0b-276d911fb62c">
+         <pre id="3c276be6-e310-4330-ba99-89d3838c2a90"><code class="language-python">Navigation.Item(name, content, active=False)</code></pre>
+         <div class="mt-5" id="1c9e340e-cb4b-4b8b-acb9-5f40d7865f3c">
+          <h4 id="bc859c45-06fa-4938-90da-120932687177">
            Property
-           <span class="text-primary" id="e1195e5d-81b9-46f6-8aa9-1e4323f0bbe8">
+           <span class="text-primary" id="ae50e1b9-6f81-402f-9b80-9a2224f2b90a">
             active
            </span>
           </h4>
-          <span class="text-muted" id="1a17fbf8-a97e-4c8e-8461-8b48278235ad">
+          <span class="text-muted" id="f99788a4-b941-4a3d-8905-74ae2471799a">
            None
           </span>
          </div>
-         <div class="mt-5" id="a5f58d7f-1004-4588-b6e4-53772d9ea3b4">
-          <h4 id="a237b2e8-cc73-42e9-a70e-ab58e94452e9">
+         <div class="mt-5" id="8e86689a-13eb-4244-a840-e795c28843b4">
+          <h4 id="e916a639-063c-4ccc-867b-b43ce254c155">
            Property
-           <span class="text-primary" id="055ef38a-1d0f-4781-a3d4-3b06e237e142">
+           <span class="text-primary" id="197125cd-f7cc-48d0-894f-bbe31eba3293">
             content
            </span>
           </h4>
-          <span class="text-muted" id="5663292f-4f0e-4f05-8bf2-97428cba9b1b">
+          <span class="text-muted" id="8df4bf19-c232-4d05-b9b6-87a2b52ed98f">
            None
           </span>
          </div>
-         <div class="mt-5" id="620b8bd2-ac51-4fcf-925b-df1d16eba2dc">
-          <h4 id="4d89055f-ff84-42e8-b47a-9798a2815e88">
+         <div class="mt-5" id="ac3cee03-e925-4ba5-aa85-e71001fc2fb6">
+          <h4 id="20a21a40-ae70-470b-9684-0b8f8ec3f406">
            Property
-           <span class="text-primary" id="e4cc2278-64b5-4fc9-9076-1ae82e8277ff">
+           <span class="text-primary" id="2df376e8-55cd-47a5-9090-7e3ffe3eacf2">
             name
            </span>
           </h4>
-          <span class="text-muted" id="31eb5b3f-b2e7-4422-997b-1e781b5e58cf">
+          <span class="text-muted" id="885887ad-de97-4d1f-9da1-f9f71d1bdf80">
            None
           </span>
          </div>
@@ -6965,57 +6965,57 @@ Navigation(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="850c7063-1719-4e74-b552-fb60bfc3d355">
-     <div id="0e17f4bd-c3f0-4805-82bd-d05dc1941caa">
+    <div class="tab-pane fade" id="fefb3cf6-21d0-498d-8fad-a3f0eb20d8e7">
+     <div id="9aa88c07-6d2c-4df6-ad6d-4e6920e0552f">
       <hr/>
-      <ul class="nav" id="e4ec1981-7600-4470-b8c3-756f6252811f" role="tablist">
+      <ul class="nav" id="b167d5a6-1659-4984-ae28-d1f23f0afc44" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#feec1a9d-850a-4512-b51b-8a26d787f8df" data-bs-toggle="tab" href="#feec1a9d-850a-4512-b51b-8a26d787f8df" id="9e33fda1-887e-4c1b-9d5c-41be6485d86b" role="tab">
-         <span class="text-secondary" id="98068c8f-0411-48fd-b750-eea0d3ff8233">
+        <a class="nav-link active" data-bs-target="#056d5d7c-05ae-4d7a-aa45-ba05951c812b" data-bs-toggle="tab" href="#056d5d7c-05ae-4d7a-aa45-ba05951c812b" id="0d8c69ed-b586-4052-85a9-657ec50c65b5" role="tab">
+         <span class="text-secondary" id="8f7dee75-1225-4620-81f5-a99fb9de351a">
           Panel
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#9f6e90ca-3439-4fce-9464-cf91fc4dea5c" data-bs-toggle="tab" href="#9f6e90ca-3439-4fce-9464-cf91fc4dea5c" id="242a38a7-cc5a-45c2-ad25-1a5d7b87a943" role="tab">
-         <span class="text-secondary" id="8bb95727-2af8-4fbe-96cd-b52e82c07399">
+        <a class="nav-link" data-bs-target="#9b31a386-7a1b-4696-aee4-88d17b99b0d6" data-bs-toggle="tab" href="#9b31a386-7a1b-4696-aee4-88d17b99b0d6" id="a9c062ad-bd24-41e5-a866-c23578512701" role="tab">
+         <span class="text-secondary" id="ba3ab98c-7ea5-47fb-a949-642ff29f6d06">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#30a2e862-40f1-473d-aa29-0db3c0e8c2a7" data-bs-toggle="tab" href="#30a2e862-40f1-473d-aa29-0db3c0e8c2a7" id="cd491e54-9eea-439f-bd28-99b4286c03cd" role="tab">
-         <span class="text-secondary" id="bffe41de-84e2-4d13-8780-b6f744c6d1fa">
+        <a class="nav-link" data-bs-target="#f9a2ca14-ef6d-4f4e-b562-142082705306" data-bs-toggle="tab" href="#f9a2ca14-ef6d-4f4e-b562-142082705306" id="4d70383b-abeb-41d6-9be8-1dc92fbf325a" role="tab">
+         <span class="text-secondary" id="1aaa704e-6759-43f4-af8c-a426a9277c2f">
           Outline
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="feec1a9d-850a-4512-b51b-8a26d787f8df">
-        <div class="mt-5" id="b6be59ef-b711-482b-99f9-54a1b5939434">
-         <div class="d-flex justify-content-between" id="b4b7e02a-272c-43fc-a062-fdd7110c4517">
-          <h1 id="8df25172-f236-4fa9-a92f-a42e23e36e48">
+       <div class="tab-pane fade active show" id="056d5d7c-05ae-4d7a-aa45-ba05951c812b">
+        <div class="mt-5" id="2b67ab49-0f3d-4301-a41a-d34aafdda973">
+         <div class="d-flex justify-content-between" id="c2083530-85e2-4ec1-862b-0d0c3e680bbb">
+          <h1 id="815c1e6b-3847-4b89-ab0a-89bc2152e1e3">
            Class
-           <span class="text-primary" id="182381df-e489-4d42-a84c-6f2f0fae5215">
+           <span class="text-primary" id="e50c2736-2e91-4953-9dc3-5ff194b8d768">
             Panel
            </span>
           </h1>
-          <div id="140ac421-4e60-4e8e-87d0-617642ea6a34">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2eadc568-b21d-4b39-a90c-c1e7a1769cd9" data-bs-toggle="collapse" id="596b6043-0bf0-480c-8f54-7d836f2061df" onclick="return false;" type="button">
+          <div id="39019520-3933-4f20-a5c1-b4c64a605e6c">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#307bb3ac-ef2d-4c9a-9069-9e1df587e88d" data-bs-toggle="collapse" id="8aab423b-2377-463b-a17a-e92c77968bb6" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="e7997943-0b10-4bb2-8743-679ae61d4a32">
+         <span class="text-muted" id="1dd44d15-50cf-45d6-a8bb-6fab526661b4">
           A web component for a panel.
          </span>
-         <pre id="5bcb33a2-f7a9-4176-aa39-c6b5c8d577da"><code class="language-python">Panel(*components)</code></pre>
-         <div class="ms-3 collapse" id="2eadc568-b21d-4b39-a90c-c1e7a1769cd9">
-          <h6 id="f90ac175-4954-413e-80a5-8ca4f550743a">
+         <pre id="604e3aa8-932a-4dc5-9cd6-d491964bbafe"><code class="language-python">Panel(*components)</code></pre>
+         <div class="ms-3 collapse" id="307bb3ac-ef2d-4c9a-9069-9e1df587e88d">
+          <h6 id="699612df-f769-4f85-96fb-0abd7ae5f0ca">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="75debc54-49a7-4273-ba16-82f80269083f">
+          <table class="table table-sm bg-light" id="e5825fcd-2d8a-44e9-a1ef-22e4ead665b7">
            <thead>
             <tr>
              <th scope="col">
@@ -7052,11 +7052,11 @@ Navigation(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="c5c37af8-5b61-4578-afbe-40d43f0adc8c">
-          <h6 id="a8d77d6e-43f5-4191-81d4-342f7850beb2">
+         <div class="ms-3" id="3b4c98be-66ae-45f2-b9f4-96ee1ed0cb82">
+          <h6 id="b1619eb0-e50c-4914-9d34-4fad741fb6cf">
            Example
           </h6>
-          <pre id="c3a3702c-8cd4-4ef4-a580-cc0cae54271e"><code class="language-python">from bootwrap import Text, Panel
+          <pre id="58b65409-caaf-4e8d-8771-9cb2214545e7"><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)
@@ -7065,45 +7065,45 @@ comp3 = Text("Component 3").as_outline().ms(1)
 Panel(comp1, comp2, comp3)
 </code></pre>
          </div>
-         <div class="ms-3" id="b7cd2d75-7dd5-45a5-80b5-3110791af201">
-          <div id="57f55702-cd82-49de-b72d-59e3b63a4c94">
-           <span class="ms-1 border" id="9cdcb2c8-2ddf-4a77-a90f-879cd121ba71">
+         <div class="ms-3" id="6b4993b5-3371-465d-9113-306d867aba7f">
+          <div id="2975ed72-5c6f-4647-884b-0112a7c668c3">
+           <span class="ms-1 border" id="e1607d28-f1c8-4bc3-8549-d65378410002">
             Component 1
            </span>
-           <span class="ms-1 border" id="acc94b83-04fa-4a50-87a8-31736c622d00">
+           <span class="ms-1 border" id="0a8fb696-a627-4101-a1fa-ab0e4cf509ad">
             Component 2
            </span>
-           <span class="ms-1 border" id="fd730ed1-6d2a-48ea-828b-d0007ef13a67">
+           <span class="ms-1 border" id="38c8db7d-c570-4c9b-bace-84dd8a974cdb">
             Component 3
            </span>
           </div>
          </div>
-         <div class="mt-5" id="498dc412-6b6e-4c9f-b49c-1f1e41af8b55">
-          <div class="d-flex justify-content-between" id="a6e1ec6a-827c-461d-a7fb-c17a9d1669f7">
-           <h4 id="7bc3ecf8-99f0-4b55-bc49-b53722a73748">
+         <div class="mt-5" id="128ed0a7-0e15-4e55-9c2b-ef610be55940">
+          <div class="d-flex justify-content-between" id="21531a8a-8bfa-4dec-bb0d-2bc8a29968dd">
+           <h4 id="54953a02-e9bf-4736-b738-a1eb867f9377">
             Method
-            <span class="text-primary" id="81f7b0d5-c30c-45f9-8a41-8cf9f83bbf11">
+            <span class="text-primary" id="6192d483-0af1-4fc0-aebd-f4caaec5d35b">
              align_items
             </span>
            </h4>
-           <div id="4c800ef4-da7f-4028-83af-b790aaabe9d6">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#d6576282-1ec4-4325-ae1d-e9a5931487ce" data-bs-toggle="collapse" id="26425a07-545c-411e-81e8-4805e94c3907" onclick="return false;" type="button">
+           <div id="14d4298a-a9bc-4af8-ba6d-f26a8edce370">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#19395cd0-f490-4a8e-b48f-a9f1ef98610e" data-bs-toggle="collapse" id="6699dbda-a4bf-4e62-adb5-b6d9598d7a28" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#7d68cd9a-7f5a-42c5-bd7e-d8cd93795b85" data-bs-toggle="collapse" id="69051ccb-5bf7-427b-97c3-0f0501b13936" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d97d21f1-8b03-430b-b650-6709441424c9" data-bs-toggle="collapse" id="c566b712-30c4-400d-af45-8e68beeda24b" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="7014060d-1e15-4efe-85af-104ea090883c">
+          <span class="text-muted" id="8f91eb78-9ebe-4257-b4e7-03922a99f42f">
            Align panel items.
           </span>
-          <pre id="079394d1-175d-444f-b44e-86eb363b0166"><code class="language-python">align_items(style)</code></pre>
-          <div class="ms-3 collapse" id="d6576282-1ec4-4325-ae1d-e9a5931487ce">
-           <h6 id="f0708037-e199-47e0-a16b-7341df1c2036">
+          <pre id="0beab58f-e2a3-452f-9752-facfeb5a7551"><code class="language-python">align_items(style)</code></pre>
+          <div class="ms-3 collapse" id="19395cd0-f490-4a8e-b48f-a9f1ef98610e">
+           <h6 id="227bfc0c-7ba6-40be-9c0d-90ed4cd6343d">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="f30b21f9-8765-4eac-a8ec-5ae85f6eb000">
+           <table class="table table-sm bg-light" id="0643fb86-2905-447f-bb3b-0729e3816ffe">
             <thead>
              <tr>
               <th scope="col">
@@ -7137,11 +7137,11 @@ Panel(comp1, comp2, comp3)
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="7d68cd9a-7f5a-42c5-bd7e-d8cd93795b85">
-           <h6 id="50b70c9d-c73b-4708-a5c6-43f15f2041a8">
+          <div class="ms-3 collapse" id="d97d21f1-8b03-430b-b650-6709441424c9">
+           <h6 id="a15ee88b-f042-495c-9ed3-610399049bc6">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="92379cd5-f5ca-44b6-ba91-54cf201f44e2">
+           <table class="table table-sm bg-light" id="67d69d2a-f08f-43a1-a3ac-9c1fdaf1133f">
             <thead>
              <tr>
               <th scope="col">
@@ -7174,11 +7174,11 @@ Panel(comp1, comp2, comp3)
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="a3e9a559-2890-468c-97bc-964109676ccd">
-           <h6 id="d88ce0b8-4f84-4c62-89c3-5a8c02286d8d">
+          <div class="ms-3" id="40ddba69-4025-4dba-bda5-feff13df50ad">
+           <h6 id="a45fdd18-ee11-4386-8a8e-4424eb8278ca">
             Example
            </h6>
-           <pre id="6e012d5e-a091-49a4-b956-7abca52bc2fb"><code class="language-python">from bootwrap import Text, Panel, Image
+           <pre id="43466b42-71d6-44af-92b0-40e4448b4fac"><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)
@@ -7200,19 +7200,19 @@ Panel(
 ).vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="d061d40d-dd66-4f5e-bd55-289d91a2988a">
-           <div id="b32c56ab-85ad-4e1b-9e92-ea7032618c1e">
+          <div class="ms-3" id="4230a8c1-29b3-4714-814f-28eaa7203b22">
+           <div id="6c293add-6627-43bc-ae52-842282161ff7">
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-start mt-1 bg-dark" id="bdf8c265-6400-484f-8504-c8d851c3803f">
-               <img height="200px" id="4006b98f-7657-4722-893b-324a57c0614b" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="ed19b830-d3bf-4281-bb1b-e1bc09186ad2">
+              <div class="d-flex align-items-start mt-1 bg-dark" id="71a4aad0-9b4a-44a9-88c6-862b933fa66f">
+               <img height="200px" id="c457f061-c71f-4599-bdec-5bf57c0dccc9" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="180a2512-f546-4cfa-b0f2-59e9984f3a96">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="f2c024f6-6447-44e9-9cfe-4a5e0a7a5693">
+               <span class="p-2 m-2 text-light border border-light" id="529b145d-f553-48fd-97bc-823abbfd9a3b">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="b4a5bf8e-7a2b-4926-b641-091608d0466f">
+               <span class="p-2 m-2 text-light border border-light" id="566cb7fe-aa54-46fd-9eb1-23dcb4377d2b">
                 Component 3
                </span>
               </div>
@@ -7220,15 +7220,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-end mt-1 bg-dark" id="62841aab-60e9-449c-879e-63331eeb1114">
-               <img height="200px" id="4006b98f-7657-4722-893b-324a57c0614b" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="ed19b830-d3bf-4281-bb1b-e1bc09186ad2">
+              <div class="d-flex align-items-end mt-1 bg-dark" id="8b4e34a7-3467-44cc-98ba-efa66efc8d59">
+               <img height="200px" id="c457f061-c71f-4599-bdec-5bf57c0dccc9" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="180a2512-f546-4cfa-b0f2-59e9984f3a96">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="f2c024f6-6447-44e9-9cfe-4a5e0a7a5693">
+               <span class="p-2 m-2 text-light border border-light" id="529b145d-f553-48fd-97bc-823abbfd9a3b">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="b4a5bf8e-7a2b-4926-b641-091608d0466f">
+               <span class="p-2 m-2 text-light border border-light" id="566cb7fe-aa54-46fd-9eb1-23dcb4377d2b">
                 Component 3
                </span>
               </div>
@@ -7236,15 +7236,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-center mt-1 bg-dark" id="2c314a17-b7b6-4cb5-9e27-528f3653c192">
-               <img height="200px" id="4006b98f-7657-4722-893b-324a57c0614b" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="ed19b830-d3bf-4281-bb1b-e1bc09186ad2">
+              <div class="d-flex align-items-center mt-1 bg-dark" id="a85d4dc9-ad6b-4315-849a-aad344ad4daa">
+               <img height="200px" id="c457f061-c71f-4599-bdec-5bf57c0dccc9" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="180a2512-f546-4cfa-b0f2-59e9984f3a96">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="f2c024f6-6447-44e9-9cfe-4a5e0a7a5693">
+               <span class="p-2 m-2 text-light border border-light" id="529b145d-f553-48fd-97bc-823abbfd9a3b">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="b4a5bf8e-7a2b-4926-b641-091608d0466f">
+               <span class="p-2 m-2 text-light border border-light" id="566cb7fe-aa54-46fd-9eb1-23dcb4377d2b">
                 Component 3
                </span>
               </div>
@@ -7252,15 +7252,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-baseline mt-1 bg-dark" id="b3d06ee3-2850-4d56-83cb-7fa1dc6a0f43">
-               <img height="200px" id="4006b98f-7657-4722-893b-324a57c0614b" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="ed19b830-d3bf-4281-bb1b-e1bc09186ad2">
+              <div class="d-flex align-items-baseline mt-1 bg-dark" id="8abcb371-753b-4287-a789-604b9cecc215">
+               <img height="200px" id="c457f061-c71f-4599-bdec-5bf57c0dccc9" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="180a2512-f546-4cfa-b0f2-59e9984f3a96">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="f2c024f6-6447-44e9-9cfe-4a5e0a7a5693">
+               <span class="p-2 m-2 text-light border border-light" id="529b145d-f553-48fd-97bc-823abbfd9a3b">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="b4a5bf8e-7a2b-4926-b641-091608d0466f">
+               <span class="p-2 m-2 text-light border border-light" id="566cb7fe-aa54-46fd-9eb1-23dcb4377d2b">
                 Component 3
                </span>
               </div>
@@ -7268,15 +7268,15 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex align-items-stretch mt-1 bg-dark" id="75b39c5c-2d91-4b5b-af54-b47edcc4c898">
-               <img height="200px" id="4006b98f-7657-4722-893b-324a57c0614b" src="logo.png"/>
-               <span class="p-2 m-2 text-light border border-light" id="ed19b830-d3bf-4281-bb1b-e1bc09186ad2">
+              <div class="d-flex align-items-stretch mt-1 bg-dark" id="1c79078b-2614-4f24-bbed-45f65d2b9b18">
+               <img height="200px" id="c457f061-c71f-4599-bdec-5bf57c0dccc9" src="logo.png"/>
+               <span class="p-2 m-2 text-light border border-light" id="180a2512-f546-4cfa-b0f2-59e9984f3a96">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="f2c024f6-6447-44e9-9cfe-4a5e0a7a5693">
+               <span class="p-2 m-2 text-light border border-light" id="529b145d-f553-48fd-97bc-823abbfd9a3b">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="b4a5bf8e-7a2b-4926-b641-091608d0466f">
+               <span class="p-2 m-2 text-light border border-light" id="566cb7fe-aa54-46fd-9eb1-23dcb4377d2b">
                 Component 3
                </span>
               </div>
@@ -7285,29 +7285,29 @@ Panel(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="b9701fb5-a192-4d5d-91c5-0b71c9b775d5">
-          <div class="d-flex justify-content-between" id="465e7cc0-8511-4cbf-a2f3-9e64b9529e08">
-           <h4 id="c5b4f94c-1def-4c5d-a459-46db00e2b408">
+         <div class="mt-5" id="01a63441-98f7-4464-a1c3-49288a88760b">
+          <div class="d-flex justify-content-between" id="b2411918-3136-4dd9-a293-1a29be47bcc7">
+           <h4 id="9d97519c-89ab-40e2-ae84-d4c93262acac">
             Method
-            <span class="text-primary" id="5acc3230-d617-45d6-9cf3-d02d23b49f8a">
+            <span class="text-primary" id="db6767e4-0723-4169-8d97-27bbfa7a0037">
              as_collapse
             </span>
            </h4>
-           <div id="674aeb2a-848a-4075-b68f-91e128ec90bd">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a57d678e-f063-4e70-acb8-bd077c73c066" data-bs-toggle="collapse" id="f44ceeb5-4abe-4b9b-bdf4-a24b7679166a" onclick="return false;" type="button">
+           <div id="03c1eb90-651f-40da-b52e-0f8a2dad3122">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#90ffdc9e-520f-48e8-bd3a-6be4ed1b8ee8" data-bs-toggle="collapse" id="eb385244-6261-46a7-9556-fa95336abed4" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="f3c377e3-c5b3-4b41-86ec-2d97824d2cd4">
+          <span class="text-muted" id="a6f37ce5-598b-450d-af0f-3521b6c36b7c">
            Makes the panel collapsed.
           </span>
-          <pre id="e4dc4c53-b7f2-4a6c-b3ef-1ed0f9acf84a"><code class="language-python">as_collapse()</code></pre>
-          <div class="ms-3 collapse" id="a57d678e-f063-4e70-acb8-bd077c73c066">
-           <h6 id="95910dec-b340-4e83-a96b-2e75b0e61bc0">
+          <pre id="20ee517a-5bf4-43b1-9ae1-666363cada04"><code class="language-python">as_collapse()</code></pre>
+          <div class="ms-3 collapse" id="90ffdc9e-520f-48e8-bd3a-6be4ed1b8ee8">
+           <h6 id="1f908a7d-641a-4ec5-acad-6de1304f7750">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="ce22726f-9036-4dc4-b5d7-79ef3d35a8c9">
+           <table class="table table-sm bg-light" id="8fd9834b-1f0d-491e-a664-3a28934646de">
             <thead>
              <tr>
               <th scope="col">
@@ -7341,30 +7341,30 @@ Panel(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="283954e0-3481-4173-830a-5e8a7374decb">
-          <div class="d-flex justify-content-between" id="3581c437-71f3-44c6-8e5f-241eefc0c17b">
-           <h4 id="669e191d-18fb-4b13-83a9-0f4c414bc534">
+         <div class="mt-5" id="04bb65c5-d3b0-4c28-a785-7c710821b575">
+          <div class="d-flex justify-content-between" id="7cab68a6-229c-45b9-a00d-459c0c161ef6">
+           <h4 id="660ab98a-1afd-4d38-bf9f-2de2ea969a2a">
             Method
-            <span class="text-primary" id="ffd432f1-42d5-432d-95fe-d38bc87c973d">
+            <span class="text-primary" id="e1a3997c-4e1a-4bbc-aa88-113492c2e499">
              horizontal
             </span>
            </h4>
-           <div id="4cea38e3-6964-45a8-9a1b-08729deaaf28">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#9846b434-d4b9-4978-96a4-d50bc7227ade" data-bs-toggle="collapse" id="d9fb542b-682d-499f-8c82-cacdb154b545" onclick="return false;" type="button">
+           <div id="fc5bf752-f2fa-4dee-a681-a02831734ec3">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#fe23d470-5e18-48d0-8850-0b278f8e82a0" data-bs-toggle="collapse" id="6de214e0-7a75-49a7-9074-446436f1d836" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="4b87d6fb-8f4b-4692-8df4-3d7e92423676">
+          <span class="text-muted" id="9052adad-c27a-4fa6-8c60-199cbc967d78">
            Makes the panel with the horizontal arrangement of encapsulating
         elements
           </span>
-          <pre id="a0d35aed-01d4-4b3e-a468-88edca131bbd"><code class="language-python">horizontal()</code></pre>
-          <div class="ms-3 collapse" id="9846b434-d4b9-4978-96a4-d50bc7227ade">
-           <h6 id="9a6e96b8-3aa1-4557-8223-6f8a9e29649e">
+          <pre id="fdad52fb-fdc4-4ab0-b832-7ffb33558f83"><code class="language-python">horizontal()</code></pre>
+          <div class="ms-3 collapse" id="fe23d470-5e18-48d0-8850-0b278f8e82a0">
+           <h6 id="1d958e3f-6bbe-4246-8b4d-39910c61e95f">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="fd3a5f84-919d-429e-b2bf-007015d357a5">
+           <table class="table table-sm bg-light" id="1943197c-bf00-4888-b97d-0f9c06c57c95">
             <thead>
              <tr>
               <th scope="col">
@@ -7397,11 +7397,11 @@ Panel(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="043f2402-4957-4c5c-b893-2d83f83d9581">
-           <h6 id="cc2ed2b9-629f-4452-b96b-5f9d9f104a05">
+          <div class="ms-3" id="f1b527a8-e1d4-43a8-90bd-716fef2a1747">
+           <h6 id="3d4458f6-c861-441e-a427-4bcb860f06b7">
             Example
            </h6>
-           <pre id="72f58860-2431-4909-947c-0043eace9a09"><code class="language-python">from bootwrap import Text, Panel
+           <pre id="2daf3896-8dba-4938-b5ec-cd34c406e7db"><code class="language-python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").as_outline()
 comp2 = Text("Component 2").as_outline()
@@ -7410,21 +7410,21 @@ comp3 = Text("Component 3").as_outline()
 Panel(comp1, comp2, comp3).horizontal()
 </code></pre>
           </div>
-          <div class="ms-3" id="0f0f075c-8b33-4174-8a67-e97fd0768221">
-           <div id="05cc96a3-b55f-43ee-8794-855e579d26f2">
+          <div class="ms-3" id="3fe27dee-69fa-4acf-86be-891fad1d09e0">
+           <div id="4b492c75-be6a-4d84-a84f-bbd9962dca0d">
             <div class="row">
              <div class="col-md">
-              <span class="border" id="9a356b60-56be-4e36-894c-69728e0a35b7">
+              <span class="border" id="8be248dc-0425-4443-8b81-2015cfb6d928">
                Component 1
               </span>
              </div>
              <div class="col-md">
-              <span class="border" id="84ec324c-341c-4e9a-9e08-a335f64b2b9f">
+              <span class="border" id="11351bd1-5533-44f4-bf5e-9354d5bc0b0e">
                Component 2
               </span>
              </div>
              <div class="col-md">
-              <span class="border" id="ac5f2d59-2f89-4662-97bf-bcc7ed458d58">
+              <span class="border" id="e950975d-d455-4385-b8cb-02478c66b904">
                Component 3
               </span>
              </div>
@@ -7432,32 +7432,32 @@ Panel(comp1, comp2, comp3).horizontal()
            </div>
           </div>
          </div>
-         <div class="mt-5" id="869b9600-7854-4034-abc6-d9a98fd6801d">
-          <div class="d-flex justify-content-between" id="3dfe82d3-a328-43e6-a094-c15c5f614a7f">
-           <h4 id="a0fe2362-6cda-435c-aaca-073b07425c23">
+         <div class="mt-5" id="ab31069b-5c58-4cc5-baba-da2aa433caf0">
+          <div class="d-flex justify-content-between" id="f37e930a-8c58-442d-bb39-1ff87851a189">
+           <h4 id="5f5fdb49-f68a-4769-ae43-4c6872954b91">
             Method
-            <span class="text-primary" id="ff7527cd-237a-491b-a919-8370679fbd78">
+            <span class="text-primary" id="1d454866-c6e1-431d-bb73-ef968138f893">
              justify_content
             </span>
            </h4>
-           <div id="a6269cc6-b5ce-4e1d-a19d-af6e5c5c918a">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#fbddd47c-9c65-4cac-93e4-162c4fb316ca" data-bs-toggle="collapse" id="600afc64-7f40-423f-bc31-f7f09bd07964" onclick="return false;" type="button">
+           <div id="42632dcc-d01d-40af-9d50-051e7d1bb8e2">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#6365a8dd-4b68-4ddf-9377-a157e747ef2e" data-bs-toggle="collapse" id="21eed44a-8d49-4da9-b7ac-dbd1b630376a" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#6985169e-ddc8-4912-b392-2b76485e4d4d" data-bs-toggle="collapse" id="b746b0b5-b3d6-466c-98a9-ae36c6018094" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#d3f7338f-f2c7-47cd-8d27-f0577af5b490" data-bs-toggle="collapse" id="6b7348f2-09a4-499b-a2e1-460a4c4efe65" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="41c1db2c-3f1b-4065-82ad-e356fcfbd27d">
+          <span class="text-muted" id="77747690-58e6-47e2-8815-f842bfbfa70c">
            Justifies panel content.
           </span>
-          <pre id="1bd41cc3-c4fd-4e72-a82c-b1461ed369ea"><code class="language-python">justify_content(style)</code></pre>
-          <div class="ms-3 collapse" id="fbddd47c-9c65-4cac-93e4-162c4fb316ca">
-           <h6 id="72462174-ef22-423f-adfd-2ec5b7726132">
+          <pre id="1aa114fd-1f5f-4571-8252-91c7ee8b89c8"><code class="language-python">justify_content(style)</code></pre>
+          <div class="ms-3 collapse" id="6365a8dd-4b68-4ddf-9377-a157e747ef2e">
+           <h6 id="e2e52b3d-2f86-44cd-85f2-ce2e6c657d49">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="f0e6f6d7-28b3-432a-8d1f-bc543f32d530">
+           <table class="table table-sm bg-light" id="8f0b6363-0940-4dae-9783-7c84ab822bbb">
             <thead>
              <tr>
               <th scope="col">
@@ -7491,11 +7491,11 @@ Panel(comp1, comp2, comp3).horizontal()
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="6985169e-ddc8-4912-b392-2b76485e4d4d">
-           <h6 id="19748380-6942-498c-b5da-23ad45d77ef2">
+          <div class="ms-3 collapse" id="d3f7338f-f2c7-47cd-8d27-f0577af5b490">
+           <h6 id="52b6672c-1a2e-41b7-8112-50738e9e0899">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="1965126f-1df7-43d5-829b-d181667a3d12">
+           <table class="table table-sm bg-light" id="48df92b1-b2a4-4834-b6cd-f552872c8d39">
             <thead>
              <tr>
               <th scope="col">
@@ -7528,11 +7528,11 @@ Panel(comp1, comp2, comp3).horizontal()
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="22afff4e-2dad-4a2e-b317-3555a0c87656">
-           <h6 id="437cf331-d089-42e1-bb65-1f38b52e5126">
+          <div class="ms-3" id="0bf2de27-1ec8-4df6-afcc-91d8badcc948">
+           <h6 id="72994772-6068-4b35-8a64-5a02f5c26c09">
             Example
            </h6>
-           <pre id="46350835-77cd-4b68-bb37-447ec91f392a"><code class="language-python">from bootwrap import Text, Panel
+           <pre id="654de9e0-2616-461f-8397-33f61e88dcb5"><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)
@@ -7555,18 +7555,18 @@ Panel(
 ).vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="1382eb5a-3298-4da9-9cb4-83e98fb215a3">
-           <div id="0f44eedc-3f55-4b01-aacf-81be8271a6bd">
+          <div class="ms-3" id="009700d8-b389-48e2-be40-6b54af2a8aa3">
+           <div id="a6231729-323c-404d-a70a-f1ae7495d7a2">
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-start mt-1 bg-dark" id="1ecc4aa0-e407-49e1-8610-d4467719bf39">
-               <span class="p-2 m-2 text-light border border-light" id="e5d1c3b0-c419-4eed-b89c-c5a0d5670194">
+              <div class="d-flex justify-content-start mt-1 bg-dark" id="8dcae7e0-75fe-410a-996e-b6b88d2de386">
+               <span class="p-2 m-2 text-light border border-light" id="ae671707-eabd-4bc4-914d-2da6d52d4922">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="272ef47e-fba9-422b-8f8f-3fbcdcc6463c">
+               <span class="p-2 m-2 text-light border border-light" id="815eebe5-bb7b-4621-a5df-f5b4cfcc9e97">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="90865876-22d2-4fa4-89fa-583c4e625fd9">
+               <span class="p-2 m-2 text-light border border-light" id="420ad3df-8ab4-45b8-8563-fb5d1e12562d">
                 Component 3
                </span>
               </div>
@@ -7574,14 +7574,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-end mt-1 bg-dark" id="d5294a77-5107-4307-8837-22c3c49acb95">
-               <span class="p-2 m-2 text-light border border-light" id="e5d1c3b0-c419-4eed-b89c-c5a0d5670194">
+              <div class="d-flex justify-content-end mt-1 bg-dark" id="83884b54-3cff-47b5-bee9-a061e49e6621">
+               <span class="p-2 m-2 text-light border border-light" id="ae671707-eabd-4bc4-914d-2da6d52d4922">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="272ef47e-fba9-422b-8f8f-3fbcdcc6463c">
+               <span class="p-2 m-2 text-light border border-light" id="815eebe5-bb7b-4621-a5df-f5b4cfcc9e97">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="90865876-22d2-4fa4-89fa-583c4e625fd9">
+               <span class="p-2 m-2 text-light border border-light" id="420ad3df-8ab4-45b8-8563-fb5d1e12562d">
                 Component 3
                </span>
               </div>
@@ -7589,14 +7589,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-center mt-1 bg-dark" id="00e56cf6-9897-4387-be3d-6c3f3bd78ede">
-               <span class="p-2 m-2 text-light border border-light" id="e5d1c3b0-c419-4eed-b89c-c5a0d5670194">
+              <div class="d-flex justify-content-center mt-1 bg-dark" id="099687d5-4002-479a-bdaf-957fc8d60e22">
+               <span class="p-2 m-2 text-light border border-light" id="ae671707-eabd-4bc4-914d-2da6d52d4922">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="272ef47e-fba9-422b-8f8f-3fbcdcc6463c">
+               <span class="p-2 m-2 text-light border border-light" id="815eebe5-bb7b-4621-a5df-f5b4cfcc9e97">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="90865876-22d2-4fa4-89fa-583c4e625fd9">
+               <span class="p-2 m-2 text-light border border-light" id="420ad3df-8ab4-45b8-8563-fb5d1e12562d">
                 Component 3
                </span>
               </div>
@@ -7604,14 +7604,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-between mt-1 bg-dark" id="8e481654-38dd-43ea-85e3-3e8ab84fe4f8">
-               <span class="p-2 m-2 text-light border border-light" id="e5d1c3b0-c419-4eed-b89c-c5a0d5670194">
+              <div class="d-flex justify-content-between mt-1 bg-dark" id="f4822c16-5450-4ac2-871b-741fec71aeeb">
+               <span class="p-2 m-2 text-light border border-light" id="ae671707-eabd-4bc4-914d-2da6d52d4922">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="272ef47e-fba9-422b-8f8f-3fbcdcc6463c">
+               <span class="p-2 m-2 text-light border border-light" id="815eebe5-bb7b-4621-a5df-f5b4cfcc9e97">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="90865876-22d2-4fa4-89fa-583c4e625fd9">
+               <span class="p-2 m-2 text-light border border-light" id="420ad3df-8ab4-45b8-8563-fb5d1e12562d">
                 Component 3
                </span>
               </div>
@@ -7619,14 +7619,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-around mt-1 bg-dark" id="e58258cd-54f0-4e0c-9aec-74f57c7fcfb2">
-               <span class="p-2 m-2 text-light border border-light" id="e5d1c3b0-c419-4eed-b89c-c5a0d5670194">
+              <div class="d-flex justify-content-around mt-1 bg-dark" id="51581137-39cf-4be6-904d-83f34e285795">
+               <span class="p-2 m-2 text-light border border-light" id="ae671707-eabd-4bc4-914d-2da6d52d4922">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="272ef47e-fba9-422b-8f8f-3fbcdcc6463c">
+               <span class="p-2 m-2 text-light border border-light" id="815eebe5-bb7b-4621-a5df-f5b4cfcc9e97">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="90865876-22d2-4fa4-89fa-583c4e625fd9">
+               <span class="p-2 m-2 text-light border border-light" id="420ad3df-8ab4-45b8-8563-fb5d1e12562d">
                 Component 3
                </span>
               </div>
@@ -7634,14 +7634,14 @@ Panel(
             </div>
             <div class="row">
              <div class="col-md">
-              <div class="d-flex justify-content-evenly mt-1 bg-dark" id="40b32eda-4b19-482b-9235-749e4e064e3f">
-               <span class="p-2 m-2 text-light border border-light" id="e5d1c3b0-c419-4eed-b89c-c5a0d5670194">
+              <div class="d-flex justify-content-evenly mt-1 bg-dark" id="5474294f-ac6e-4020-8df9-e7103d3d2006">
+               <span class="p-2 m-2 text-light border border-light" id="ae671707-eabd-4bc4-914d-2da6d52d4922">
                 Component 1
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="272ef47e-fba9-422b-8f8f-3fbcdcc6463c">
+               <span class="p-2 m-2 text-light border border-light" id="815eebe5-bb7b-4621-a5df-f5b4cfcc9e97">
                 Component 2
                </span>
-               <span class="p-2 m-2 text-light border border-light" id="90865876-22d2-4fa4-89fa-583c4e625fd9">
+               <span class="p-2 m-2 text-light border border-light" id="420ad3df-8ab4-45b8-8563-fb5d1e12562d">
                 Component 3
                </span>
               </div>
@@ -7650,30 +7650,30 @@ Panel(
            </div>
           </div>
          </div>
-         <div class="mt-5" id="dfe6b984-66ec-472c-aeb0-d1fa5153e8b5">
-          <div class="d-flex justify-content-between" id="346344fc-e4f2-47fe-aa4f-2a7d4ea80650">
-           <h4 id="b6c5768e-d011-4874-a7f5-e5c8ded513dc">
+         <div class="mt-5" id="5175ae46-eb12-43a7-8954-c945943f7255">
+          <div class="d-flex justify-content-between" id="e342b8a3-a70e-42b3-9447-9ce1b7a98ba1">
+           <h4 id="aba91acb-3cdd-4e23-ba6a-5c658f9e29ce">
             Method
-            <span class="text-primary" id="879ec6ed-3421-4e00-b6fc-2e3fd37af477">
+            <span class="text-primary" id="947b6881-9831-4965-bb9a-7651e2664e20">
              vertical
             </span>
            </h4>
-           <div id="77afd877-86d1-4274-81ab-a09661297587">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#3e370d74-238e-4b39-a7c4-c676be86cd6d" data-bs-toggle="collapse" id="9e0f4eaf-cd52-4faf-adb7-db307e33ac39" onclick="return false;" type="button">
+           <div id="36fa0403-1129-4cf7-9624-4610484dd253">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#568ca1a3-cd3f-4d53-8fdb-d3e440ea0862" data-bs-toggle="collapse" id="47870192-45b5-4fb7-be1b-3dfa4ec93556" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="3022a632-867d-4fb0-b75e-61e627503176">
+          <span class="text-muted" id="8f1e86c4-bbb5-4bcb-a2bb-b350a5f8b531">
            Makes the panel with the vertical arrangement of encapsulating
         elements
           </span>
-          <pre id="43834536-9d26-47a5-bad5-9ebe39122c64"><code class="language-python">vertical()</code></pre>
-          <div class="ms-3 collapse" id="3e370d74-238e-4b39-a7c4-c676be86cd6d">
-           <h6 id="b3d11976-1729-4cc8-a968-92dc30edfc1e">
+          <pre id="568761d7-340a-4785-9b43-f0bd8c7a2157"><code class="language-python">vertical()</code></pre>
+          <div class="ms-3 collapse" id="568ca1a3-cd3f-4d53-8fdb-d3e440ea0862">
+           <h6 id="17196a72-df53-4628-bce5-12855ad53caa">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="01914963-da46-4566-9fa4-0906b09000f8">
+           <table class="table table-sm bg-light" id="1f421a9d-1d33-4904-8152-33ecbaf79e23">
             <thead>
              <tr>
               <th scope="col">
@@ -7706,11 +7706,11 @@ Panel(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="a2d13300-125c-4f76-a0ca-e94169793d34">
-           <h6 id="f630ad21-e0b7-4b70-bc29-59369cfd1c27">
+          <div class="ms-3" id="34f1f4a9-4baa-4f09-a4fa-9c14752645ab">
+           <h6 id="96065b4e-96f6-4fb9-a47f-3800287bed20">
             Example
            </h6>
-           <pre id="2a8b07b2-d299-4192-ab80-2cb86a706b49"><code class="language-python">from bootwrap import Text, Panel
+           <pre id="d213eb98-2061-4105-9b04-d84af5ef98b2"><code class="language-python">from bootwrap import Text, Panel
 
 comp1 = Text("Component 1").as_outline()
 comp2 = Text("Component 2").as_outline()
@@ -7719,25 +7719,25 @@ comp3 = Text("Component 3").as_outline()
 Panel(comp1, comp2, comp3).vertical()
 </code></pre>
           </div>
-          <div class="ms-3" id="2907d38b-a399-4874-ac8f-970cc7859f71">
-           <div id="d885771a-b1f3-40c5-8fb7-313cb5518692">
+          <div class="ms-3" id="2f7ef95b-e7b3-4f94-8aa1-eac885de9467">
+           <div id="a28d2381-be2b-45aa-99bb-b87391390f10">
             <div class="row">
              <div class="col-md">
-              <span class="border" id="9123de8d-91de-4768-b9c8-7732236b87db">
+              <span class="border" id="2fa5ed7b-cecc-47f4-bda7-2fecba25f3aa">
                Component 1
               </span>
              </div>
             </div>
             <div class="row">
              <div class="col-md">
-              <span class="border" id="8532cb67-2f71-4a38-99ef-1d853ed619df">
+              <span class="border" id="06a5d86a-fd8b-4c3d-ad51-4c35ee36fa85">
                Component 2
               </span>
              </div>
             </div>
             <div class="row">
              <div class="col-md">
-              <span class="border" id="15eb5f12-7066-4916-92ba-9b96df915782">
+              <span class="border" id="a9afd1bf-b014-4a89-8af0-65db41c7a725">
                Component 3
               </span>
              </div>
@@ -7747,28 +7747,28 @@ Panel(comp1, comp2, comp3).vertical()
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="9f6e90ca-3439-4fce-9464-cf91fc4dea5c">
-        <div class="mt-3" id="2e3c4df4-1349-493f-8a57-7012d8167b07">
-         <div id="bf7816f7-cdcb-4792-98e2-fca59573f58a">
+       <div class="tab-pane fade" id="9b31a386-7a1b-4696-aee4-88d17b99b0d6">
+        <div class="mt-3" id="80978fa4-ad31-4175-af0e-277aef36fa98">
+         <div id="4a0b19af-fa74-46ff-af7f-5e3c395063fc">
           <div class="row">
            <div class="col-md">
-            <div id="8df22d09-9580-4597-97a3-c6567f73bfa9">
-             <h1 id="790167ff-da6f-43f7-a866-90920a3bc4ad">
+            <div id="34431ef3-38e8-411a-8a9d-436972c5326d">
+             <h1 id="df810dd1-f655-4c7f-adbd-71e65f62fd4c">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="f8c40059-92aa-403c-af00-6f2fe5a1883b">
+            <div id="48b3124b-972d-439c-9ea1-d3bef014d29e">
             </div>
            </div>
           </div>
          </div>
-         <div id="ba0d559a-a99b-42fc-a413-3b0c5be77408">
+         <div id="2fb1124b-3de0-4bc1-a619-c8dfec5afaa1">
           <div class="row">
            <div class="col-md">
-            <div id="b865acfb-22c4-4045-956a-1f3f86fccf61">
-             <p id="adda4dda-2e94-4c45-8589-69490116de97">
+            <div id="24e770d3-ea5d-4599-9158-b43d905ea8d8">
+             <p id="3c3feec8-34a8-4f7a-b731-a67d14b614cd">
               Change
               <code>
                Panel
@@ -7810,8 +7810,8 @@ Panel(comp1, comp2, comp3).vertical()
             </div>
            </div>
            <div class="col-md">
-            <div id="10efbb6e-9b85-40d7-96fa-c7426af3e366">
-             <pre id="b3f25b92-8b05-4505-9538-19ed6f545124"><code class="language-python">from bootwrap import Panel, Text
+            <div id="cddeba32-c1f3-41f4-a324-7fd9a1dbfde8">
+             <pre id="cf59de32-5882-4139-aef4-55df4bea98ba"><code class="language-python">from bootwrap import Panel, Text
 panel = Panel(
   Panel(Text("Primary")).as_primary(),
   Panel(Text("Secondary")).as_secondary(),
@@ -7825,44 +7825,44 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="0e46ae4d-1800-4e43-9ffe-3ecb40e4c4ab">
-              <div class="mb-1 bg-primary" id="ebd27b00-4754-4bdd-beca-4d785b7c0ce2">
-               <span id="37a207b9-e805-4b0e-b20f-70149ca6f2e1">
+             <div id="61956396-b85f-4b52-83fb-c22aa56e7368">
+              <div class="mb-1 bg-primary" id="974df141-ef04-4561-984f-b789f75665fa">
+               <span id="dbc21629-2b31-403b-b717-c8f5c953dba3">
                 Primary
                </span>
               </div>
-              <div class="mb-1 bg-secondary" id="074858cd-1afa-471e-9bbd-7507162dcf03">
-               <span id="72ed63f7-5002-4d62-a28a-7edbb86efaae">
+              <div class="mb-1 bg-secondary" id="7d6e9534-d336-4bb1-ac65-008e9c175e69">
+               <span id="079d0e9e-f00f-4f94-ac28-d9b54d023fbd">
                 Secondary
                </span>
               </div>
-              <div class="mb-1 bg-success" id="d6c4634c-316b-445c-839a-5089985a129b">
-               <span id="9eaff048-9ad7-45f9-836e-6163d249d7f5">
+              <div class="mb-1 bg-success" id="40b08db0-228b-4b4a-a6c8-34c406b66875">
+               <span id="84b027a8-6d4d-42ed-b9e7-3f6ba92b1808">
                 Success
                </span>
               </div>
-              <div class="mb-1 bg-warning" id="820c92f2-4ba8-41fe-9934-223cc0d38334">
-               <span id="2cfe05aa-f3fe-434e-a47a-8cbae0a2d25c">
+              <div class="mb-1 bg-warning" id="ae398068-fb8b-4735-b3eb-301965259fbf">
+               <span id="855cf736-7d82-4f6f-84a0-a68ecf48c0d2">
                 Warning
                </span>
               </div>
-              <div class="mb-1 bg-danger" id="a31aa780-e273-45a8-bf38-6dbdef166684">
-               <span id="801f19e7-b607-4253-846b-99b6e48ef5cb">
+              <div class="mb-1 bg-danger" id="5905352b-1f7b-4d62-b418-fe539fe9fd22">
+               <span id="ee9cd43e-7dc2-4b79-bd08-97b4dc47d89c">
                 Danger
                </span>
               </div>
-              <div class="mb-1 bg-info" id="58b5bf94-0939-42c9-8951-f2b923708d6f">
-               <span id="d40bdb69-54f8-40c7-9d9d-1c2a9a32901d">
+              <div class="mb-1 bg-info" id="5d1c1347-4f83-48d0-bdbd-230609f1398b">
+               <span id="b9ebcaaf-f953-4191-812d-6fd4ae84d5e4">
                 Info
                </span>
               </div>
-              <div class="mb-1 bg-light" id="0c20393d-4a19-4839-a6fd-b60504d2bbdc">
-               <span id="712c1479-df12-4a57-9159-daf93f6b7615">
+              <div class="mb-1 bg-light" id="e143d02a-57a5-4721-a799-d972bb3c5478">
+               <span id="ceef9a7b-b52d-4898-8437-324053d93c02">
                 Light
                </span>
               </div>
-              <div class="mb-1 bg-dark" id="b4ca2beb-49e6-407a-b00e-8b9ef77393a5">
-               <span class="text-light" id="82a0d441-4aed-4315-b59c-a2d3c83a483c">
+              <div class="mb-1 bg-dark" id="91d68b3c-8268-4fd0-8e91-76346a3a01aa">
+               <span class="text-light" id="2005e50d-085b-4b96-8de7-5532c8693a86">
                 Dark
                </span>
               </div>
@@ -7873,28 +7873,28 @@ panel</code></pre>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="30a2e862-40f1-473d-aa29-0db3c0e8c2a7">
-        <div class="mt-3" id="d0165b8f-f78e-4d9a-840a-f99fcd7c7cd3">
-         <div id="8c4c28fe-0995-4804-8c57-820040ed50b4">
+       <div class="tab-pane fade" id="f9a2ca14-ef6d-4f4e-b562-142082705306">
+        <div class="mt-3" id="2a256afa-5bab-4c3e-9505-a0890828667f">
+         <div id="f42b9de8-221f-46e3-9288-7568965fca53">
           <div class="row">
            <div class="col-md">
-            <div id="043275fe-5115-4083-bb13-d67b5daad916">
-             <h1 id="72c2fd8a-8d52-4aaf-8e00-4c75cea710e2">
+            <div id="4234d2bb-8757-4dd0-99e4-f75313e3506d">
+             <h1 id="382f3fbb-37b7-4e15-85de-ac03b2d7e062">
               Outline
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="fc0108f2-f083-4200-a849-aa6bad3afc00">
+            <div id="b7938d15-233f-48cb-b306-1814c1610bd2">
             </div>
            </div>
           </div>
          </div>
-         <div id="bcfd6d3b-913c-45c4-a13c-6491afa278a0">
+         <div id="eb9a077e-d88b-41ec-99a4-12eeff3b4ffb">
           <div class="row">
            <div class="col-md">
-            <div id="f1e404b4-4baa-4d9f-b89e-e13bc235edf1">
-             <p id="3aad466f-0559-4d38-ace2-de9696243b58">
+            <div id="651e37ac-97bc-486f-892b-c4f93c1e14de">
+             <p id="f918c672-2048-4157-b744-55531513e798">
               Make
               <code>
                Panel
@@ -7908,8 +7908,8 @@ panel</code></pre>
             </div>
            </div>
            <div class="col-md">
-            <div id="e5feeec7-4963-4cca-abb4-d3f5da2df185">
-             <pre id="e45813d3-42ff-4412-8552-95c528926558"><code class="language-python">from bootwrap import Panel, Text
+            <div id="7cb8810a-fe86-4c70-a3ee-7ff7a9302ce1">
+             <pre id="41c2e99a-b0aa-4615-916b-94eeceaa9145"><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(),
@@ -7923,44 +7923,44 @@ panel = Panel(
 for anchor in panel:
   anchor.mb(1)
 panel</code></pre>
-             <div id="711b81ac-44dd-485f-8dc5-f045f4480ddb">
-              <div class="mb-1 border border-primary" id="cb0e106f-9ac3-4870-b8ed-78fb4f2e8fe4">
-               <span class="text-primary" id="0fa5d6b1-65bd-437d-a1e7-a883b1288259">
+             <div id="cb005c86-43b3-41cc-a80c-43c1d72d1b51">
+              <div class="mb-1 border border-primary" id="bb663cfb-70b8-4d00-beb3-e76a2c85156c">
+               <span class="text-primary" id="f2b5c79b-bb66-4fe4-a2e4-bd11ea8f536c">
                 Primary
                </span>
               </div>
-              <div class="mb-1 border border-secondary" id="aab60ecf-112e-48b5-b5ee-8aaaa14f8ec6">
-               <span class="text-secondary" id="666983b9-f202-47c3-9507-8027c1f7d90e">
+              <div class="mb-1 border border-secondary" id="9e3590b2-a292-4905-9434-6a13520be125">
+               <span class="text-secondary" id="db60ba41-ccae-4421-8bbd-e7bf0a7d6200">
                 Secondary
                </span>
               </div>
-              <div class="mb-1 border border-success" id="bc685be4-2584-42cf-9e92-f6674779bc62">
-               <span class="text-success" id="b74d04f4-f2a5-4904-b26d-4d2b5acac222">
+              <div class="mb-1 border border-success" id="3f6af553-de97-4814-ac3d-1522b4c8b748">
+               <span class="text-success" id="e4cc7c12-d300-429c-894a-0da5b7e57a54">
                 Success
                </span>
               </div>
-              <div class="mb-1 border border-warning" id="679338ff-4a3c-47b4-ae21-65deeb24449a">
-               <span class="text-warning" id="2e0474e6-13a4-41a6-bbed-28c87c4c045c">
+              <div class="mb-1 border border-warning" id="995e6d4f-59da-4b34-9831-aae0f33e3f24">
+               <span class="text-warning" id="2955945e-b235-450e-a233-4b8cb110c3d3">
                 Warning
                </span>
               </div>
-              <div class="mb-1 border border-danger" id="b3eb4a6b-1466-4830-ae74-1c20ef57791d">
-               <span class="text-danger" id="5de58b3c-6d9a-412a-88dc-6dd52d4cc2d8">
+              <div class="mb-1 border border-danger" id="47cdca80-4e84-4fed-91bb-e1d1873c37db">
+               <span class="text-danger" id="db2fef4f-a13e-4d3f-acfd-a78ccfd70b42">
                 Danger
                </span>
               </div>
-              <div class="mb-1 border border-info" id="c1f76025-e4a8-4d0e-a2d7-cdf358d36117">
-               <span class="text-info" id="16cc2836-4c8f-4577-8901-2bb0cca78f4e">
+              <div class="mb-1 border border-info" id="0a8b2898-f9bf-46d1-84c2-1c6b9da89a4b">
+               <span class="text-info" id="77aa234b-1eb5-4ad2-8533-28e6facadefe">
                 Info
                </span>
               </div>
-              <div class="mb-1 border border-light" id="9a26ad0b-0c8b-46e3-b2ee-2bf5230ba672">
-               <span class="text-light" id="78b5bc5a-ba2d-4d37-888b-eaee72baead5">
+              <div class="mb-1 border border-light" id="1164bfe9-2c9d-46ef-9ce5-82e6716ae7b2">
+               <span class="text-light" id="a4bd0534-adf3-40f1-bd0b-82bcd6b25cd3">
                 Light
                </span>
               </div>
-              <div class="mb-1 border border-dark" id="86c05cbf-7688-489c-bc79-59bcf0793a16">
-               <span class="text-dark" id="07cf0f73-8b13-459d-ba3c-213ef3af20aa">
+              <div class="mb-1 border border-dark" id="ef328551-c811-4023-a81d-25b0487ab8b5">
+               <span class="text-dark" id="b21cd3fe-e39a-4557-9733-164369cc9b15">
                 Dark
                </span>
               </div>
@@ -7974,27 +7974,27 @@ panel</code></pre>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="98279619-57db-4a97-80ac-c10757d39ee0">
-     <div class="mt-5" id="45d704d0-ac5d-4190-8bb6-ee5cc6afd218">
-      <div class="d-flex justify-content-between" id="abedcf41-ab57-4e92-87c1-2e0857d6d098">
-       <h1 id="a08633ca-d291-4b92-b712-c27cdab20710">
+    <div class="tab-pane fade" id="37d8ee69-737e-4f21-8e4e-ec8d2e8bb702">
+     <div class="mt-5" id="356e1197-65e2-459a-bc40-777d77529108">
+      <div class="d-flex justify-content-between" id="46cbc9cf-30b3-4bea-818f-622653adacac">
+       <h1 id="5c954158-66c4-4576-94ec-b0d0307b72d7">
         Class
-        <span class="text-primary" id="1cc7e54e-f16f-4c5d-bf97-039b956f7dd8">
+        <span class="text-primary" id="0575fc6d-ce83-458f-ae4d-890fb3fc241d">
          Separator
         </span>
        </h1>
-       <div id="cf769388-4516-40de-b452-3ec86766de8c">
+       <div id="c50b1f4b-44f8-4cd5-a0b3-a7408e431d19">
        </div>
       </div>
-      <span class="text-muted" id="05bcfc26-75dc-460f-9f11-1113ab426766">
+      <span class="text-muted" id="b0ce1669-4814-491c-95c3-0ae3f4c23079">
        A horizontal line separator.
       </span>
-      <pre id="e7224cb3-2925-4501-92e4-3b1c1be1ad8a"><code class="language-python">Separator()</code></pre>
-      <div class="ms-3" id="e96aeb6c-bd03-49c7-b0ba-c1a4644174e5">
-       <h6 id="d1b4b0e5-eecc-4f6b-a04d-f4bfb13349ed">
+      <pre id="eb1034ec-7a64-4680-8844-a376bf6b6e4a"><code class="language-python">Separator()</code></pre>
+      <div class="ms-3" id="78fbb025-3a09-4c42-9cfe-04d88e7580e1">
+       <h6 id="4d6f945e-c4c3-4cee-b31c-bd8638f9c980">
         Example
        </h6>
-       <pre id="5db25f43-be9c-4202-902c-6e5396725605"><code class="language-python">from bootwrap import Panel, Separator, Text
+       <pre id="9f56aa14-e64e-4517-96c5-a68a5e461daf"><code class="language-python">from bootwrap import Panel, Separator, Text
 
 Panel(
     Text("Top Text"),
@@ -8003,70 +8003,70 @@ Panel(
 )
 </code></pre>
       </div>
-      <div class="ms-3" id="0c92eb7f-f0fb-4ec0-a67f-bb350e690d13">
-       <div id="a15dbc86-e5bb-4070-8433-a7626ca5f1ba">
-        <span id="d5bc1f5e-f188-416c-a584-3a45d7e0fb01">
+      <div class="ms-3" id="facb96ce-2a87-4d65-979d-36f417fe111f">
+       <div id="6677e510-b1ea-4838-8650-38bb29954ddd">
+        <span id="9e66b0cb-16da-4363-893c-f53844f7730c">
          Top Text
         </span>
         <hr/>
-        <span id="0986f978-ee58-46f0-84de-0a855d87ca3c">
+        <span id="d17fb40f-2059-4c0b-b7bb-f326918c4a42">
          Bottom Text
         </span>
        </div>
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="76b006e8-d6c5-4b33-b6c5-fcf28580ce05">
-     <div id="e9e47bed-5f7e-4ab6-ace0-41bdb0180146">
+    <div class="tab-pane fade" id="7fb41af4-2038-4517-8106-c403ae4ee8e6">
+     <div id="f8732cd2-e353-4c57-b275-9a0bc3a6161d">
       <hr/>
-      <ul class="nav" id="c590e0aa-5929-4ca7-bab4-42cf26da10f0" role="tablist">
+      <ul class="nav" id="c9eb9f19-708e-4c8f-83f4-685256a6dc7c" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#aa28e171-9b1f-4fcb-9f83-c933f5a5a6cb" data-bs-toggle="tab" href="#aa28e171-9b1f-4fcb-9f83-c933f5a5a6cb" id="838d9d65-998b-4771-9b5b-105ccf861412" role="tab">
-         <span class="text-secondary" id="bf3edb5c-1842-4c2d-9323-a5c46dfcfeb2">
+        <a class="nav-link active" data-bs-target="#1984107d-2647-4fef-98fe-a8894efdf453" data-bs-toggle="tab" href="#1984107d-2647-4fef-98fe-a8894efdf453" id="a54acc4b-0585-4546-90fc-49000f3430af" role="tab">
+         <span class="text-secondary" id="5827bc74-73d5-4bfc-8fe3-6b80912753e0">
           Table
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#489ca2a9-34ca-4c5c-a4a5-ed767a5fd54e" data-bs-toggle="tab" href="#489ca2a9-34ca-4c5c-a4a5-ed767a5fd54e" id="9bef842a-1854-41d1-b9d1-5fdb98d37d72" role="tab">
-         <span class="text-secondary" id="a941db83-1b87-4496-a4d6-6d1ad960d972">
+        <a class="nav-link" data-bs-target="#a58930dd-6be3-454b-8fe0-890e95f16843" data-bs-toggle="tab" href="#a58930dd-6be3-454b-8fe0-890e95f16843" id="c60bfcc3-0d22-4f6b-888c-5069b12d672c" role="tab">
+         <span class="text-secondary" id="585128f6-8ca8-47b5-babf-1a04baeca827">
           Table.Head
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#abece634-be54-4b85-b64e-5868a89c3045" data-bs-toggle="tab" href="#abece634-be54-4b85-b64e-5868a89c3045" id="12bef1a4-c398-4a19-b6f6-0f93b91863cc" role="tab">
-         <span class="text-secondary" id="014b8926-b900-4a7c-ba6c-e6a6a26ac642">
+        <a class="nav-link" data-bs-target="#8d19b3b5-5c8c-4742-b8f6-d6139ff2862f" data-bs-toggle="tab" href="#8d19b3b5-5c8c-4742-b8f6-d6139ff2862f" id="e158b849-b4a5-4184-93b9-6d143bbc9099" role="tab">
+         <span class="text-secondary" id="8e88e564-0a07-452c-b47b-71cfd01187d7">
           Table.Body
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="aa28e171-9b1f-4fcb-9f83-c933f5a5a6cb">
-        <div class="mt-5" id="f0679fcf-2471-4228-971b-5a9b91053451">
-         <div class="d-flex justify-content-between" id="53765a42-d3e6-49ab-b99a-c26458629cee">
-          <h1 id="4920dcf3-80e2-480b-bb63-a54e9ca24070">
+       <div class="tab-pane fade active show" id="1984107d-2647-4fef-98fe-a8894efdf453">
+        <div class="mt-5" id="a5c4a465-f82f-4544-baff-4b732ac825d5">
+         <div class="d-flex justify-content-between" id="ca5747e5-ec22-443c-ac81-ce8d2377aba9">
+          <h1 id="0dcf505e-6183-4027-a31c-d56141ca495c">
            Class
-           <span class="text-primary" id="08292838-cbde-4eff-bd61-0005aac288cb">
+           <span class="text-primary" id="ec77dfc2-f497-4e47-a11d-cef2e5795a37">
             Table
            </span>
           </h1>
-          <div id="44ccddee-5aa1-4a65-931b-2c605e00469b">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0b28cf4e-07d7-4c71-8f3e-2a70d62b9610" data-bs-toggle="collapse" id="8fb39b42-aa5d-4500-9837-53a6843cc34e" onclick="return false;" type="button">
+          <div id="d2c85464-2cd7-4297-a574-81fee4b1d2e7">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#0bf3b3a1-5f66-4491-8aa0-d6b526b24337" data-bs-toggle="collapse" id="d294f562-bd96-4d54-b4f4-d37e6712d579" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="f51b42ac-9d0d-4a53-a53b-753657f7f193">
+         <span class="text-muted" id="5f55d8a4-6473-433a-907c-c554e66faedd">
           A web component for a table.
          </span>
-         <pre id="19076523-d867-459a-a85c-28c6d9231265"><code class="language-python">Table(head, body)</code></pre>
-         <div class="ms-3 collapse" id="0b28cf4e-07d7-4c71-8f3e-2a70d62b9610">
-          <h6 id="2743e912-3d41-4792-a355-64290a3eb407">
+         <pre id="a4f715d1-0dc6-46d9-a61f-965328c6c00e"><code class="language-python">Table(head, body)</code></pre>
+         <div class="ms-3 collapse" id="0bf3b3a1-5f66-4491-8aa0-d6b526b24337">
+          <h6 id="377f8651-6648-42a1-9a15-75cd4667f403">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="a29f65a2-37c3-4978-a6e8-96861716cd7a">
+          <table class="table table-sm bg-light" id="708fa512-7582-4eaf-875d-7b15e1801ed7">
            <thead>
             <tr>
              <th scope="col">
@@ -8114,11 +8114,11 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="0d0c779f-1f2e-4163-8792-94e9cbacfb44">
-          <h6 id="013655a7-352c-4318-afc7-314539df06ee">
+         <div class="ms-3" id="707c92be-091a-404e-9b0a-c88c0639f503">
+          <h6 id="177cc073-ca4c-4525-8973-bcb41001eb22">
            Example
           </h6>
-          <pre id="d1c42612-7aea-4666-868d-f588452344b2"><code class="language-python">from bootwrap import Table
+          <pre id="22e50695-6e97-4f1a-a19b-41ba68cc1372"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8130,8 +8130,8 @@ Table(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="fa997d87-1d16-4eb0-ab4a-1e19573edf22">
-          <table class="table" id="57332e54-1aef-4b13-a64a-cfc0008793ab">
+         <div class="ms-3" id="06ad538f-de53-4b1a-b6ec-101c001c50cf">
+          <table class="table" id="cee359e4-c46d-48ab-b4d2-e18d2b6e3697">
            <thead>
             <tr>
              <th scope="col">
@@ -8182,51 +8182,51 @@ Table(
            </tbody>
           </table>
          </div>
-         <div class="mt-5" id="c95cff9a-cef2-4a71-80dc-2b40a533891f">
-          <h4 id="85e78318-7306-4c54-83e0-bbc041fc7e71">
+         <div class="mt-5" id="f166f159-4698-4061-8ee1-a5027e5e4b63">
+          <h4 id="49ecd2c1-42f4-4d06-bc3c-611ce358905d">
            Property
-           <span class="text-primary" id="fe92eb3a-d85b-48eb-b8d1-7660d790b54f">
+           <span class="text-primary" id="2fd969f3-1a9a-4e17-8463-2b39b5aef7f0">
             body
            </span>
           </h4>
-          <span class="text-muted" id="07952f0e-39f4-4d37-9be1-22506d3e91a3">
+          <span class="text-muted" id="2fbc404a-b3a5-4450-834a-d11c84cdf7d2">
            The table body.
           </span>
          </div>
-         <div class="mt-5" id="f4b3ec38-37b4-4788-ab39-58388011f2ba">
-          <h4 id="04260ce3-a420-48bc-b803-ea5f86c7fd86">
+         <div class="mt-5" id="44282d21-7c6c-410c-b7a0-dada65545704">
+          <h4 id="713a53b2-6e9c-4485-b5cb-0f58f8757864">
            Property
-           <span class="text-primary" id="8e79b484-6e34-40a3-8d45-8ebf6d28c095">
+           <span class="text-primary" id="f03fb569-f6ee-4a06-85c1-fba05f577b55">
             head
            </span>
           </h4>
-          <span class="text-muted" id="1796d440-2549-4e2a-8719-d6e04db1dc25">
+          <span class="text-muted" id="8317968c-f74a-4514-9507-c2bec7873481">
            The table head.
           </span>
          </div>
-         <div class="mt-5" id="670f2a37-78b8-4743-ba87-64b2c7531991">
-          <div class="d-flex justify-content-between" id="f1feca83-6d06-491e-a42b-9e7b078b8e77">
-           <h4 id="a7ef8092-5faa-44f0-b870-f2cc920c2946">
+         <div class="mt-5" id="0a360152-6fb7-47b8-85b3-5c748ed31fd1">
+          <div class="d-flex justify-content-between" id="ac6d896d-1965-4e4c-98a3-240ce874cd85">
+           <h4 id="146ec9d0-3c61-474a-9a0c-5c9c1a099ebd">
             Method
-            <span class="text-primary" id="6ee0ee09-7a0f-4b4d-ad93-fb83b2413854">
+            <span class="text-primary" id="2a4911b1-ecea-431a-8923-f83507c101f2">
              as_bordered
             </span>
            </h4>
-           <div id="f9f6be43-71df-43a8-8bb5-b25833da3735">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#2de0002a-a1ad-4627-ae18-9a0294154280" data-bs-toggle="collapse" id="858598dc-2aab-454e-afce-9355914bf0ad" onclick="return false;" type="button">
+           <div id="e771e7ed-a7c9-4efc-b2d0-e6208f74f8f2">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#9a43412a-3d1c-4902-807d-58819f07e358" data-bs-toggle="collapse" id="cda347b2-a9aa-466a-8376-c80688fa60ef" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="dbb26e3c-d4c5-4ffe-aeee-d8844b114f8c">
+          <span class="text-muted" id="15c1361e-89b3-4d23-a900-dea05e00db69">
            Adds borders on all sides of the table and cells.
           </span>
-          <pre id="dae44569-711d-4087-8043-a6b005187d2f"><code class="language-python">as_bordered()</code></pre>
-          <div class="ms-3 collapse" id="2de0002a-a1ad-4627-ae18-9a0294154280">
-           <h6 id="e2adcfc7-1cca-4458-bf4b-92c1a674a19c">
+          <pre id="c197a51a-ffec-40aa-b700-f7537cd24db7"><code class="language-python">as_bordered()</code></pre>
+          <div class="ms-3 collapse" id="9a43412a-3d1c-4902-807d-58819f07e358">
+           <h6 id="b618ebad-0388-4dd5-bfd1-d1975f52aa03">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="28ab4aa8-6ee1-4c96-b2a3-59603141eabc">
+           <table class="table table-sm bg-light" id="7127a70c-3da9-4aca-9de1-89bdb3b7fbb2">
             <thead>
              <tr>
               <th scope="col">
@@ -8259,11 +8259,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="3a116b2a-34f8-432b-914a-5439e096a906">
-           <h6 id="b2381147-abdc-4e60-90b0-785c5f5109bf">
+          <div class="ms-3" id="03b91b10-113d-49a6-9112-15e344967345">
+           <h6 id="3b9b2054-d7e9-4ae1-98ac-77083f7428b3">
             Example
            </h6>
-           <pre id="fb510539-d8c4-48ac-bb51-ce97aad8b94a"><code class="language-python">from bootwrap import Table
+           <pre id="a0bd3b3a-cc4a-4916-8b00-6d7a2e4a8432"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8275,8 +8275,8 @@ Table(
 ).as_bordered()
 </code></pre>
           </div>
-          <div class="ms-3" id="5d9b8aca-d4a0-4096-8bf6-195c52b4aaed">
-           <table class="table table-bordered" id="a73b83ab-4f15-4de2-9a06-354cb46ad250">
+          <div class="ms-3" id="7b7f2da8-4388-426c-ba37-fbd8860cc033">
+           <table class="table table-bordered" id="33603185-74e1-4acf-af56-f9ac4d1e47a7">
             <thead>
              <tr>
               <th scope="col">
@@ -8328,29 +8328,29 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="2bf4fd62-0c24-4c5c-930b-5d03ef9a18de">
-          <div class="d-flex justify-content-between" id="fa40ca36-65d2-4753-b16e-9dc9f7562e1b">
-           <h4 id="5b1b6094-3dd9-49c9-b6a6-54f211fa0e06">
+         <div class="mt-5" id="4a5de790-7afa-4dc4-9f45-c68b32953e27">
+          <div class="d-flex justify-content-between" id="d5cf9927-b164-4e8b-be0e-a12d1791e0c2">
+           <h4 id="01ad486f-ee81-4763-8112-1d6f9037e46c">
             Method
-            <span class="text-primary" id="5cd8fa75-1ae5-4ece-9cce-120b08a07858">
+            <span class="text-primary" id="7598912e-34a8-4b0b-8681-cfb15d3ce5da">
              as_dark
             </span>
            </h4>
-           <div id="94c9d631-2a32-4e13-a675-658ddeb03903">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#53087cd9-6647-4415-9ce0-86cf607a8e0d" data-bs-toggle="collapse" id="153d2090-8bd8-4f11-b892-90e75b3c1d3a" onclick="return false;" type="button">
+           <div id="7b19038c-f913-4ccf-9c8c-d3638f9ba760">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#a90de831-d2bf-4723-b880-98bb8d4ab756" data-bs-toggle="collapse" id="c93404e2-a739-462e-bc7c-bd36bf16fdc2" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="2520de23-d307-4c82-bb3f-3fc90fbca96e">
+          <span class="text-muted" id="ebd6e64b-6e86-4f8c-9689-1e5b598d429a">
            Inverts the colors—with light text on dark backgrounds.
           </span>
-          <pre id="9cad6daa-f98e-412b-bc62-5ea56aaef9a5"><code class="language-python">as_dark()</code></pre>
-          <div class="ms-3 collapse" id="53087cd9-6647-4415-9ce0-86cf607a8e0d">
-           <h6 id="2551651a-1028-42ad-80a0-c26114586f84">
+          <pre id="5b726920-90b4-4e76-acf8-505f0536c5c1"><code class="language-python">as_dark()</code></pre>
+          <div class="ms-3 collapse" id="a90de831-d2bf-4723-b880-98bb8d4ab756">
+           <h6 id="95be47df-aae7-4166-bc90-ba7f49e12c57">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="d1e7c59c-a798-4916-806e-2461bf870929">
+           <table class="table table-sm bg-light" id="948c6f88-a1d4-4bb0-b5c9-989f0a823fde">
             <thead>
              <tr>
               <th scope="col">
@@ -8383,11 +8383,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="40966f5f-ec35-4434-aab0-af7fbc3943b7">
-           <h6 id="831dfab4-289e-4d6e-828e-0d7e186b8cbd">
+          <div class="ms-3" id="3805a386-2e92-463c-9978-71f9dce61554">
+           <h6 id="9ec102b1-1143-4a81-a259-55ff6bcb19fb">
             Example
            </h6>
-           <pre id="f2ade36e-d2da-4d94-956c-0af1f0f70bdd"><code class="language-python">from bootwrap import Table
+           <pre id="615c1e63-cb6e-4098-8930-9918ed4fdf85"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8399,8 +8399,8 @@ Table(
 ).as_dark()
 </code></pre>
           </div>
-          <div class="ms-3" id="ded65afb-80a2-4c68-a647-5e38d2765a81">
-           <table class="table table-dark" id="a3692923-54e3-4458-89e8-54cc39f05e42">
+          <div class="ms-3" id="8590ee0d-a0e8-48f2-a747-36e819d88212">
+           <table class="table table-dark" id="3fe5a83f-f0b5-4af4-8b72-47a65d6114cb">
             <thead>
              <tr>
               <th scope="col">
@@ -8452,32 +8452,32 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="0568e62b-1c3a-4d6a-ae2a-76f76a9e93d6">
-          <div class="d-flex justify-content-between" id="9bbb7294-edd9-4f0a-926d-c9bed17edef8">
-           <h4 id="d13f0a22-6c05-4758-808c-0f22bf0c4947">
+         <div class="mt-5" id="e3aadf05-9345-4ca5-b3bc-9dda78218d4f">
+          <div class="d-flex justify-content-between" id="0df3fcf3-5a47-4040-9f7e-c4dec4ced14b">
+           <h4 id="8a29ca39-2682-47a1-bb7d-5460f830f711">
             Method
-            <span class="text-primary" id="e1d09da8-7759-4194-9d46-6bdfe41e5d31">
+            <span class="text-primary" id="56dd70ad-0a1e-4286-aae2-2a818e94e5e6">
              as_responsive
             </span>
            </h4>
-           <div id="231aed5c-02af-457f-ae31-0bddc7c8b0fb">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#37987aba-1ad5-483f-875c-27a90a97021c" data-bs-toggle="collapse" id="8a9e639a-385f-42cf-ab44-47b65422afe3" onclick="return false;" type="button">
+           <div id="87ef71fd-0130-4bb4-b9f7-8002891fc461">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#df0c13c4-995f-444f-b2e8-4f338682de47" data-bs-toggle="collapse" id="6982be95-493c-477a-b723-865f9881034d" onclick="return false;" type="button">
              Argument
             </button>
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#ab91be44-80c6-4e99-b96e-854783ec9c96" data-bs-toggle="collapse" id="5af4f0df-2c76-496e-8723-85e80e807cd9" onclick="return false;" type="button">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#5fe76a06-c980-47a2-a684-d61f877bbc19" data-bs-toggle="collapse" id="fd812a10-b9f5-45b1-be76-3aec2453a766" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="dd893c50-87bd-4d0a-982b-341a70c45955">
+          <span class="text-muted" id="aec842bc-a191-4a0e-a438-85d0c4f38599">
            Create responsive tables.
           </span>
-          <pre id="d956d4c9-ebfa-407c-99a4-b3b33dd5612a"><code class="language-python">as_responsive(breakpoint=<breakpoint.sm: 'sm'="">)</breakpoint.sm:></code></pre>
-          <div class="ms-3 collapse" id="37987aba-1ad5-483f-875c-27a90a97021c">
-           <h6 id="84d40f94-6270-42bc-b7ab-2b9249aa1ac9">
+          <pre id="84600d97-508d-41c5-b827-5cbe2b972aa8"><code class="language-python">as_responsive(breakpoint=<breakpoint.sm: 'sm'="">)</breakpoint.sm:></code></pre>
+          <div class="ms-3 collapse" id="df0c13c4-995f-444f-b2e8-4f338682de47">
+           <h6 id="81ba71a7-078c-416e-89f5-466857551b46">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="ec1f7325-30a0-411c-89b4-e3423aa8e64a">
+           <table class="table table-sm bg-light" id="9ef120b8-15f2-4f4c-9a61-b463c439744c">
             <thead>
              <tr>
               <th scope="col">
@@ -8510,11 +8510,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3 collapse" id="ab91be44-80c6-4e99-b96e-854783ec9c96">
-           <h6 id="66a19702-9957-4c49-98d6-d611e61ae64a">
+          <div class="ms-3 collapse" id="5fe76a06-c980-47a2-a684-d61f877bbc19">
+           <h6 id="70f51a12-5bf7-4ce2-a759-bd044eba8df7">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="0535e3b2-1692-4d31-b350-4f88faa74324">
+           <table class="table table-sm bg-light" id="5263c564-6ceb-4784-8504-ea785b7b2d23">
             <thead>
              <tr>
               <th scope="col">
@@ -8547,11 +8547,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="4944fe94-7843-4e17-9cf2-26f79543f6fc">
-           <h6 id="7bf7422a-c6dd-4d18-9b55-bf4dc54ef163">
+          <div class="ms-3" id="31fdb3ef-ae14-4c43-8334-1ef9592d32db">
+           <h6 id="87cbf7f5-9479-4bed-a6f8-055432aa4db4">
             Example
            </h6>
-           <pre id="f4424975-478f-47db-a4ba-9c671c9cb19f"><code class="language-python">from bootwrap import Table
+           <pre id="989568f8-2e58-4190-872e-092bfc9c0644"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8563,8 +8563,8 @@ Table(
 ).as_responsive()
 </code></pre>
           </div>
-          <div class="ms-3" id="0c5e566c-88a8-4ead-bf43-b22958a0620e">
-           <table class="table table-responsive-sm" id="31e54e0a-1b4c-4cb8-95fa-f1504fac52d1">
+          <div class="ms-3" id="f03bcd46-65da-44c7-983e-8433b446fcc5">
+           <table class="table table-responsive-sm" id="0c9ad12f-47b6-43d3-bf41-c556046609d1">
             <thead>
              <tr>
               <th scope="col">
@@ -8616,29 +8616,29 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="99cee13e-8f7d-4c36-afd5-9c106f73d248">
-          <div class="d-flex justify-content-between" id="1c4c65d4-b72a-43e9-ab3d-d8c44634b1c7">
-           <h4 id="c5902e0e-2008-44ee-9f36-cd347c586476">
+         <div class="mt-5" id="3974d69a-4ab7-44be-a3b1-1fd7eafb363e">
+          <div class="d-flex justify-content-between" id="5ceb9ba7-3534-472e-96ec-35d527532374">
+           <h4 id="a3e9f122-bef7-4441-80ed-2c91050ffc33">
             Method
-            <span class="text-primary" id="9da3544d-fd83-42db-99d3-ab27fa619044">
+            <span class="text-primary" id="5ccf95ab-4727-433e-8dd1-719e6f8bb21c">
              as_small
             </span>
            </h4>
-           <div id="b70be7d9-713e-4f1d-be8a-dccc76ee08ed">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#6ada46c3-d81c-41d1-afa1-501814241b2a" data-bs-toggle="collapse" id="42b26036-da44-4100-8d54-668d4b4550ec" onclick="return false;" type="button">
+           <div id="8ecffd71-2c10-4bf9-8b82-31e7d2236437">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#1b9c0ec5-5ef4-460a-87a6-7e8fbb6b3b61" data-bs-toggle="collapse" id="08917c6b-6459-407c-b5c0-e3d1a5c06594" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="0e924f09-cf23-4681-9a8f-aaa1bd168c03">
+          <span class="text-muted" id="2e945613-92e8-42d3-9cbf-55b816ed3074">
            Make tables more compact by cutting cell padding in half.
           </span>
-          <pre id="c6975e02-10b0-4ce9-96f7-15a4768be533"><code class="language-python">as_small()</code></pre>
-          <div class="ms-3 collapse" id="6ada46c3-d81c-41d1-afa1-501814241b2a">
-           <h6 id="2024a45b-573d-41a8-8a45-caf38b951fea">
+          <pre id="c491685d-6aca-4deb-95c0-6dd1045d5d81"><code class="language-python">as_small()</code></pre>
+          <div class="ms-3 collapse" id="1b9c0ec5-5ef4-460a-87a6-7e8fbb6b3b61">
+           <h6 id="82699c10-5091-4190-add2-fd7ced3c96da">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="7f3af651-5321-4aa7-a2bf-5a7b7c5c3fb4">
+           <table class="table table-sm bg-light" id="c88de0df-5e92-456a-a208-fc2dc9ff2f5c">
             <thead>
              <tr>
               <th scope="col">
@@ -8671,11 +8671,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="1fb4ddbf-b1c6-4207-ae20-d483e1a1a6f0">
-           <h6 id="510761c1-842a-4cef-a193-e106d756efe7">
+          <div class="ms-3" id="88693f83-2a24-43cf-8cf3-e6f4804d3b70">
+           <h6 id="bb300276-fdb0-4f5d-a612-24191d92806c">
             Example
            </h6>
-           <pre id="22147956-9579-45c0-922a-94b40a32fed8"><code class="language-python">from bootwrap import Table
+           <pre id="ce135590-def8-46ec-aaea-6ec0a87f4c26"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8687,8 +8687,8 @@ Table(
 ).as_small()
 </code></pre>
           </div>
-          <div class="ms-3" id="babfed41-da22-4486-a12a-f9dd84b230c8">
-           <table class="table table-sm" id="2edcb84f-337e-4e32-8015-3bf1cac3f383">
+          <div class="ms-3" id="51dde0e0-4eb2-43b1-867b-28db07860295">
+           <table class="table table-sm" id="2e251ca8-9410-45c1-a567-634f9a15abff">
             <thead>
              <tr>
               <th scope="col">
@@ -8740,29 +8740,29 @@ Table(
            </table>
           </div>
          </div>
-         <div class="mt-5" id="7d72528b-2767-4269-93b9-fda1490200aa">
-          <div class="d-flex justify-content-between" id="7f863c0a-7eb0-4a31-a1b9-ee721020e723">
-           <h4 id="03909b62-5c9f-42b9-ab19-2dae94b2e619">
+         <div class="mt-5" id="4d658f5f-8694-432c-9ddd-034ab0e6f109">
+          <div class="d-flex justify-content-between" id="01653316-388a-43b6-8c2c-ed85d13e99c2">
+           <h4 id="1faa989d-d569-4cc8-b546-887d25b75fa1">
             Method
-            <span class="text-primary" id="5e0935c5-a20f-4baf-aadf-f593cdd88d98">
+            <span class="text-primary" id="122f780a-6c4d-4b2c-9556-c2edfb8ade43">
              as_striped
             </span>
            </h4>
-           <div id="838e0bf8-f100-42b8-85b4-519114c9c719">
-            <button class="btn-sm btn btn-outline-primary" data-bs-target="#447cca1c-6ad8-4800-9e67-5e4c7daf7356" data-bs-toggle="collapse" id="bc8abed1-0094-4b19-bd62-bdd0a395870d" onclick="return false;" type="button">
+           <div id="ce2e27fb-d66d-480a-9ed2-b0766bc7c8ad">
+            <button class="btn-sm btn btn-outline-primary" data-bs-target="#9a30f406-8352-4088-b2a0-bc3c2e3c0480" data-bs-toggle="collapse" id="85337376-e469-49e6-bee3-11d3578dc794" onclick="return false;" type="button">
              Returns
             </button>
            </div>
           </div>
-          <span class="text-muted" id="eb68a21d-4780-44ba-a533-7daebfeb1950">
+          <span class="text-muted" id="8601a93f-27a4-4286-b33c-358925f6d92c">
            Adds zebra-striping to any table row within the table body.
           </span>
-          <pre id="de4718d7-bb6c-422d-b606-21ab753bf331"><code class="language-python">as_striped()</code></pre>
-          <div class="ms-3 collapse" id="447cca1c-6ad8-4800-9e67-5e4c7daf7356">
-           <h6 id="7e609b28-b02d-4ecf-8d91-ca774d5bcf3f">
+          <pre id="f8b80b4b-620a-43af-a653-8f1a8147dae9"><code class="language-python">as_striped()</code></pre>
+          <div class="ms-3 collapse" id="9a30f406-8352-4088-b2a0-bc3c2e3c0480">
+           <h6 id="790dbc0c-9095-48ec-aaa8-739dbc160e07">
             Returns
            </h6>
-           <table class="table table-sm bg-light" id="042567f5-56c1-4552-aa4c-e6b21d683f05">
+           <table class="table table-sm bg-light" id="14f2baee-18a6-42e0-b995-69f7042487d5">
             <thead>
              <tr>
               <th scope="col">
@@ -8795,11 +8795,11 @@ Table(
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="d05ce767-625e-48cb-9ee4-8b96195b6aa2">
-           <h6 id="2ec4c461-78b9-4ccc-99a2-36b218b27908">
+          <div class="ms-3" id="e8487563-0473-408e-b475-a7f3e272142b">
+           <h6 id="bea48f61-d4e5-43f9-a898-4c30f8a2cd8e">
             Example
            </h6>
-           <pre id="f6967eb1-b985-4b5b-9626-3deaef562b26"><code class="language-python">from bootwrap import Table
+           <pre id="b2681cf5-f861-46ef-8e44-d99af986cdf6"><code class="language-python">from bootwrap import Table
 
 Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8811,8 +8811,8 @@ Table(
 ).as_striped()
 </code></pre>
           </div>
-          <div class="ms-3" id="6fbffad3-0ebf-45ff-a619-afcc11d39be9">
-           <table class="table table-striped" id="b3d6968b-9453-43b9-8150-e382ba66b6f2">
+          <div class="ms-3" id="44f1cbfa-1fe4-41a6-9186-80a16109787a">
+           <table class="table table-striped" id="66e5a037-0172-49f4-b50a-dd8e546a5559">
             <thead>
              <tr>
               <th scope="col">
@@ -8866,42 +8866,42 @@ Table(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="489ca2a9-34ca-4c5c-a4a5-ed767a5fd54e">
-        <div class="mt-5" id="ec2a1b97-9a14-4203-8351-d009a538e7b0">
-         <div class="d-flex justify-content-between" id="a2d93bf0-a9ab-4b1c-9c44-d0a9c17af33f">
-          <h1 id="ac875642-9fcd-491b-b679-bf0e7ec9a31f">
+       <div class="tab-pane fade" id="a58930dd-6be3-454b-8fe0-890e95f16843">
+        <div class="mt-5" id="8ce5ccaf-2a37-4b17-a2b2-6ee9525c4560">
+         <div class="d-flex justify-content-between" id="4a96d5c8-659a-426c-bcba-065cf4959d9e">
+          <h1 id="b787af74-a205-4dc2-a4b6-f3b59a8653da">
            Class
-           <span class="text-primary" id="3eac56e9-17fe-4c46-8571-f47a72893883">
+           <span class="text-primary" id="342f6e68-2eb8-4fe9-87eb-262050c25993">
             Table.Head
            </span>
           </h1>
-          <div id="bdbf346a-5b12-42c1-9884-346069f290d9">
+          <div id="7f7851ab-ab8d-4a2b-875f-c3a8ce0c4dc9">
           </div>
          </div>
-         <span class="text-muted" id="66fb7e32-5602-4880-a979-727ed9aa9cc5">
+         <span class="text-muted" id="a7a8ac1f-4708-4cd4-9e86-2a425b0162bf">
           The table head.
          </span>
-         <pre id="3531a435-27cf-4a7e-be0d-14475a92e8c5"><code class="language-python">Table.Head(head)</code></pre>
-         <div class="mt-5" id="4accb6a5-2347-4777-bab5-46985cb0c288">
-          <div class="d-flex justify-content-between" id="5edf3e12-f51e-42d1-bc1e-c4e0a42c8724">
-           <h4 id="a18eadae-0d18-4410-8419-2fa0f32d4bd9">
+         <pre id="17d19001-b800-4568-9a5a-e0cb5eff55a6"><code class="language-python">Table.Head(head)</code></pre>
+         <div class="mt-5" id="1a2bbd9c-2899-4933-aa74-4009d45fb651">
+          <div class="d-flex justify-content-between" id="7008e815-2e46-4b9d-bf0f-6f551b313bb8">
+           <h4 id="59e25cf9-1366-4d48-8baa-3ad3c85771f7">
             Method
-            <span class="text-primary" id="9241ac56-9d0b-45b4-b1f3-9cbffac87299">
+            <span class="text-primary" id="3fd81c4f-40d6-4be5-8e5d-f7a4dd9106e6">
              as_dark
             </span>
            </h4>
-           <div id="cfd573b6-95b0-483a-b38e-614477b7f9df">
+           <div id="7600d762-d2c9-4b53-bd0e-2d5e7857e8de">
            </div>
           </div>
-          <span class="text-muted" id="8785ea84-9ff1-4f62-9041-343f24c91a2c">
+          <span class="text-muted" id="1675e916-e7e0-4bfb-819a-1ed2217cee1d">
            Makes the table head appears as dark gray.
           </span>
-          <pre id="d3d4813f-ff5e-4730-92a0-88ca5f0c1966"><code class="language-python">as_dark()</code></pre>
-          <div class="ms-3" id="cec574c8-3220-42f2-b8e7-92311fb7541c">
-           <h6 id="2ba2cf6d-1fb8-4705-a55d-4e2f523b32a3">
+          <pre id="9b702904-9e0d-411c-b33a-fcc3c3a539a7"><code class="language-python">as_dark()</code></pre>
+          <div class="ms-3" id="0859e5f2-ea86-4369-be6b-2d5727083011">
+           <h6 id="0203558d-2acc-42d8-a92c-ec77259d9eb7">
             Example
            </h6>
-           <pre id="a5147ddf-97ca-4149-be6e-1a52ef31817c"><code class="language-python">from bootwrap import Table
+           <pre id="f26f5a33-276e-4992-be99-259abf00ee56"><code class="language-python">from bootwrap import Table
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -8916,8 +8916,8 @@ table.head.as_dark()
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="bd3a0ead-7fb5-4dca-a896-cda297625948">
-           <table class="table" id="8b47ef59-7239-4362-b7e4-6aa856d899c5">
+          <div class="ms-3" id="ec81f4af-a886-4276-9849-e1ecc2d9b475">
+           <table class="table" id="a937f386-92ee-40f3-aa1f-bf3433718e46">
             <thead class="thead-dark">
              <tr>
               <th scope="col">
@@ -8969,26 +8969,26 @@ table
            </table>
           </div>
          </div>
-         <div class="mt-5" id="52989018-8084-4481-8354-98344d6d1ed3">
-          <div class="d-flex justify-content-between" id="06d251f5-d10b-4b2e-a525-fb927881d024">
-           <h4 id="b234c916-1c1c-42ac-b7ae-1a36f2fb23bd">
+         <div class="mt-5" id="9e333842-deda-425a-a444-2ce9420b1297">
+          <div class="d-flex justify-content-between" id="710e6693-cedf-49e6-8989-cf264ba3e5d5">
+           <h4 id="e3026070-1908-4d53-b0c2-f797982a66d9">
             Method
-            <span class="text-primary" id="d4f92deb-e098-4c03-acd0-2d898ea4c420">
+            <span class="text-primary" id="1f83ddbc-33e1-4653-89d0-989c5a8cdd14">
              as_light
             </span>
            </h4>
-           <div id="e5bfcf8e-fd6b-40bd-8c8b-c796b18f26ec">
+           <div id="b3bd83ce-d683-4acf-8aee-cd7b6c6f4832">
            </div>
           </div>
-          <span class="text-muted" id="d24bab8f-eb07-4f57-8f81-1a866d523f10">
+          <span class="text-muted" id="8b4f1b98-a27b-43b8-ba2d-61d0955a7c98">
            Makes the table head appears as light gray.
           </span>
-          <pre id="7f494b3c-741b-4347-a75c-c1cbf25ff802"><code class="language-python">as_light()</code></pre>
-          <div class="ms-3" id="355ab20d-9cea-472f-85f1-0580fda8b90a">
-           <h6 id="ecca2df2-3fd0-409d-9181-e60cbd2a55c7">
+          <pre id="4ce4ea65-6148-4d66-8f3e-d9699ab1a62e"><code class="language-python">as_light()</code></pre>
+          <div class="ms-3" id="63c45e57-a3e9-4da2-b525-5e658e85d6c1">
+           <h6 id="5edae9ba-9da8-4cf6-bb54-f7fa10f87bb4">
             Example
            </h6>
-           <pre id="862f8dab-6873-4ca6-b7e8-c66e3ae332ef"><code class="language-python">from bootwrap import Table
+           <pre id="cce3fcf8-019a-4b54-ae83-c6ddbf041814"><code class="language-python">from bootwrap import Table
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -9003,8 +9003,8 @@ table.head.as_light()
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="68ea4ff1-77d0-4574-bf28-75a41085e339">
-           <table class="table" id="178768e7-2548-4b71-98d5-c67473f30834">
+          <div class="ms-3" id="5677f025-8aec-46cd-8eaa-6264057821ec">
+           <table class="table" id="3f9bfb7b-bca6-4fe3-909e-b9d2dae7e0ae">
             <thead class="thead-light">
              <tr>
               <th scope="col">
@@ -9058,45 +9058,45 @@ table
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="abece634-be54-4b85-b64e-5868a89c3045">
-        <div class="mt-5" id="a46b35df-e9b3-491b-9e55-a5ad328c052f">
-         <div class="d-flex justify-content-between" id="e85cf272-b490-4c31-aa71-e2e909fa9292">
-          <h1 id="56680c24-0a15-4eba-86fe-a0aed2cd24ec">
+       <div class="tab-pane fade" id="8d19b3b5-5c8c-4742-b8f6-d6139ff2862f">
+        <div class="mt-5" id="75e2a943-597f-44a8-bb45-0c9bbca28c1f">
+         <div class="d-flex justify-content-between" id="a3496f3f-49d2-426c-979a-f5ba3b3c7193">
+          <h1 id="cc11c114-0e3c-4eb3-bda1-a6baa0062679">
            Class
-           <span class="text-primary" id="c28fd540-b15b-4e99-9c85-7a8caa483982">
+           <span class="text-primary" id="ab8b0312-b3d7-4cbf-955f-4f28f64952c7">
             Table.Body
            </span>
           </h1>
-          <div id="4680433d-dbfe-4e71-b91b-08833b1c2434">
+          <div id="e5b59d05-c6bd-4fa5-886b-47061de77b6b">
           </div>
          </div>
-         <span class="text-muted" id="27957042-d6c1-4103-97ff-87afd6d93670">
+         <span class="text-muted" id="2533abfb-205d-4414-b978-9db86204b804">
           The table body.
          </span>
-         <pre id="6f5634e7-db76-420f-be2b-769c22292738"><code class="language-python">Table.Body(body)</code></pre>
-         <div class="mt-5" id="c1ba43d4-9176-4091-a0d9-eb9a6eaeb770">
-          <div class="d-flex justify-content-between" id="9e4d4028-af52-4c3f-85b0-49701c5f1d85">
-           <h4 id="81ff5aa5-9830-4127-a1db-b0d49adada82">
+         <pre id="9edef3e7-55ea-4298-bb63-56c2f7c9007f"><code class="language-python">Table.Body(body)</code></pre>
+         <div class="mt-5" id="37b5c99f-b1d8-498d-ac5b-7650e098b98b">
+          <div class="d-flex justify-content-between" id="e6eea6a7-6cf4-4099-a1fa-1864117c2bec">
+           <h4 id="0f10396d-6bd4-4543-9e1c-d7d3375c6d4c">
             Method
-            <span class="text-primary" id="8e6525de-c0c6-4af9-89fb-abd97214335d">
+            <span class="text-primary" id="8b3f195a-4b05-4f3b-b9ce-eb2afa74599f">
              transform
             </span>
            </h4>
-           <div id="cd76566b-c5b4-4b25-a702-2b6a59af8f12">
-            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#875e1202-04dc-4226-b249-45cbee36c35a" data-bs-toggle="collapse" id="665b23b0-dde7-4a59-97f3-429baec0c644" onclick="return false;" type="button">
+           <div id="7a7bb41e-a69c-4093-8374-20b1c80520f5">
+            <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#7de498f7-ffee-4718-8117-747e95d22478" data-bs-toggle="collapse" id="e221c0b0-17a2-4bb3-b04d-cac244cd3125" onclick="return false;" type="button">
              Argument
             </button>
            </div>
           </div>
-          <span class="text-muted" id="9a4cc652-18ae-44a7-a71d-5b59b4e9795b">
+          <span class="text-muted" id="9969c2a9-8914-447c-97b6-438207685aa0">
            Defines a function to transform a cell value
           </span>
-          <pre id="d91f345d-6b6a-4fdc-89a2-a2327aa7e860"><code class="language-python">transform(index, entity, fn)</code></pre>
-          <div class="ms-3 collapse" id="875e1202-04dc-4226-b249-45cbee36c35a">
-           <h6 id="76f58115-8b19-4c3d-8e4c-328ed9c32ea4">
+          <pre id="4c709980-077a-4858-be1b-92243c517161"><code class="language-python">transform(index, entity, fn)</code></pre>
+          <div class="ms-3 collapse" id="7de498f7-ffee-4718-8117-747e95d22478">
+           <h6 id="f37b9dfa-5ec3-4dcc-beb5-0ce8a88609bd">
             Arguments
            </h6>
-           <table class="table table-sm bg-light" id="2e45c06c-b6f2-45d1-b514-76726ebaab44">
+           <table class="table table-sm bg-light" id="41c322c4-6e9b-4144-9167-7ef50d96a211">
             <thead>
              <tr>
               <th scope="col">
@@ -9161,11 +9161,11 @@ table
             </tbody>
            </table>
           </div>
-          <div class="ms-3" id="db25f259-309a-4607-b66b-cce6b5129f49">
-           <h6 id="77a873b4-1cdb-4c3a-8f4c-428aeaf03301">
+          <div class="ms-3" id="e4cb365e-fb2c-4cc1-86be-eecbf7fd579c">
+           <h6 id="5ba108be-96ca-408c-94a0-4c526aa3d34b">
             Example
            </h6>
-           <pre id="764cc7ec-5672-43dd-9349-f099c51252d3"><code class="language-python">from bootwrap import Table, TableEntity, Text
+           <pre id="cf01f4cd-9277-40b4-a949-d95cc161b5bd"><code class="language-python">from bootwrap import Table, TableEntity, Text
 
 table = Table(
     ["Column 1", "Column 2", "Column 3"],
@@ -9197,8 +9197,8 @@ table.body.transform(
 table
 </code></pre>
           </div>
-          <div class="ms-3" id="0d1bbc7e-aee2-458d-9bf9-12b630b5b661">
-           <table class="table" id="750ed124-c98e-4881-a32a-fb54a14c0cdb">
+          <div class="ms-3" id="0da81cb7-1384-43cd-92df-eb84cd504cce">
+           <table class="table" id="f6cc4027-b51c-42ed-aeab-a411c136d353">
             <thead>
              <tr>
               <th scope="col">
@@ -9261,30 +9261,30 @@ table
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="3c5b41a7-a5e9-48bd-aaf8-a575a4443ca7">
-     <div class="mt-5" id="827cccd1-04a5-4983-bb54-37e309946e05">
-      <div class="d-flex justify-content-between" id="7b69d042-6a08-4a1c-873d-eec5d09f125a">
-       <h1 id="1ba611fc-c16b-4f67-bf39-4d5934c4b669">
+    <div class="tab-pane fade" id="e120a64c-b14e-45be-b18e-f6d7f2acd903">
+     <div class="mt-5" id="ed888cdc-1804-41c8-9316-3b691e4dcb82">
+      <div class="d-flex justify-content-between" id="5ab3833f-d86b-4b33-b689-6f598b7031a7">
+       <h1 id="a8c95121-5429-49cd-bb22-b5f4b3a6aa49">
         Class
-        <span class="text-primary" id="66aaf234-ee82-4907-ab36-3d3e18e88905">
+        <span class="text-primary" id="ab9c0ff4-aa23-4e89-8e93-bef13165094a">
          Text
         </span>
        </h1>
-       <div id="32a300f6-5476-4e54-b442-c0a9840957fd">
-        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#fe47c225-ec60-4126-a81b-b3e86205d2fa" data-bs-toggle="collapse" id="172f5c66-8f10-4632-b20b-e160cde8ba2d" onclick="return false;" type="button">
+       <div id="f16660f4-29d4-496b-a437-8d3ddfe004c7">
+        <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#c01f4421-9ecf-4639-b6e9-49a2ac447b06" data-bs-toggle="collapse" id="74b08312-6cdf-4f23-bec6-dd7ec7caf410" onclick="return false;" type="button">
          Argument
         </button>
        </div>
       </div>
-      <span class="text-muted" id="2c92ecb2-5855-4f04-915f-6b1bb6745efd">
+      <span class="text-muted" id="39380310-f473-4659-a949-ae5b23101922">
        A web component for a text.
       </span>
-      <pre id="27a12fce-6e56-41c5-9b6b-6f061cfcece0"><code class="language-python">Text(content)</code></pre>
-      <div class="ms-3 collapse" id="fe47c225-ec60-4126-a81b-b3e86205d2fa">
-       <h6 id="39b924f3-69c8-4bc6-b1b9-f9a41d7d3c54">
+      <pre id="df59ba37-8e05-41cc-a2c8-baf74b7daea3"><code class="language-python">Text(content)</code></pre>
+      <div class="ms-3 collapse" id="c01f4421-9ecf-4639-b6e9-49a2ac447b06">
+       <h6 id="cde098c2-1cd8-4059-ad8d-2100e1a8bd20">
         Arguments
        </h6>
-       <table class="table table-sm bg-light" id="8a3c0943-d7ee-4cdc-b1e8-598ad648a8e1">
+       <table class="table table-sm bg-light" id="c759fff2-5947-4564-8ff7-4cb4fdef11e1">
         <thead>
          <tr>
           <th scope="col">
@@ -9317,11 +9317,11 @@ table
         </tbody>
        </table>
       </div>
-      <div class="ms-3" id="87034ef5-9d2d-42be-94c2-78d8bba7de31">
-       <h6 id="69bc8497-6e90-4259-84a5-28b7de80e73b">
+      <div class="ms-3" id="b7fe76eb-2de0-40d3-b163-05965b5d71d4">
+       <h6 id="418371d3-331d-4ede-9fba-faf13bb13a73">
         Example
        </h6>
-       <pre id="cb327985-d481-49b7-8646-562f5937e22b"><code class="language-python">from bootwrap import Text, Panel
+       <pre id="db7a413c-daa6-407e-b82f-180b913cdfed"><code class="language-python">from bootwrap import Text, Panel
 
 txt = Text("Text")
 txt_outline = Text("Text with border").as_outline()
@@ -9336,64 +9336,64 @@ Panel(
 ).vertical()
 </code></pre>
       </div>
-      <div class="ms-3" id="e7f26a0a-ab20-4e56-8d83-d6a1211dab66">
-       <div id="d5932116-921e-4614-8f37-61fa5abca99b">
+      <div class="ms-3" id="015d5019-b257-44b0-a001-786780d39546">
+       <div id="4283db7c-ec2e-4ac2-96d3-f1afad0f5881">
         <div class="row">
          <div class="col-md">
-          <span id="851bdda2-6ccd-409a-911a-c20477ced36b">
+          <span id="ca2e1cd8-ecf5-448b-8cd3-548a37773d7f">
            Text
           </span>
          </div>
         </div>
         <div class="row">
          <div class="col-md">
-          <span class="border" id="21797aa8-9ede-44b6-935f-c8cd6950d266">
+          <span class="border" id="1ffde5c5-2526-4201-9233-33fa8665fb02">
            Text with border
           </span>
          </div>
         </div>
         <div class="row">
          <div class="col-md">
-          <span class="text-primary" id="70f47d17-f511-40bc-90f7-323643b9d4a6">
+          <span class="text-primary" id="e90005e0-a90e-4f6d-9597-7c1227c55dd7">
            Text of primary color
           </span>
          </div>
         </div>
         <div class="row">
          <div class="col-md">
-          <span class="text-primary border border-primary" id="f1de35a5-0ee0-44e7-b3fe-21e0c7ac7783">
+          <span class="text-primary border border-primary" id="2e41fbba-228b-4859-a207-33df35b6cdba">
            Text of primary color with border
           </span>
          </div>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="5d15bef0-8f4d-4ff2-9118-b7f74ed39efe">
-       <div class="d-flex justify-content-between" id="21ba3513-8697-4e51-83bd-74f139a5834b">
-        <h4 id="8f47d726-5a23-4752-9044-7069bac70158">
+      <div class="mt-5" id="667bdbb0-c039-47d9-854a-acd337bf5f70">
+       <div class="d-flex justify-content-between" id="d868f6c1-5391-41a6-aaeb-b9379d068c5a">
+        <h4 id="e03ee299-20a9-4702-b1bf-a94eb4b44809">
          Method
-         <span class="text-primary" id="f99a86cb-ab13-4411-8075-eb9aa528a86a">
+         <span class="text-primary" id="67e096cc-6e75-465c-acf8-e0b7ad26d950">
           as_code
          </span>
         </h4>
-        <div id="136a3366-e970-4ee0-8861-43132ae31536">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#80eba1ed-f20c-4112-bb74-0fc07e91614f" data-bs-toggle="collapse" id="7fbcdf14-03ff-4eac-8eb5-f42a3663044f" onclick="return false;" type="button">
+        <div id="08d7521f-c056-4641-9c24-707d9b5297cc">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#2432420b-a035-4c36-bb45-b38bba1ff059" data-bs-toggle="collapse" id="551f8fc5-2052-4d02-a07e-e32fac378c63" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#f01ce354-2ff4-46e6-a1a9-8cb4c8419e39" data-bs-toggle="collapse" id="6a616236-730d-43ef-b92c-a035c5ab3ada" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ad567cff-555a-4bce-a39e-ccf472cba97b" data-bs-toggle="collapse" id="07c96f36-b35d-4256-9e31-03ec6f669862" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="4247aa5d-04f0-4cea-b05c-c61f3993c2a3">
+       <span class="text-muted" id="f434418c-3302-4bbc-9f86-a305babdf97b">
         Makes the text wrap as a code snippet.
        </span>
-       <pre id="75c2908a-86f2-4f46-a78d-20a8d2184440"><code class="language-python">as_code(language='python')</code></pre>
-       <div class="ms-3 collapse" id="80eba1ed-f20c-4112-bb74-0fc07e91614f">
-        <h6 id="4ff144cf-26c5-450e-94e2-8a821226b9b7">
+       <pre id="86b0b32e-1900-4e97-bcea-f1e76492be14"><code class="language-python">as_code(language='python')</code></pre>
+       <div class="ms-3 collapse" id="2432420b-a035-4c36-bb45-b38bba1ff059">
+        <h6 id="cbb352be-b1bb-45f4-a77d-4425adb451da">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="b2343e5b-f2a7-427a-8d74-57840d9a288f">
+        <table class="table table-sm bg-light" id="303304e8-edd5-41c8-985a-711b264b7c75">
          <thead>
           <tr>
            <th scope="col">
@@ -9427,11 +9427,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="f01ce354-2ff4-46e6-a1a9-8cb4c8419e39">
-        <h6 id="2251f950-86a1-4cf2-8b0e-6cad2c16d193">
+       <div class="ms-3 collapse" id="ad567cff-555a-4bce-a39e-ccf472cba97b">
+        <h6 id="e1f8a713-42cc-438f-9932-feca7645bbe1">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="cbf40503-6c2f-45e0-8a91-81dafb28e38a">
+        <table class="table table-sm bg-light" id="64daa8c5-6f9a-41ff-8741-585aaef80765">
          <thead>
           <tr>
            <th scope="col">
@@ -9464,11 +9464,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="f9d8c464-d56a-44f8-ad9a-a30c77bf12d8">
-        <h6 id="cf5ebb84-659a-42a9-8ede-06819d96b0a5">
+       <div class="ms-3" id="8b79072b-9ad8-4a0e-9aa4-09ba19addc72">
+        <h6 id="194456bf-a049-4d50-86d1-b4aa401f9b48">
          Example
         </h6>
-        <pre id="9bf22d9c-4c06-422d-b322-f3a2735f2fd6"><code class="language-python">from bootwrap import Panel, Text
+        <pre id="d96e2489-eff2-4e0b-b97f-af3b7a1e6c51"><code class="language-python">from bootwrap import Panel, Text
 
 Panel(
     Text('print("language python")').as_code("python"),
@@ -9478,57 +9478,57 @@ Panel(
 ).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="d5a52c90-7bae-435b-852e-f2e03b4fc1a2">
-        <div id="fd20f9dd-5f9c-4165-8ef6-b53b53b3ad15">
+       <div class="ms-3" id="c89c3e7c-79aa-4d84-bb58-bfe3d8aebc97">
+        <div id="dbd0cd39-af92-4b49-af61-e13ac2be22f0">
          <div class="row">
           <div class="col-md">
-           <pre id="651190b7-89e6-4857-84b6-d516c7ace586"><code class="language-python">print("language python")</code></pre>
+           <pre id="d1ea97df-3d65-4c67-b31f-6bd4ff658443"><code class="language-python">print("language python")</code></pre>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <pre id="aec0839b-6640-4d87-91be-ba2ca1fb0eb6"><code class="language-json">{"language": "json"}</code></pre>
+           <pre id="4ed89ba6-2051-43f2-ab50-139833fcc24e"><code class="language-json">{"language": "json"}</code></pre>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <pre id="0182493c-53d3-41ab-a023-5ade5c6d4b17"><code class="language-yaml">language: yaml</code></pre>
+           <pre id="d95b17bc-aeb8-4283-a3d3-169d980f2a00"><code class="language-yaml">language: yaml</code></pre>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <pre id="07139b78-02bb-4883-8a94-2031065518b3"><code class="language-bash">~$ ls language/bash</code></pre>
+           <pre id="5681c83b-710e-4a90-911f-323237530087"><code class="language-bash">~$ ls language/bash</code></pre>
           </div>
          </div>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="4dfe8318-63a4-4a13-8cf0-0e40827ad61a">
-       <div class="d-flex justify-content-between" id="f4f6afa6-5a7e-4100-b4ce-31c6b2dbc245">
-        <h4 id="4a0ca454-4d68-4761-81a2-24ecac00be9a">
+      <div class="mt-5" id="df7295d4-73b9-41ed-ab2e-5e5e263c5cb2">
+       <div class="d-flex justify-content-between" id="cf4c07f4-41ad-466f-b48c-df384fd350fd">
+        <h4 id="063e2b18-8ab6-4f70-9716-8ae7da7279f7">
          Method
-         <span class="text-primary" id="c2045c64-5147-47b8-a3e7-530243648598">
+         <span class="text-primary" id="33dd466e-5015-46de-9c38-251a565fa1ff">
           as_heading
          </span>
         </h4>
-        <div id="d1e003dc-4593-4af9-a784-b17fd05af256">
-         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#6fc6b5f9-1434-4f88-b993-0c06ff991c7c" data-bs-toggle="collapse" id="d1bb2120-8efb-4cfa-887a-37e302ab5f94" onclick="return false;" type="button">
+        <div id="1d975084-5c0a-48d6-ab19-08d141f0dcc6">
+         <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#3688af81-e465-43b8-bbe5-c5bdadc2df62" data-bs-toggle="collapse" id="19371ddf-db59-4e02-bec6-295d1e10bb28" onclick="return false;" type="button">
           Argument
          </button>
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8cb967eb-7028-469f-9418-715a843b0fdf" data-bs-toggle="collapse" id="031ea477-7bb1-4b95-b84b-1dbc30e4f8b1" onclick="return false;" type="button">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#8c220d19-fdc9-4aec-9cf0-8ff1c36accaa" data-bs-toggle="collapse" id="8c4252a8-7c25-4627-a49e-c1632ab02a38" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="87aa6533-4d7e-4933-9ebb-a703c76d5bd2">
+       <span class="text-muted" id="4b7ee9bc-0b6c-493a-8c64-73d73fe9814d">
         Makes the text as heading.
        </span>
-       <pre id="47233b85-1c3d-4497-9223-95aa1fdf633b"><code class="language-python">as_heading(level)</code></pre>
-       <div class="ms-3 collapse" id="6fc6b5f9-1434-4f88-b993-0c06ff991c7c">
-        <h6 id="32dc0378-aa7f-4a4b-af83-d26992fde888">
+       <pre id="c04de0b1-a780-4cce-8e6f-c705aa594b93"><code class="language-python">as_heading(level)</code></pre>
+       <div class="ms-3 collapse" id="3688af81-e465-43b8-bbe5-c5bdadc2df62">
+        <h6 id="edb127f4-0e6a-432d-b26a-4ac8bc71b4d5">
          Arguments
         </h6>
-        <table class="table table-sm bg-light" id="9b1b1e56-ba74-4d3e-9389-1bc301c3e324">
+        <table class="table table-sm bg-light" id="8eccf33a-51cb-4ceb-9c48-27f71d46d8aa">
          <thead>
           <tr>
            <th scope="col">
@@ -9561,11 +9561,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3 collapse" id="8cb967eb-7028-469f-9418-715a843b0fdf">
-        <h6 id="3c8f6455-9365-4fac-afa0-05d62cb66ef6">
+       <div class="ms-3 collapse" id="8c220d19-fdc9-4aec-9cf0-8ff1c36accaa">
+        <h6 id="1626fded-2492-41d6-9c83-78fafe477de2">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="f06ae1e2-39b2-4b8e-9219-be83d44c02a7">
+        <table class="table table-sm bg-light" id="b96be930-a161-476d-8d7f-7246d6f9b58e">
          <thead>
           <tr>
            <th scope="col">
@@ -9598,11 +9598,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="593ed422-3e7b-4f24-978b-3d678bc49973">
-        <h6 id="1ed503d7-b306-42e1-ba1b-58ff758915c6">
+       <div class="ms-3" id="6db47441-0d70-4dcb-8723-0719b604969b">
+        <h6 id="42d82376-e1a4-4ca2-a64e-c7043c44d5e1">
          Example
         </h6>
-        <pre id="2e54ebeb-0bc5-4cf2-a702-42868c2b4f2d"><code class="language-python">from bootwrap import Panel, Text
+        <pre id="4e68b3fc-2b3f-4474-abc1-758fbd289415"><code class="language-python">from bootwrap import Panel, Text
 
 Panel(
     Text("Header text 1").as_heading(1),
@@ -9614,52 +9614,52 @@ Panel(
 )
 </code></pre>
        </div>
-       <div class="ms-3" id="f13478b6-99b5-40ae-be4a-c2f8ecfc4017">
-        <div id="7a7dd971-222e-4b6b-9057-ef08536fce51">
-         <h1 id="e129a4f0-fcf0-49bc-9598-2d9dc8d7b175">
+       <div class="ms-3" id="68d5597e-5f79-42a5-aabb-03a21be332f8">
+        <div id="6f58ede7-6cd1-41b0-9f38-c1925fe0c482">
+         <h1 id="46b0e3ce-a659-496c-b928-9900305916e9">
           Header text 1
          </h1>
-         <h2 id="d4ea18e5-7980-4160-a944-c20554fa2ba1">
+         <h2 id="b4b9a577-9a1c-4aa9-a478-c0900a611be2">
           Header text 2
          </h2>
-         <h3 id="4c805750-5333-4731-9c06-e6e353bb2341">
+         <h3 id="2c763f91-822d-474a-8514-86f56098a913">
           Header text 3
          </h3>
-         <h4 id="5b7a62f6-07f0-46fc-8d8a-f780c1dd2327">
+         <h4 id="ca82aeb9-e2cb-4c19-b408-c25f6894d25c">
           Header text 4
          </h4>
-         <h5 id="8899d4ee-3b39-4bc0-ba1b-d503799c21fb">
+         <h5 id="babe49fe-8d40-47d7-9d8a-9132d691dbac">
           Header text 5
          </h5>
-         <h6 id="8ebb2b03-b84e-43e7-a820-2af20593321e">
+         <h6 id="fb1c610a-629c-40b9-a0db-bef383716f01">
           Header text 6
          </h6>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="b6b1dd6c-7b33-4d5f-95b6-d912feec0c40">
-       <div class="d-flex justify-content-between" id="2e3abe6c-001b-4483-810d-ed649b77005f">
-        <h4 id="0090a02b-2b03-4385-ab94-d811ccf74eee">
+      <div class="mt-5" id="8e0f0947-42ec-4c2d-861c-32740eb0ed30">
+       <div class="d-flex justify-content-between" id="4553f1df-41ea-41c5-b987-991f4cc8086e">
+        <h4 id="24d1eae6-8a75-48f9-a255-3705dae923f1">
          Method
-         <span class="text-primary" id="645be1d9-2f4e-4942-b538-933c928417db">
+         <span class="text-primary" id="64c75271-f0a2-41cf-8842-38bc1f72221d">
           as_muted
          </span>
         </h4>
-        <div id="62708224-f26c-4c43-a34b-5a5c71099ed6">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#764df9f5-bb8d-45e3-b385-dfb81410bcd2" data-bs-toggle="collapse" id="0361f6b5-9699-4124-8af1-12aa66c645f1" onclick="return false;" type="button">
+        <div id="7f3231f7-c912-4253-8fbc-456a4350acd7">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#a582b641-588f-491c-be5f-683e6e6a7822" data-bs-toggle="collapse" id="069d7063-8d12-4921-8440-015bdca3182d" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="96321646-4f49-42a8-a8da-7c57d6ef74f8">
+       <span class="text-muted" id="1ff1a017-4d8c-4ee0-9536-3e4d87f90f68">
         Makes the text muted.
        </span>
-       <pre id="18f8dcfc-29a1-410c-b42f-9f782bd80f3b"><code class="language-python">as_muted()</code></pre>
-       <div class="ms-3 collapse" id="764df9f5-bb8d-45e3-b385-dfb81410bcd2">
-        <h6 id="fddc2f5c-7337-43df-9ea5-29d7ca10b9a5">
+       <pre id="00cf22cb-04cd-4524-a570-c46978bef9c1"><code class="language-python">as_muted()</code></pre>
+       <div class="ms-3 collapse" id="a582b641-588f-491c-be5f-683e6e6a7822">
+        <h6 id="3a2fd296-7d78-48da-b329-f9b2baefe768">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="4088d582-eff3-4827-9187-5b266adfc849">
+        <table class="table table-sm bg-light" id="1549ca0c-1391-4160-8d89-efd5bbd0ed65">
          <thead>
           <tr>
            <th scope="col">
@@ -9692,44 +9692,44 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="31569da1-3bbe-4c6d-94e9-84aa2c49e436">
-        <h6 id="82b0587f-1fcb-47e2-8394-9030741a92da">
+       <div class="ms-3" id="64d3b249-0ea3-4610-b9c7-80bac4f22bff">
+        <h6 id="1b1a19f7-a043-4da6-9fb1-c39f1b98f65f">
          Example
         </h6>
-        <pre id="a6d2a4c1-813a-447c-8b1f-b4709f866942"><code class="language-python">from bootwrap import Text
+        <pre id="3b7d0a63-405c-49e3-8168-6b41cd39f415"><code class="language-python">from bootwrap import Text
 
 Text("Muted text").as_muted()
 </code></pre>
        </div>
-       <div class="ms-3" id="ed1921f6-69d3-402a-8d79-a756f3b8f3ab">
-        <span class="text-muted" id="78ff2b44-4a57-4d03-9c5b-424a7e6f27d7">
+       <div class="ms-3" id="5771767d-9aaa-490d-85a9-610c369ff539">
+        <span class="text-muted" id="9638b33c-50db-49a2-a7af-a1c15ee4a6a0">
          Muted text
         </span>
        </div>
       </div>
-      <div class="mt-5" id="1d1ef88d-92ae-431a-85fa-d9e9dbeef011">
-       <div class="d-flex justify-content-between" id="48a09a5f-8f3f-420d-99ef-65e048174d4b">
-        <h4 id="ecb66610-353c-4c54-b8e4-fee691b17e6c">
+      <div class="mt-5" id="2a16f6fa-7576-41cc-a7bd-1d42c5a63e81">
+       <div class="d-flex justify-content-between" id="5057f1dc-7efa-44eb-b88b-1794e719297b">
+        <h4 id="a2f6d994-c5d1-46e3-aed7-b490a6b96585">
          Method
-         <span class="text-primary" id="1eaa7aed-f8da-4b1b-8dd8-11aaa8066252">
+         <span class="text-primary" id="aa958545-1774-4a45-80bd-a47ee54638a7">
           as_paragraph
          </span>
         </h4>
-        <div id="6288f72b-e93c-45f6-8842-64ac25141877">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#43553cd2-f6eb-4b23-88d0-e8335a63c215" data-bs-toggle="collapse" id="af190e03-09e6-499c-8261-18f8deda27dc" onclick="return false;" type="button">
+        <div id="e75d619d-4a56-4335-bb67-007f4087b5f9">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#e131c96a-24cf-4ce8-965c-169c34e98f49" data-bs-toggle="collapse" id="1f3cdd0f-d5f4-45e7-8a17-e502dd174e1e" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="43909d45-3ad3-44cb-97f4-84476ee5f2ea">
+       <span class="text-muted" id="9b525dcc-0b0a-4de3-b88d-ad7aefc231a7">
         Makes the text wrap in a paragraph.
        </span>
-       <pre id="261f5d9f-c403-45aa-8f90-9109c6b1d247"><code class="language-python">as_paragraph()</code></pre>
-       <div class="ms-3 collapse" id="43553cd2-f6eb-4b23-88d0-e8335a63c215">
-        <h6 id="b498ee9b-15ad-4115-902e-f91b98aa8d32">
+       <pre id="52274347-bcca-40a9-a72d-054c2db8a0e5"><code class="language-python">as_paragraph()</code></pre>
+       <div class="ms-3 collapse" id="e131c96a-24cf-4ce8-965c-169c34e98f49">
+        <h6 id="6c6f8b62-64e6-4107-bb30-6eb86fb5db74">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="b8004062-1536-47bf-b547-79154728c25b">
+        <table class="table table-sm bg-light" id="c4f79886-c6c2-444b-8686-ca081aa501c3">
          <thead>
           <tr>
            <th scope="col">
@@ -9762,11 +9762,11 @@ Text("Muted text").as_muted()
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="425a5937-60f2-4b3e-ae5f-c0c16dd7d567">
-        <h6 id="c169b6ff-36e0-4753-a85c-e6a026df5b1c">
+       <div class="ms-3" id="df44f2cf-ecef-4f31-83bf-9eb535664aa1">
+        <h6 id="607a985d-d9d8-4690-be34-d782575f82bb">
          Example
         </h6>
-        <pre id="6702196e-e4b9-425a-a18c-3b92bf162bf8"><code class="language-python">from bootwrap import Panel, Text
+        <pre id="485d3cdc-bbd7-4634-9f45-fee4872d0de9"><code class="language-python">from bootwrap import Panel, Text
 
 Panel(
     Text("Paragraph 1").as_paragraph(),
@@ -9775,43 +9775,43 @@ Panel(
 )
 </code></pre>
        </div>
-       <div class="ms-3" id="b79f1cf5-40a9-4f20-a360-c069d968fe15">
-        <div id="75034560-75e5-401e-ae7c-9008857424f1">
-         <p id="ada06e9a-9728-409d-80ac-42ef3c7b37e5">
+       <div class="ms-3" id="db52e2b4-ebda-4ae3-b823-75b46916ab23">
+        <div id="36abb015-1506-4b95-9179-a46914029e26">
+         <p id="8cc203b3-5c88-4748-b11d-73a403de185e">
           Paragraph 1
          </p>
-         <p id="93ae5987-97b2-4793-8bd3-aacbdc60fc2d">
+         <p id="65d50c0d-81c7-4b6b-983c-d7aa5c362466">
           Paragraph 2
          </p>
-         <p id="bf6685b8-c9cd-4dc8-af00-2379b93cb913">
+         <p id="50453d33-546d-4468-b009-c0594af3cdee">
           Paragraph 3
          </p>
         </div>
        </div>
       </div>
-      <div class="mt-5" id="8db6dd10-8b3e-4596-9302-249c18979c1b">
-       <div class="d-flex justify-content-between" id="f9eacb3a-8708-4c9a-bb20-8368771674a8">
-        <h4 id="a2651b73-10a9-4c73-95ab-da8ff842f0f1">
+      <div class="mt-5" id="2e7f2d27-4d56-453c-bffe-94cd234ea1a1">
+       <div class="d-flex justify-content-between" id="2a9e9a65-5cb7-4754-9e44-8598591d9743">
+        <h4 id="67afe382-0694-4778-b3ce-605f150881c2">
          Method
-         <span class="text-primary" id="bf60c455-1611-4700-9f47-8f8a7880e02b">
+         <span class="text-primary" id="e001707a-0440-4664-aeba-9eb9526c53da">
           as_small
          </span>
         </h4>
-        <div id="7704345c-76a1-4ee2-80c8-aa4591c9c657">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#9fcc9a4b-0f4e-49d6-a846-99b791ac5806" data-bs-toggle="collapse" id="6e28cd7b-cd25-499b-8683-79e8efd3d90c" onclick="return false;" type="button">
+        <div id="e8db5f2e-3ccf-4ad3-a89b-640bdafac7ad">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#532938ce-b4e8-49d5-8993-c5bb3df47e4e" data-bs-toggle="collapse" id="0258a656-31a0-452e-9fa5-594ea3ab5d02" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="53b1186b-f7e7-4b1a-9ebd-510e75e5a1c8">
+       <span class="text-muted" id="b73e5da8-3729-4e23-a7a6-45cd7266f312">
         Makes the text as small.
        </span>
-       <pre id="88036735-1044-49a3-a69c-7c9ff21c1e1c"><code class="language-python">as_small()</code></pre>
-       <div class="ms-3 collapse" id="9fcc9a4b-0f4e-49d6-a846-99b791ac5806">
-        <h6 id="8140004f-452d-4d7e-a4d8-84f268e07836">
+       <pre id="5090121d-ffde-42ac-ad1e-93a5f04e5356"><code class="language-python">as_small()</code></pre>
+       <div class="ms-3 collapse" id="532938ce-b4e8-49d5-8993-c5bb3df47e4e">
+        <h6 id="e545bc77-dde3-48a5-893d-82c2393b9fe9">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="d4b426c2-d54d-4cce-868c-d894e5265a37">
+        <table class="table table-sm bg-light" id="da87a758-34c2-4ecd-b339-16b306ff538c">
          <thead>
           <tr>
            <th scope="col">
@@ -9844,11 +9844,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="b63fafc9-e3da-4d8b-b943-7e60743ef00b">
-        <h6 id="2cefe4f6-66c4-4956-b000-a14bd35dbb65">
+       <div class="ms-3" id="934affe9-2696-463c-9456-e64bc8b10393">
+        <h6 id="2c69773a-27f2-40e6-9aaf-92aa40265c37">
          Example
         </h6>
-        <pre id="2188cf1e-e6a8-4dfe-adf3-00dbbceee400"><code class="language-python">from bootwrap import Text, Panel
+        <pre id="89080011-4c44-4958-a404-a0eee6cd46d3"><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()
@@ -9863,32 +9863,32 @@ Panel(
 ).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="c3f16c84-b102-4db2-889d-de5ddf47258e">
-        <div id="6eaeafe6-3ce4-4cb3-aefa-76831b035e37">
+       <div class="ms-3" id="ab3a388e-ddcb-4847-b2fc-48a4d40eadf3">
+        <div id="2cc6c7ae-0299-4974-8d9b-77727b938a8d">
          <div class="row">
           <div class="col-md">
-           <small id="255ad5b6-be68-4896-8adb-5a454ddd06ce">
+           <small id="7a0d5291-7a5b-4cc3-9f2c-f09e1d4bfe63">
             Small text
            </small>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <small class="border" id="b2178dc3-0a81-48fb-a35b-80465ed42fa0">
+           <small class="border" id="2cb1b9d5-2333-4ad0-8132-a158d62b159e">
             Small text with border
            </small>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <small class="text-primary" id="575e6d93-e8ba-4ccc-8133-314550d593ec">
+           <small class="text-primary" id="7eb10caf-782a-40d8-99b5-0936c33aa99e">
             Small text of primary color
            </small>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <small class="text-primary border border-primary" id="bf3f64d3-25be-4ddf-a9a3-3532ff800993">
+           <small class="text-primary border border-primary" id="b602ad4c-4690-41f5-bc97-976963fc939f">
             Small text of primary color with border
            </small>
           </div>
@@ -9896,29 +9896,29 @@ Panel(
         </div>
        </div>
       </div>
-      <div class="mt-5" id="1ce55d58-9957-41e5-8a5b-dea26b082567">
-       <div class="d-flex justify-content-between" id="8dd3ea72-86e2-4fec-a4a1-789992026cc9">
-        <h4 id="df77f8e1-3eaa-4954-a425-bbaafdba2cb4">
+      <div class="mt-5" id="e76c527f-96db-440a-a4a6-175545858cf2">
+       <div class="d-flex justify-content-between" id="91f6eff2-3e31-4e11-b62c-1ce0035195ef">
+        <h4 id="55b39da6-5e3a-4f00-b1a0-1dc54c932a9d">
          Method
-         <span class="text-primary" id="0e484653-e59b-4b1c-b7a7-0c3e471e564f">
+         <span class="text-primary" id="034aedeb-d1bf-4afc-a6f1-a5adfdf3064b">
           as_strong
          </span>
         </h4>
-        <div id="44cd8cf3-593d-4d17-a685-4092e23f3605">
-         <button class="btn-sm btn btn-outline-primary" data-bs-target="#ef49a56e-2e54-4a2d-889e-c45e7ae19d12" data-bs-toggle="collapse" id="a5648f3f-aff6-4208-a5e5-05f7dd1394a5" onclick="return false;" type="button">
+        <div id="3809d759-9e9c-4c22-a672-7f3f80b17d75">
+         <button class="btn-sm btn btn-outline-primary" data-bs-target="#2c2065f4-0a5b-4d2b-89b6-243cc6e424d1" data-bs-toggle="collapse" id="7ea09c78-6607-41de-b25e-6ac22f53e3e1" onclick="return false;" type="button">
           Returns
          </button>
         </div>
        </div>
-       <span class="text-muted" id="809461aa-4f8a-40a9-aace-2ce614d2d1b6">
+       <span class="text-muted" id="5e87a1c8-5ae1-43d0-b8a0-e76e0add341a">
         Makes the text as strong.
        </span>
-       <pre id="f1321151-4a13-41bd-85a6-5dc81363824d"><code class="language-python">as_strong()</code></pre>
-       <div class="ms-3 collapse" id="ef49a56e-2e54-4a2d-889e-c45e7ae19d12">
-        <h6 id="ab255c84-d751-4999-a31a-8eab0dbc084a">
+       <pre id="599c6d98-bd40-457a-97d5-b0db3d503c6b"><code class="language-python">as_strong()</code></pre>
+       <div class="ms-3 collapse" id="2c2065f4-0a5b-4d2b-89b6-243cc6e424d1">
+        <h6 id="a1cea069-8ac0-48f0-a07a-cb39243d8c01">
          Returns
         </h6>
-        <table class="table table-sm bg-light" id="c9b0c955-0b7e-4cb0-8aaa-ea2ef57342aa">
+        <table class="table table-sm bg-light" id="b55e0378-b788-40bf-8453-32979883ea82">
          <thead>
           <tr>
            <th scope="col">
@@ -9951,11 +9951,11 @@ Panel(
          </tbody>
         </table>
        </div>
-       <div class="ms-3" id="50f1ab53-25e7-49d6-b443-4c8d96a19795">
-        <h6 id="d409336a-21cb-4ae4-94d7-e02e95200114">
+       <div class="ms-3" id="86df99bf-2f8b-40c1-975e-8ec608603fee">
+        <h6 id="a98234d6-caa2-4dd2-92c1-c030b7cdff5d">
          Example
         </h6>
-        <pre id="ddf647b5-a0f9-4b52-a0a3-ec5e5454dbc3"><code class="language-python">from bootwrap import Text, Panel
+        <pre id="880a7525-d57e-4873-8093-77dcec7efc7f"><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()
@@ -9970,32 +9970,32 @@ Panel(
 ).vertical()
 </code></pre>
        </div>
-       <div class="ms-3" id="11d6500b-f5bf-4d5f-8ee7-6bc9fa191924">
-        <div id="1a05419d-e801-43db-93e8-11cd851e52ec">
+       <div class="ms-3" id="3030715f-68a0-4c81-a401-7036721d6fe4">
+        <div id="491f3f36-2206-4c08-a883-411b853168f9">
          <div class="row">
           <div class="col-md">
-           <strong id="8252aa02-4cbf-4c9a-9761-41d0ed157323">
+           <strong id="7f331e5b-b3df-45fc-b81d-e8a6f73fd226">
             Strong text
            </strong>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <strong class="border" id="c8d32910-95c6-44c7-bfa7-cfee3e944284">
+           <strong class="border" id="73868418-dfd5-4d2a-9ffe-7bd8d9d043d7">
             Strong text with border
            </strong>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <strong class="text-primary" id="59c36862-c69d-430d-aa4d-c34e66d0fa56">
+           <strong class="text-primary" id="e75499df-ad0c-4b90-b1f0-9c69b25af0b1">
             Strong text of primary color
            </strong>
           </div>
          </div>
          <div class="row">
           <div class="col-md">
-           <strong class="text-primary border border-primary" id="ad34bf71-b4ca-4b94-be0b-110b419cbcb5">
+           <strong class="text-primary border border-primary" id="7f63f57d-ef61-400a-9cb8-571138172dc6">
             Strong text of primary color with border
            </strong>
           </div>
@@ -10005,71 +10005,71 @@ Panel(
       </div>
      </div>
     </div>
-    <div class="tab-pane fade" id="058e8f0c-e01b-4b9d-bf4c-440b103ef89d">
-     <div id="b597b972-53ff-45a7-bf07-df1ba122649e">
+    <div class="tab-pane fade" id="efa25d46-1a55-4f54-b2aa-38ca8610f847">
+     <div id="75247548-3204-4024-bcec-171bbe0743c1">
       <hr/>
-      <ul class="nav" id="0883f08f-1c94-47b3-9de4-d00868330933" role="tablist">
+      <ul class="nav" id="8a808747-0bab-46e5-9b5c-b659b634d705" role="tablist">
        <li class="nav-item">
-        <a class="nav-link active" data-bs-target="#df0cb3a7-6f82-4b7a-a450-2efc78999e4b" data-bs-toggle="tab" href="#df0cb3a7-6f82-4b7a-a450-2efc78999e4b" id="f86e3908-e7d6-4b71-bd90-e9f104c09438" role="tab">
-         <span class="text-secondary" id="ebac6031-ed8d-4181-866d-1b1fa7766ad2">
+        <a class="nav-link active" data-bs-target="#69f40b42-2424-47a7-b6f4-8c3b88095d0e" data-bs-toggle="tab" href="#69f40b42-2424-47a7-b6f4-8c3b88095d0e" id="66f1a16d-d0d5-430d-88f4-6ed08939000b" role="tab">
+         <span class="text-secondary" id="92be55a5-b41d-4f41-b58e-ea944fe2ecc1">
           Toast
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#99a347f9-302e-44a8-b62a-cca970d643b2" data-bs-toggle="tab" href="#99a347f9-302e-44a8-b62a-cca970d643b2" id="e1d0610a-a8d9-4ab2-b858-1c38b788090c" role="tab">
-         <span class="text-secondary" id="393f2418-5818-4c75-a439-58aa6f1258d7">
+        <a class="nav-link" data-bs-target="#1f7bf6c7-e4f3-490a-ba6c-4b5b4ccb59fd" data-bs-toggle="tab" href="#1f7bf6c7-e4f3-490a-ba6c-4b5b4ccb59fd" id="1eacbacc-c217-4123-87a3-1e43eddfe542" role="tab">
+         <span class="text-secondary" id="14b4112f-6a16-4b2c-9da0-410ac6af9151">
           Default
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#e80863b5-d880-4caa-836d-f19c6b4f57ef" data-bs-toggle="tab" href="#e80863b5-d880-4caa-836d-f19c6b4f57ef" id="f3762c99-0aaf-474e-9ba5-10fe43af34dc" role="tab">
-         <span class="text-secondary" id="03050222-46fa-4a8c-a4f0-a8faff2dabbd">
+        <a class="nav-link" data-bs-target="#bc2bde15-e7d1-4f14-9eee-ed448370a2e1" data-bs-toggle="tab" href="#bc2bde15-e7d1-4f14-9eee-ed448370a2e1" id="a4ceffcd-443f-48ae-a58e-af6eb838e7aa" role="tab">
+         <span class="text-secondary" id="67c2d5c6-5504-4ea7-ab50-ce994a8a2f3c">
           Appearance
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#21c36473-9a43-4127-9b82-2e6c3e934a9f" data-bs-toggle="tab" href="#21c36473-9a43-4127-9b82-2e6c3e934a9f" id="e51fbf36-3346-41c0-9390-a3252dfd3dc9" role="tab">
-         <span class="text-secondary" id="4e650d70-010c-4571-8694-051395a829a1">
+        <a class="nav-link" data-bs-target="#a833b0f4-aac6-462e-9bb0-4bc620750c3a" data-bs-toggle="tab" href="#a833b0f4-aac6-462e-9bb0-4bc620750c3a" id="9a562baf-b0a9-477e-80ad-64fbab4506ff" role="tab">
+         <span class="text-secondary" id="87a5f74c-fde5-4253-8d7d-0c2e8eba4339">
           Outline
          </span>
         </a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" data-bs-target="#2b2297f2-73f2-4d1e-82d5-8ba7e07369f5" data-bs-toggle="tab" href="#2b2297f2-73f2-4d1e-82d5-8ba7e07369f5" id="c0328261-39f4-493a-9ce6-c9e9655f7745" role="tab">
-         <span class="text-secondary" id="75773e48-25c4-4e48-9cb2-a1227ba09992">
+        <a class="nav-link" data-bs-target="#d7864682-93fe-4846-b7f3-0eb501af68c8" data-bs-toggle="tab" href="#d7864682-93fe-4846-b7f3-0eb501af68c8" id="8d3e4614-f1da-4019-8b63-8900e0db85fe" role="tab">
+         <span class="text-secondary" id="4b25dbdd-d838-4b50-b780-c39e4688925d">
           Delay
          </span>
         </a>
        </li>
       </ul>
       <div class="tab-content w-100">
-       <div class="tab-pane fade active show" id="df0cb3a7-6f82-4b7a-a450-2efc78999e4b">
-        <div class="mt-5" id="d368952a-b32a-450b-aa57-4d8c69974067">
-         <div class="d-flex justify-content-between" id="23c0d9ed-5223-486f-8081-822efb4608c9">
-          <h1 id="62b8d46f-dcb5-4be3-8444-1769ba8cdc3c">
+       <div class="tab-pane fade active show" id="69f40b42-2424-47a7-b6f4-8c3b88095d0e">
+        <div class="mt-5" id="dd56c3c3-7b55-4dbf-b658-b262dc1c995d">
+         <div class="d-flex justify-content-between" id="4501e39c-341a-471b-9f1b-a8a76366c274">
+          <h1 id="3539b4f7-282a-4b32-8fcd-d2f358ef9e8f">
            Class
-           <span class="text-primary" id="3a6d10ed-0e42-4a8b-b9d2-710c9545d91e">
+           <span class="text-primary" id="f2a36220-ba01-482c-9f2b-fa9b3d291ce8">
             Toast
            </span>
           </h1>
-          <div id="a2e56c01-c07d-4881-84ac-37dc7bae37e6">
-           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#be5e158e-0450-40ce-a385-6ffa4fb5c8f3" data-bs-toggle="collapse" id="3e51c1e7-2117-464b-891e-81039fa53f7d" onclick="return false;" type="button">
+          <div id="8b0f673d-0f6d-4906-b8ac-c3b79010d82e">
+           <button class="ms-1 me-1 btn-sm btn btn-outline-primary" data-bs-target="#47889e8f-b7d9-413f-a9d4-b3be4eb05932" data-bs-toggle="collapse" id="50751639-b583-4ee6-aabd-c9c0d2826f3a" onclick="return false;" type="button">
             Argument
            </button>
           </div>
          </div>
-         <span class="text-muted" id="177b622c-a023-4824-a246-05b2d8f82704">
+         <span class="text-muted" id="cdc7360e-141e-4728-98dc-0b4fac86c8b9">
           A toast.
          </span>
-         <pre id="cf8dee67-a4e2-4193-a053-eb4d0d139e57"><code class="language-python">Toast(title=None, description=None, marker=None, figure=None, hide_delay=None)</code></pre>
-         <div class="ms-3 collapse" id="be5e158e-0450-40ce-a385-6ffa4fb5c8f3">
-          <h6 id="3b60710b-9e67-4b78-a48b-2e8d59ee2eec">
+         <pre id="d5f94177-d8f4-41d6-b226-607b7b419946"><code class="language-python">Toast(title=None, description=None, marker=None, figure=None, hide_delay=None)</code></pre>
+         <div class="ms-3 collapse" id="47889e8f-b7d9-413f-a9d4-b3be4eb05932">
+          <h6 id="d09abd94-a684-454e-a33a-30b89563573f">
            Arguments
           </h6>
-          <table class="table table-sm bg-light" id="d7e02c6a-e34f-4ef0-8324-109ca96f88f4">
+          <table class="table table-sm bg-light" id="b3ee53ec-6d2f-4e6f-aad5-c521e5e9f302">
            <thead>
             <tr>
              <th scope="col">
@@ -10147,11 +10147,11 @@ Panel(
            </tbody>
           </table>
          </div>
-         <div class="ms-3" id="7daa543c-da1c-4666-ad13-5e39c5a67991">
-          <h6 id="04b3bf8d-bd04-4494-802e-c7a85e38610c">
+         <div class="ms-3" id="a4b4fcd9-bfa6-4b0b-b355-7227f59ea5e7">
+          <h6 id="ee49d956-f213-41e4-95c0-376cbf07bc7f">
            Example
           </h6>
-          <pre id="172d73a5-966e-4705-b3b4-b41f58444179"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
+          <pre id="628c2a7f-d2ed-4de0-bbc6-a809fc82267f"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
 
 tst_example = Toast(
     title="Bootwrap",
@@ -10180,17 +10180,17 @@ Panel(
 )
 </code></pre>
          </div>
-         <div class="ms-3" id="f123f456-da90-4c4d-b74b-416313be5c3a">
-          <div id="066049a0-97af-480a-8014-9f09789afcca">
+         <div class="ms-3" id="9359647a-b019-49d8-bf03-c80fc86a3d38">
+          <div id="7360d3bf-76a9-4712-b74f-410b99746338">
            <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-            <div aria-atomic="true" aria-live="assertive" class="toast" data-bs-autohide="true" id="65acc212-1162-4154-aead-7f0996b46bd2" role="alert">
+            <div aria-atomic="true" aria-live="assertive" class="toast" data-bs-autohide="true" id="439c7798-60c2-4bdc-93c2-5084f4a60d6f" role="alert">
              <div class="toast-header">
-              <i class="me-2 fa-solid fa-info" id="6e65d641-bafa-488a-9dc2-00eee1d6a22b">
+              <i class="me-2 fa-solid fa-info" id="614dc6a0-01a6-44c4-8393-80413a3052f4">
               </i>
-              <strong class="me-auto" id="6df8ecbf-a497-4409-a7d8-a209f5a53ed0">
+              <strong class="me-auto" id="e2a62baa-2cfb-40f1-99ac-2006cf425630">
                Bootwrap
               </strong>
-              <small id="b4139384-38c3-48ac-8412-e38cef7a63f8">
+              <small id="f1849983-9d65-4824-856d-3c8d0348ea25">
                11 mins ago
               </small>
               <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button">
@@ -10201,40 +10201,40 @@ Panel(
              </div>
             </div>
            </div>
-           <button class="btn" id="958a2f5f-8454-4991-ae59-c9255db95a05" onclick="return false;">
+           <button class="btn" id="9e579b04-d85f-49ad-9bd3-9780ce6d66f7" onclick="return false;">
             Show toast
            </button>
            <script type="application/javascript">
-            $("#958a2f5f-8454-4991-ae59-c9255db95a05").on("click",function(){
-        $("#65acc212-1162-4154-aead-7f0996b46bd2").toast("show");
+            $("#9e579b04-d85f-49ad-9bd3-9780ce6d66f7").on("click",function(){
+        $("#439c7798-60c2-4bdc-93c2-5084f4a60d6f").toast("show");
     });
            </script>
           </div>
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="99a347f9-302e-44a8-b62a-cca970d643b2">
-        <div class="mt-3" id="90102e51-6cf8-406a-9c1f-737484b36e04">
-         <div id="d1a2479d-e51a-467b-9da2-fc727dd6459e">
+       <div class="tab-pane fade" id="1f7bf6c7-e4f3-490a-ba6c-4b5b4ccb59fd">
+        <div class="mt-3" id="2cc0aabb-1ac8-467e-9a9e-0e357bdd439f">
+         <div id="f96ee445-3d8c-4bdd-8f67-d8aab6fa611f">
           <div class="row">
            <div class="col-md">
-            <div id="dabb9fd2-f1fc-4e49-8b27-afd3be641390">
-             <h1 id="3a7fb8f5-82d7-4283-9536-d8a3210b29e8">
+            <div id="7af844d0-da6b-4e06-8454-e5c28305db16">
+             <h1 id="f52f4202-a81e-4c0f-a05c-e73d0a885267">
               Default
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="ba7e3b07-6b51-45ef-8c23-d15346ac9029">
+            <div id="e306f6e2-45ba-4151-aa97-dd1566076d3a">
             </div>
            </div>
           </div>
          </div>
-         <div id="365f64bb-a8db-43a9-bbfa-4986e751de39">
+         <div id="99fd1567-8932-4ebf-b76b-6fa073d29307">
           <div class="row">
            <div class="col-md">
-            <div id="f467419e-a11e-4bb6-b0a0-e400b4b149e9">
-             <p id="7b2ef75b-ec71-4a44-8a60-7b238e2094df">
+            <div id="4be2baf9-3a6c-4b59-89d6-5495a19854be">
+             <p id="4b27b5fe-9e84-4a81-9b7c-70bed40f0d25">
               Make
               <code>
                Toast
@@ -10245,8 +10245,8 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="abf60fe8-2bcc-4b51-bcd5-50018e0bab5a">
-             <pre id="b9eb4065-b70e-4d92-880c-a012a35a535a"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
+            <div id="5e060db7-ed03-4ec6-9995-21474ced8df3">
+             <pre id="e86260eb-685e-40f6-8a07-a9bc1399aff7"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
 
 tst_with_title = Toast(
     title="Bootwrap",
@@ -10285,16 +10285,16 @@ Panel(
     btn_show_toast_without_title,
     action
 )</code></pre>
-             <div id="25536d10-b84b-46c1-aa96-993c49dd9062">
+             <div id="5a26cb4c-69ab-4b7c-9ed4-3b43728cb222">
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast" data-bs-autohide="true" id="dbdfb3be-a290-4d8e-ba33-7c16b77af2de" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast" data-bs-autohide="true" id="c535f19d-5397-4a8f-9396-c00555b4b564" role="alert">
                 <div class="toast-header">
-                 <i class="me-2 fa-solid fa-info" id="3abb2155-3a18-4de5-84ab-acc91a687a27">
+                 <i class="me-2 fa-solid fa-info" id="41c9fba0-96f2-4f19-95b0-bae4f658b52e">
                  </i>
-                 <strong class="me-auto" id="aa2e4e65-d23b-46da-8d69-6b166f7d7d6b">
+                 <strong class="me-auto" id="278b13f9-a782-4608-aa37-b65281928c7e">
                   Bootwrap
                  </strong>
-                 <small id="d07c36a9-4295-43d8-a7a2-43eec10e3277">
+                 <small id="53e1bbe9-194c-4da6-97ba-dcbd00edb930">
                   11 mins ago
                  </small>
                  <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button">
@@ -10306,7 +10306,7 @@ Panel(
                </div>
               </div>
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast align-items-center" data-bs-autohide="true" id="5cb6bad7-efc4-47c8-8b6e-ebc349597d9e" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast align-items-center" data-bs-autohide="true" id="684906b6-929f-4eae-b31a-504ad524fae2" role="alert">
                 <div class="d-flex">
                  <div class="toast-body">
                   Hello, world! This is a toast message.
@@ -10316,18 +10316,18 @@ Panel(
                 </div>
                </div>
               </div>
-              <button class="btn" id="d7a944e2-2f44-44f1-9dfc-d20cc91ea356" onclick="return false;">
+              <button class="btn" id="fae77d80-f535-456f-baf2-cd10476ce74d" onclick="return false;">
                Show toast with title
               </button>
-              <button class="btn" id="a2d113f8-cc72-4a7d-b0c4-9aad3da13d55" onclick="return false;">
+              <button class="btn" id="f9dd1f92-aaf6-43bb-8632-fef3a22eefdd" onclick="return false;">
                Show toast without title
               </button>
               <script type="application/javascript">
-               $("#d7a944e2-2f44-44f1-9dfc-d20cc91ea356").on("click",function(){
-        $("#dbdfb3be-a290-4d8e-ba33-7c16b77af2de").toast("show");
+               $("#fae77d80-f535-456f-baf2-cd10476ce74d").on("click",function(){
+        $("#c535f19d-5397-4a8f-9396-c00555b4b564").toast("show");
     });
-    $("#a2d113f8-cc72-4a7d-b0c4-9aad3da13d55").on("click",function(){
-        $("#5cb6bad7-efc4-47c8-8b6e-ebc349597d9e").toast("show");
+    $("#f9dd1f92-aaf6-43bb-8632-fef3a22eefdd").on("click",function(){
+        $("#684906b6-929f-4eae-b31a-504ad524fae2").toast("show");
     });
               </script>
              </div>
@@ -10337,28 +10337,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="e80863b5-d880-4caa-836d-f19c6b4f57ef">
-        <div class="mt-3" id="d95362d7-400e-4d47-af32-7e3475f1c36d">
-         <div id="ee2d3a87-885d-4f80-88d8-5360eba13c96">
+       <div class="tab-pane fade" id="bc2bde15-e7d1-4f14-9eee-ed448370a2e1">
+        <div class="mt-3" id="250a5970-33d0-46c5-beb7-2012ae61e157">
+         <div id="a492f1bf-eb9b-426c-890e-8ffb7558ed1a">
           <div class="row">
            <div class="col-md">
-            <div id="723b9ba4-1e12-4679-957e-9d4fd51fabe0">
-             <h1 id="6ef3528f-0193-4cd8-bca0-74c1aabda311">
+            <div id="c01dd9e7-903e-46c1-b2fb-63702c9fecc5">
+             <h1 id="1b8faa2d-56c1-420c-bac7-18a0195f15ff">
               Appearance
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="08bb5b4f-76cc-4752-8cb2-69bf5e255d77">
+            <div id="65b4178b-5be8-4ed9-962e-4a0f25c80b13">
             </div>
            </div>
           </div>
          </div>
-         <div id="0d8e0339-db40-4929-a730-62c0d5f35232">
+         <div id="32d7ddb3-fc8a-4470-8c6c-59d476717075">
           <div class="row">
            <div class="col-md">
-            <div id="92d16e28-e7b6-4139-a1ec-3cfd6b20ecdc">
-             <p id="7636708c-2c7a-4fd7-ba27-99f029afd8b0">
+            <div id="316990a0-e3b6-41ac-b3b0-1c33a23b1e22">
+             <p id="683961b8-de04-48dc-a57e-8c2c9421b9b0">
               Change
               <code>
                Toast
@@ -10400,8 +10400,8 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="4d30339e-90f8-4245-9e9f-c87bd5274023">
-             <pre id="50b2114c-a218-4247-ab21-e95a3f47d429"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
+            <div id="6834f080-3772-48b2-905d-1d850e850dd3">
+             <pre id="b49f7983-5e06-49f1-9c14-4533baaf8f9b"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
 
 tst_with_title = Toast(
     title="Bootwrap",
@@ -10440,16 +10440,16 @@ Panel(
     btn_show_toast_without_title,
     action
 )</code></pre>
-             <div id="af4eddda-6b25-4dda-8c29-12cafcc8f8bc">
+             <div id="8adb0133-5326-4741-858a-097bf5e607e8">
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast text-bg-primary" data-bs-autohide="true" id="8c363340-d6c2-4bcd-80bf-e1ea4ec20e45" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast text-bg-primary" data-bs-autohide="true" id="9e1a81fe-6314-4a32-9269-4fa7252afb33" role="alert">
                 <div class="toast-header">
-                 <i class="me-2 fa-solid fa-info" id="da36305e-55e6-4668-a9b8-9ec6ffe4e2d5">
+                 <i class="me-2 fa-solid fa-info" id="4650f4b2-677c-43f6-863f-16e2fe6599e5">
                  </i>
-                 <strong class="me-auto" id="dfb3197e-4737-4758-810f-b309a505c6df">
+                 <strong class="me-auto" id="bc3663c9-2e0c-4dfb-9411-91f2f2858acb">
                   Bootwrap
                  </strong>
-                 <small id="30c8d1d9-f6c7-410d-bcb0-0709ca70e45c">
+                 <small id="71f7c97a-d392-4920-bcd2-88244d3540db">
                   11 mins ago
                  </small>
                  <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button">
@@ -10461,7 +10461,7 @@ Panel(
                </div>
               </div>
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast text-bg-primary align-items-center" data-bs-autohide="true" id="6ffee2cf-6a7e-4ce2-b765-18c6ef17d64e" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast text-bg-primary align-items-center" data-bs-autohide="true" id="4968d1b9-2930-4c38-bbab-e48f7219556c" role="alert">
                 <div class="d-flex">
                  <div class="toast-body">
                   Hello, world! This is a toast message.
@@ -10471,18 +10471,18 @@ Panel(
                 </div>
                </div>
               </div>
-              <button class="btn btn-primary" id="422325da-8ffe-45bb-8700-0a363117e7ac" onclick="return false;">
+              <button class="btn btn-primary" id="bbf2eed2-2f3f-4a73-8804-3f026fafdd0f" onclick="return false;">
                Show toast with title
               </button>
-              <button class="btn btn-primary" id="8995f031-a9d3-411d-8981-581a9e3efbce" onclick="return false;">
+              <button class="btn btn-primary" id="2959bce0-844b-4bd9-b3e8-4a8e4dda28f1" onclick="return false;">
                Show toast without title
               </button>
               <script type="application/javascript">
-               $("#422325da-8ffe-45bb-8700-0a363117e7ac").on("click",function(){
-        $("#8c363340-d6c2-4bcd-80bf-e1ea4ec20e45").toast("show");
+               $("#bbf2eed2-2f3f-4a73-8804-3f026fafdd0f").on("click",function(){
+        $("#9e1a81fe-6314-4a32-9269-4fa7252afb33").toast("show");
     });
-    $("#8995f031-a9d3-411d-8981-581a9e3efbce").on("click",function(){
-        $("#6ffee2cf-6a7e-4ce2-b765-18c6ef17d64e").toast("show");
+    $("#2959bce0-844b-4bd9-b3e8-4a8e4dda28f1").on("click",function(){
+        $("#4968d1b9-2930-4c38-bbab-e48f7219556c").toast("show");
     });
               </script>
              </div>
@@ -10492,28 +10492,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="21c36473-9a43-4127-9b82-2e6c3e934a9f">
-        <div class="mt-3" id="0eceab62-9a5b-4358-9d0a-c95218aa2dab">
-         <div id="a77775d3-08d8-4a76-a884-cc3c38480676">
+       <div class="tab-pane fade" id="a833b0f4-aac6-462e-9bb0-4bc620750c3a">
+        <div class="mt-3" id="f5e693fa-dd04-40a1-83e1-36e7d4633a9a">
+         <div id="1860b2bd-5bc7-4abc-b51a-a28ac38536d9">
           <div class="row">
            <div class="col-md">
-            <div id="d08a5e1b-ec54-48e7-a061-dc6b2bc11fcf">
-             <h1 id="b36d2107-a2eb-4ec1-bd94-06b46571a8d4">
+            <div id="8086bf29-965d-4729-9d9e-d593f7be70e9">
+             <h1 id="90faaeb9-2691-49f3-af76-2c486ed04397">
               Outline
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="e214addb-c9dd-45a0-8394-af80b279fecd">
+            <div id="7979a87b-ce24-433a-a7bb-bf39cd30646b">
             </div>
            </div>
           </div>
          </div>
-         <div id="ad6fffd3-0c4b-4c0b-8ba5-d9205258c32f">
+         <div id="1e508a9c-06c0-4402-8ccf-b4961d13e3f8">
           <div class="row">
            <div class="col-md">
-            <div id="8417125a-e990-4261-b673-2e31633a54a4">
-             <p id="ecd730e0-cd11-4858-8216-bc7eb0d57efb">
+            <div id="837095ce-f369-4557-abb7-468650998266">
+             <p id="1747e83f-b654-4252-ad00-2f20a0180459">
               Make
               <code>
                Toast
@@ -10527,8 +10527,8 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="a3765ee5-bb8d-411f-a8e5-baa2beb4efab">
-             <pre id="3cc848f4-57ff-4a4f-a6e5-5a593347b6d8"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
+            <div id="1b902149-50fb-4d93-b59b-0094e69054f9">
+             <pre id="b178eb5d-31bf-4b85-96ec-6937bee8b596"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
 
 tst_with_title = Toast(
     title="Bootwrap",
@@ -10567,16 +10567,16 @@ Panel(
     btn_show_toast_without_title,
     action
 )</code></pre>
-             <div id="7909a3f5-7040-4741-aa58-28e47f1e9ac5">
+             <div id="157ce6a9-6d99-4d50-91ec-b98bf600a3a4">
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast border border-success text-success" data-bs-autohide="true" id="24c2b36a-a4e2-4033-8ec4-f5585f3a0dbd" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast border border-success text-success" data-bs-autohide="true" id="779aff32-bf82-4652-b231-51047d20c6e4" role="alert">
                 <div class="toast-header">
-                 <i class="me-2 fa-solid fa-info" id="02f5016c-2238-47ab-bdae-7db2939d9712">
+                 <i class="me-2 fa-solid fa-info" id="a28383a6-c2c8-4927-b980-464cef192257">
                  </i>
-                 <strong class="me-auto" id="56812cbb-72df-43e0-995c-ffcf75fbfb05">
+                 <strong class="me-auto" id="4f95c2dd-c7f6-4fbb-b1f3-babe644ac3af">
                   Bootwrap
                  </strong>
-                 <small id="88d24106-f9ff-4d47-8437-0d362d96e304">
+                 <small id="0904a731-3736-45b0-b4e4-9b0f16442591">
                   11 mins ago
                  </small>
                  <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button">
@@ -10588,7 +10588,7 @@ Panel(
                </div>
               </div>
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast border border-success text-success align-items-center" data-bs-autohide="true" id="9500f2ed-1089-4140-bc31-18ba44ca58d2" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast border border-success text-success align-items-center" data-bs-autohide="true" id="8e323bbd-8420-40b6-8026-7af4e3804664" role="alert">
                 <div class="d-flex">
                  <div class="toast-body">
                   Hello, world! This is a toast message.
@@ -10598,18 +10598,18 @@ Panel(
                 </div>
                </div>
               </div>
-              <button class="btn btn-outline-success" id="a6b88745-d5aa-4ca5-9cc7-122ee157e670" onclick="return false;">
+              <button class="btn btn-outline-success" id="609cd4a0-34ab-4a0f-981d-2a41d3d8cc43" onclick="return false;">
                Show toast with title
               </button>
-              <button class="btn btn-outline-success" id="08b981c7-fe98-44a8-95b5-68c9f21d76dd" onclick="return false;">
+              <button class="btn btn-outline-success" id="37a1283f-4377-4175-ae38-bf9102b9e118" onclick="return false;">
                Show toast without title
               </button>
               <script type="application/javascript">
-               $("#a6b88745-d5aa-4ca5-9cc7-122ee157e670").on("click",function(){
-        $("#24c2b36a-a4e2-4033-8ec4-f5585f3a0dbd").toast("show");
+               $("#609cd4a0-34ab-4a0f-981d-2a41d3d8cc43").on("click",function(){
+        $("#779aff32-bf82-4652-b231-51047d20c6e4").toast("show");
     });
-    $("#08b981c7-fe98-44a8-95b5-68c9f21d76dd").on("click",function(){
-        $("#9500f2ed-1089-4140-bc31-18ba44ca58d2").toast("show");
+    $("#37a1283f-4377-4175-ae38-bf9102b9e118").on("click",function(){
+        $("#8e323bbd-8420-40b6-8026-7af4e3804664").toast("show");
     });
               </script>
              </div>
@@ -10619,28 +10619,28 @@ Panel(
          </div>
         </div>
        </div>
-       <div class="tab-pane fade" id="2b2297f2-73f2-4d1e-82d5-8ba7e07369f5">
-        <div class="mt-3" id="59111579-67d5-4e8a-841f-598702d1ccb1">
-         <div id="46b88efc-5153-4d2e-bc4f-03926bf5146a">
+       <div class="tab-pane fade" id="d7864682-93fe-4846-b7f3-0eb501af68c8">
+        <div class="mt-3" id="e13f6bd1-2225-4f88-89f0-513212fd3dfe">
+         <div id="0067243c-90f6-4481-b849-9641d9adff18">
           <div class="row">
            <div class="col-md">
-            <div id="ef21a9ac-0f28-4a04-9e3c-2dd288402f85">
-             <h1 id="7d795bf3-bbda-47ee-b222-a6b92f191bb1">
+            <div id="dee7b19c-80ca-4ce2-bc47-0756126aeda9">
+             <h1 id="ce0532cb-6252-45a4-913b-daea4e617df0">
               Delay
              </h1>
             </div>
            </div>
            <div class="col-md">
-            <div id="5d0c8340-658a-441d-b42f-34fe0e3258d9">
+            <div id="0392fd33-1601-4572-9b85-14033c6d9ecc">
             </div>
            </div>
           </div>
          </div>
-         <div id="61bd162b-159a-44f8-88e0-615b4aebc4e8">
+         <div id="24757903-9f41-41e4-94c9-b250e4b2a4a8">
           <div class="row">
            <div class="col-md">
-            <div id="260610a8-433e-4acb-9831-f350504a46ab">
-             <p id="68a8f378-82df-4262-a35d-040de248df22">
+            <div id="aaca9be3-cfdf-46cc-8244-22f3da6f107c">
+             <p id="84769445-a4b8-4a5e-8892-b84079c07fdb">
               Make
               <code>
                Toast
@@ -10650,8 +10650,8 @@ Panel(
             </div>
            </div>
            <div class="col-md">
-            <div id="9b3a5544-ff94-41d4-a754-da8d25e23ecd">
-             <pre id="722c638e-f976-45c7-af46-a196f631b464"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
+            <div id="e10a863c-2602-4207-9545-a5270518a05d">
+             <pre id="407535e8-5f08-448a-969e-cc5ad2c11fb6"><code class="language-python">from bootwrap import Panel, Toast, Button, Icon, Text, Javascript
 
 tst_example = Toast(
     title="Bootwrap",
@@ -10679,16 +10679,16 @@ Panel(
     btn_show_toast,
     action
 )</code></pre>
-             <div id="56996fb6-584d-4c5e-b4f7-97a6504f42b1">
+             <div id="f05bb105-4f4d-4f59-8805-20edefb3e252">
               <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 10">
-               <div aria-atomic="true" aria-live="assertive" class="toast" data-bs-autohide="true" data-bs-delay="5000" id="0200bfff-45e6-460e-a9c8-1cb238db9d3b" role="alert">
+               <div aria-atomic="true" aria-live="assertive" class="toast" data-bs-autohide="true" data-bs-delay="5000" id="b2d5ce37-607b-4478-ab04-1585dce9920e" role="alert">
                 <div class="toast-header">
-                 <i class="me-2 fa-solid fa-info" id="80b26b1b-df0c-477f-8ae8-459914c8b353">
+                 <i class="me-2 fa-solid fa-info" id="1bf4a96e-b6b1-42dd-824a-d02a845650db">
                  </i>
-                 <strong class="me-auto" id="71f0a059-2788-4bc4-8b41-846d80bbfeb7">
+                 <strong class="me-auto" id="9e576ed7-401b-4891-a616-0c280e72d830">
                   Bootwrap
                  </strong>
-                 <small id="625e91c7-0677-4071-9ac5-181805f7661f">
+                 <small id="47751dcc-9255-4dc0-b18d-ca1a2255145c">
                   11 mins ago
                  </small>
                  <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button">
@@ -10699,12 +10699,12 @@ Panel(
                 </div>
                </div>
               </div>
-              <button class="btn" id="1a34f394-f3a5-4b07-8b9b-bf97ce73b46b" onclick="return false;">
+              <button class="btn" id="0cb893b1-2e3e-40ed-96c1-c8f0dc0dbf9a" onclick="return false;">
                Show toast
               </button>
               <script type="application/javascript">
-               $("#1a34f394-f3a5-4b07-8b9b-bf97ce73b46b").on("click",function(){
-        $("#0200bfff-45e6-460e-a9c8-1cb238db9d3b").toast("show");
+               $("#0cb893b1-2e3e-40ed-96c1-c8f0dc0dbf9a").on("click",function(){
+        $("#b2d5ce37-607b-4478-ab04-1585dce9920e").toast("show");
     });
               </script>
              </div>
diff --git a/docs/index.html b/docs/index.html
index 9bb8520..83957e1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,8 +27,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="5a86078f-84f7-4781-9ca8-f8296db39f20" src="logo.png" width="32"/>
-   <strong class="text-light" id="052ed53f-3f21-4df3-87bc-639f4950a41e">
+   <img alt="Bootwrap Logo" id="0967021c-21fb-4965-84d9-0b708f9215d0" src="logo.png" width="32"/>
+   <strong class="text-light" id="f39aa58d-9875-4dc6-949a-0806021b9d7a">
     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">
@@ -38,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="a4abd9b7-98bc-4722-a983-7d417876d8b1">
+      <a class="ms-2 nav-link" href="index.html" id="912553ce-106c-43ad-a707-5db42ffdbb97">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="de195e11-7639-4f70-948f-9e6c1da91cfd">
+      <a class="ms-2 nav-link" href="layout.html" id="d4b17733-ebda-42a8-a63e-c91d9a6e0a19">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="fdec9616-87f5-4042-b1bd-bf0def55757c">
+      <a class="ms-2 nav-link" href="base.html" id="b3094a4c-eecb-41fb-a977-27d58598240c">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="5490d595-623f-48e3-9502-31b05032643e">
+      <a class="ms-2 nav-link" href="components.html" id="a5cdec2b-528e-48ee-b97a-c049faefe62c">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="599dd16b-c449-4750-94bd-0b666c7da441" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="f20aee0e-8ec5-4915-a69e-02134467dfbf" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <div id="c8cc24d5-e2b8-416a-b9b2-39a9011a9a01">
-    <div class="mt-3" id="bc65832e-e4c4-41c0-87d8-48ece7998bbe">
-     <div id="e502e475-2ac9-493a-980f-e0e544bfb927">
+   <div id="83b90c6c-561a-43cb-92e7-67de5617ed6f">
+    <div class="mt-3" id="375c0712-5492-4ec0-bd9b-5b30d953c4fe">
+     <div id="9cd83dba-c35c-49c9-9848-8243a3578685">
       <div class="row">
        <div class="col-md">
-        <div id="0ac77984-c2bd-4920-a37b-7e3f89dcfaed">
-         <h1 id="e9c87bae-6e12-4e4a-9d73-3f3390de8d78">
+        <div id="518b41af-42a5-4bb5-82fd-7e202d765935">
+         <h1 id="49f53297-97cc-4227-911f-e7e156deeeb3">
           <span class="display-4">
            Bootwrap
           </span>
@@ -78,16 +78,16 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="390aeccd-4526-43df-ab4f-90b2f9556c46">
+        <div id="1c0f9df9-3d82-424e-af3b-4f0adc029e5d">
         </div>
        </div>
       </div>
      </div>
-     <div id="ca00c53a-98e5-40b9-8373-3096d661f39e">
+     <div id="228a1584-bcb4-4a54-b7a8-acf1507c6b0f">
       <div class="row">
        <div class="col-md">
-        <div id="2cf8e1b3-ec49-4d18-bb09-80e635221854">
-         <p id="3952bf1e-cb97-4153-b094-20be31adf8b9">
+        <div id="dc9a513a-0cc6-446d-b040-8cb2dfee7b59">
+         <p id="3271ccf7-ee66-48f9-b45b-b5b54ac99d63">
           <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>
@@ -95,72 +95,72 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="ca5c3d3f-ab50-46f7-b472-8acec0d0d8c3">
-         <div class="text-center" id="92291e09-0348-4660-9010-aab27385534a">
-          <img height="300" id="aef68836-39a9-428e-8aaa-d63907584b04" src="flash.png"/>
+        <div id="274b6a87-b493-41f5-aa73-f05665be1bf7">
+         <div class="text-center" id="ffa240f6-c88b-49fa-bea1-a9339ad85296">
+          <img height="300" id="d582fc75-e5d6-4484-9fb3-8b04934e93db" src="flash.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="17ade29c-7fa1-4337-893f-eeba974d4c47">
-     <div id="5e4cdf24-e090-4966-b9cc-3bcfbc2eb895">
+    <div class="mt-3" id="d16f4a97-67cb-4741-a4fc-aa6d8c30d856">
+     <div id="9979609a-c332-4600-87c8-3ad57f9d902a">
       <div class="row">
        <div class="col-md">
-        <div id="a3f3d2d7-86a5-42ed-95da-7d04fb140ca9">
-         <h1 id="84c44f4e-e220-4c0a-9e60-65d398899218">
+        <div id="19498c7a-2cf5-49de-9fac-4eb583f34f07">
+         <h1 id="e059154c-f83e-4d3b-a4ba-327b41ad06f4">
           Installation
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="18bc3553-d4c2-490d-9dcc-575d60aa316e">
+        <div id="3c3799da-4d57-4af0-87a1-c4da12f30ced">
         </div>
        </div>
       </div>
      </div>
-     <div id="698a669f-c0be-4367-84e6-f5e46e2d4fee">
+     <div id="e821fdb6-449d-42ef-9382-0371bb445ab1">
       <div class="row">
        <div class="col-md">
-        <div id="21cca6c5-f685-4f85-bee0-23e6fd36ad72">
-         <p id="2c161c06-fba9-435f-a687-182ba1b2cf82">
+        <div id="06dc1c08-e788-4dca-8de5-902b1f886c1e">
+         <p id="3dbef611-9098-42e2-bf2f-252a4e12dd41">
           Use the following command to install Python Bootwrap:
          </p>
-         <pre id="e918762d-90e6-4a63-bf5b-43a4d0f78987"><code class="language-python">~$ pip install bootwrap</code></pre>
+         <pre id="c143588b-d365-41ee-8057-1cb3310b4a68"><code class="language-python">~$ pip install bootwrap</code></pre>
         </div>
        </div>
        <div class="col-md">
-        <div id="77d6abc4-e1e9-43f8-93df-fb20b8819d63">
+        <div id="ae48e733-5cf0-48b7-bf68-ae2155862d47">
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="c7e0347b-1234-486d-a131-1c4f2876d9f7">
-     <div id="bef1c270-bb65-4fbe-be59-3d7063ccbb36">
+    <div class="mt-3" id="ec751071-66da-4315-9f48-0cd2ef6f64ed">
+     <div id="f9c08d4c-8d67-453e-b003-d40c7c064c42">
       <div class="row">
        <div class="col-md">
-        <div id="ed0754bd-da99-43a0-9143-727d3dbeff15">
-         <h1 id="544f8504-4137-41d3-bcaa-49f8296d8659">
+        <div id="83d29e28-cfd2-4a6f-9d67-9e60d9c52bba">
+         <h1 id="062c93c0-6f31-4447-9073-99b5a4e932e0">
           Single-Page Application
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="eba7b2f5-a1d5-4ce6-a3ff-c73ce8552060">
+        <div id="bd5d66b8-b799-4fb3-8de1-51d48972f08a">
         </div>
        </div>
       </div>
      </div>
-     <div id="d9a92b1f-d1fb-4fcf-8882-012cd1d0daaf">
+     <div id="f273d23d-ee67-4d7c-bdc2-3cf83e474d46">
       <div class="row">
        <div class="col-md">
-        <div id="675614e5-bf2f-4c7e-b775-b3df627dbfa8">
-         <p id="a9dcbb1a-e177-4a6f-bcb5-6ca87d383246">
+        <div id="2791d169-5350-438d-b1c3-94d283e96062">
+         <p id="9e0c2f42-c399-496c-b90d-5758b0841de3">
           A single-page Bootwrap application looks something like this:
          </p>
-         <pre id="ef9f9f4b-7102-4a2d-ae72-755ac0e69cde"><code class="language-python">from flask import Flask
+         <pre id="7a545f5e-70e7-4bb7-be67-c34d56addafa"><code class="language-python">from flask import Flask
 from markupsafe import Markup
 from bootwrap import Page, Text
 
@@ -177,39 +177,39 @@ if __name__ == '__main__':
         </div>
        </div>
        <div class="col-md">
-        <div id="54c52712-a424-4578-b340-9a50a7a746f8">
-         <div class="text-center" id="ef8924a1-b17f-4a43-9bd3-f7315566b035">
-          <img height="200" id="ccc587e7-8ae7-4a6a-8422-45af2b6a8c12" src="single-page-app.png"/>
+        <div id="fb6627d5-9350-4bcd-9175-7fb5e97b4c3c">
+         <div class="text-center" id="73e0f93d-a043-47a2-9c0e-ff76cc600216">
+          <img height="200" id="196e5a65-d839-4f9e-95a9-837634c5d0ca" src="single-page-app.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="ac5a9c71-7e04-4b38-b9fb-dc2b782b6c85">
-     <div id="64189bb8-222b-41a9-b235-918eba17b023">
+    <div class="mt-3" id="bc0f4be4-56c2-4d7a-adaa-e60a9f6613dd">
+     <div id="7e282044-07c9-4d51-bcf7-ec5be8992e08">
       <div class="row">
        <div class="col-md">
-        <div id="8f0a3c75-b543-4e1c-86ff-49b9d10eaa8f">
-         <h1 id="49f417f3-9468-45a9-913f-edcf170f48db">
+        <div id="a689037b-3dc1-4f64-a348-d44f74e542cb">
+         <h1 id="8680b485-0924-4223-b329-33c76f084825">
           Multi-Pages Application
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="0b96c433-3fd7-4d09-aca2-97c2b5fb620d">
+        <div id="cbd440da-d2d8-4a7d-a716-849d7fb622cc">
         </div>
        </div>
       </div>
      </div>
-     <div id="5b801e68-d2f5-43cb-ab86-2448d91fe5f7">
+     <div id="5b041f7e-779c-4bc5-92a0-1854982e83a2">
       <div class="row">
        <div class="col-md">
-        <div id="3c8756f0-b6dc-4150-b6f9-1cbcc248293f">
-         <p id="6cf8a839-0900-4d74-89c9-62e91618e168">
+        <div id="25340024-3a65-4b51-81f2-7f8a7c35e09a">
+         <p id="eedafd7e-8b11-462b-879c-c07665062b8b">
           A multi-pages Bootwrap application looks something like this:
          </p>
-         <pre id="b96604af-ee7e-495a-beef-4e8497985199"><code class="language-python">from flask import Flask
+         <pre id="42527c64-e263-49b4-a064-a183648e9512"><code class="language-python">from flask import Flask
 from markupsafe import Markup
 from bootwrap import (
   Page, Menu, Image, Anchor, Button, Text
@@ -290,9 +290,9 @@ if __name__ == '__main__':
         </div>
        </div>
        <div class="col-md">
-        <div id="4d340bce-9e16-49f8-9491-dae92501ba92">
-         <div class="text-center" id="14c5ba56-e50e-49cc-9d53-38431cf1f558">
-          <img height="200" id="745c861c-bfbd-4efd-b7cd-bbd094f29a46" src="multi-pages-app.png"/>
+        <div id="9076da6f-e2eb-4922-bd7f-c89051f546a8">
+         <div class="text-center" id="9550d0cb-cdd6-4976-b271-988cde5eadc3">
+          <img height="200" id="63e0e067-3d5e-4faa-92e5-c37b02d1b7dd" src="multi-pages-app.png"/>
          </div>
         </div>
        </div>
diff --git a/docs/layout.html b/docs/layout.html
index ddd5437..fc77f43 100644
--- a/docs/layout.html
+++ b/docs/layout.html
@@ -27,8 +27,8 @@
  </head>
  <body>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-   <img alt="Bootwrap Logo" id="8628330f-e8fd-41e4-92c1-294db5373fc7" src="logo.png" width="32"/>
-   <strong class="text-light" id="8089fb10-94e0-443a-8c7d-bc7dcf885e78">
+   <img alt="Bootwrap Logo" id="6b595d2b-220d-4ca7-a22a-e2d5e3a2fb29" src="logo.png" width="32"/>
+   <strong class="text-light" id="1aabc373-6126-4b6c-bd8b-fbb344b5bbdd">
     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">
@@ -38,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="9e2101da-25cc-4a35-8182-e5f6efb6cf3c">
+      <a class="ms-2 nav-link" href="index.html" id="8ebea803-8ad5-4a52-a37d-70ab78c9f042">
        Home
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="layout.html" id="680d5be2-a687-4685-a7f4-a2fe03b24333">
+      <a class="ms-2 nav-link" href="layout.html" id="98d1c5dc-0640-4e16-be0f-6e3bcf7f41d5">
        Layout
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="base.html" id="89a7a169-634a-44b9-83dd-d17e83633b13">
+      <a class="ms-2 nav-link" href="base.html" id="26b15872-1d51-4573-9084-358b7809c647">
        Base
       </a>
      </li>
      <li class="nav-item">
-      <a class="ms-2 nav-link" href="components.html" id="988b5ebf-61ea-451d-ade5-c8b4347d35c6">
+      <a class="ms-2 nav-link" href="components.html" id="962e873d-5acd-4556-9376-f602b2e77991">
        Components
       </a>
      </li>
     </ul>
-    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="40c5d314-e754-482a-91c4-603710a12e49" role="button">
+    <a class="ms-2 btn btn-outline-light" href="https://github.com/mmgalushka/bootwrap" id="4ae5a6c9-390b-4989-84bd-16d1f67054c9" role="button">
      GitHub
     </a>
    </div>
   </nav>
   <div class="container-fluid">
-   <div id="9e418e95-14a4-4dcb-be8c-39443bbce8e0">
-    <div class="mt-3" id="ee93b291-9d12-43c8-81d5-3d22ec98b56a">
-     <div id="7bca34d9-bec4-4ff6-ba5d-3bdaa44dd1dd">
+   <div id="2eb5fe5a-db27-4425-a728-e92fda03a2a9">
+    <div class="mt-3" id="1b2882c7-4f9d-45da-a6a2-d2cf0f3f27b5">
+     <div id="a2bc578d-716a-4061-a272-0784c2d5c371">
       <div class="row">
        <div class="col-md">
-        <div id="02b48dec-49ef-40c4-8409-4e2881c79e90">
-         <h1 id="9679f91a-0e15-40e7-b404-0e074a9dfb1b">
+        <div id="7f00c790-02b2-483a-8076-3ec67557d471">
+         <h1 id="3d7d52df-cc63-48ea-9bf0-31ae7b8051b5">
           Layout
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="92742581-fac7-4815-92f0-25f95d2747ca">
+        <div id="82ffbe39-92a4-44b5-ac1b-5fd4dc96a63c">
         </div>
        </div>
       </div>
      </div>
-     <div id="bf96500f-376b-410c-bc14-712dae0d1153">
+     <div id="f9139f8c-019c-4d63-8181-19231fabe2a9">
       <div class="row">
        <div class="col-md">
-        <div id="b7de535b-f4db-4d53-99cd-9305d571dc75">
-         <p id="ad834f36-c4ee-40e9-b93a-dd4dd717bc04">
+        <div id="d65f26cc-e8ca-417a-b77c-ac3ce360a156">
+         <p id="1d78c505-1d5d-4ecb-ba35-04c03726ba93">
           To simplify the process of developing Web UI, Bootwrap uses the predefined layout which consists  of two elements
           <code>
            Page
@@ -96,7 +96,7 @@
           </code>
           .
          </p>
-         <p id="22906588-39db-4e02-b646-fec3e9847154">
+         <p id="61e2c415-fc82-4ada-a47e-aa2da6c0ee07">
           <strong>
            Note:
           </strong>
@@ -105,36 +105,36 @@
         </div>
        </div>
        <div class="col-md">
-        <div id="ba782d87-8d7b-483f-a14d-09660b6a1715">
-         <div class="text-center" id="7142a4b4-a189-43cd-8087-46ca8d7f2536">
-          <img height="200" id="8eef9618-1659-4870-a736-83a62ee082f6" src="layout.png"/>
+        <div id="0303fac4-e1dc-4ca5-8214-c56d1c47ba09">
+         <div class="text-center" id="c2c1d3d7-35b5-44d9-97b8-a66c24435637">
+          <img height="200" id="ceb8e2cf-46dd-4581-bb0b-d8f55001d0b1" src="layout.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="492d2ae3-6df5-4523-a16c-f7dd52da1046">
-     <div id="1e8ac31f-aafa-4bf3-8ba4-9a2e217b24a5">
+    <div class="mt-3" id="66fcca85-1c70-4c2e-b7a3-36f0ae4aba9d">
+     <div id="f6e75f33-cbe0-42f0-a869-d1796c223c87">
       <div class="row">
        <div class="col-md">
-        <div id="d93ba9dc-44fc-47fe-b23e-af9cc69cefcd">
-         <h1 id="9b52d684-07fc-4d25-ba5b-8391dd2afbce">
+        <div id="094c5820-0705-45e3-8b5d-46ab8799f049">
+         <h1 id="4dc5c34c-2c45-48ca-a826-012f0fa2e713">
           Page
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="c1a2f12a-1f31-4467-8dd7-d41eef1de981">
+        <div id="3f65de5c-4e14-4206-ab95-ac2e592ceb8a">
         </div>
        </div>
       </div>
      </div>
-     <div id="79123c20-f6a5-4a48-9325-4cb265a47f89">
+     <div id="89b87d57-77fe-4f47-9574-3cfd0413a4dd">
       <div class="row">
        <div class="col-md">
-        <div id="a1e1d980-0565-46eb-84fe-b0ec911483f3">
-         <p id="4f5b70c6-d74e-4a43-a72a-b71b935ceb50">
+        <div id="63dcaae6-9e2d-42ff-9c7e-f8081b62d83d">
+         <p id="40a08819-cae9-46bc-8e2e-b33f2cdd7d5d">
           The container could be any element inheriting
           <code>
            WebComponent
@@ -145,7 +145,7 @@
           </code>
           .
          </p>
-         <pre id="3e175394-1e41-4b57-81a8-d76863f58bf5"><code class="language-python">from bootwrap import Page
+         <pre id="5b5b4fdb-a708-4f0a-b45e-2c915b09c0e6"><code class="language-python">from bootwrap import Page
 
 page = Page(
   favicon=..., title=..., resources=..., menu=...,
@@ -154,43 +154,43 @@ page = Page(
         </div>
        </div>
        <div class="col-md">
-        <div id="ffc64a39-7ac0-4ff2-8170-96f68c248be5">
-         <div class="text-center" id="f693df20-a679-440e-8d32-e3e15cb8d079">
-          <img height="250" id="b46ad295-4258-47ff-a28f-7c28f811f975" src="page.png"/>
+        <div id="cf6f15f5-7382-4bd4-9dde-470113e91e1c">
+         <div class="text-center" id="e169b343-dbe7-4af7-baee-d609f8f50db0">
+          <img height="250" id="7ef6bb9f-9e49-476a-8d5f-919df9bcd6ce" src="page.png"/>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
-    <div class="mt-3" id="cb5d756c-c583-4272-a321-8e64bee7b000">
-     <div id="fe565edc-eaaf-41d7-a0be-152bd8e5e325">
+    <div class="mt-3" id="3d6d91e5-eade-436b-adec-890e6056922b">
+     <div id="0f089199-8e80-496d-a821-75539fbf3c5d">
       <div class="row">
        <div class="col-md">
-        <div id="743e1965-ee6c-494c-8791-2fea1e520b3d">
-         <h1 id="b7c1cabb-b657-4df2-90c3-ddf7e9069022">
+        <div id="250e4974-6f88-4ab4-b0d2-40f9808699cf">
+         <h1 id="bda8fb0c-c606-44a5-9aee-576874c01544">
           Menu
          </h1>
         </div>
        </div>
        <div class="col-md">
-        <div id="e59e0664-2517-4e36-b64d-401de66317cb">
+        <div id="43d88b55-1550-453b-80bd-486349bcad04">
         </div>
        </div>
       </div>
      </div>
-     <div id="da9a1bba-e239-434a-824f-58fe25f7f162">
+     <div id="3cb4f71e-4094-4743-8d29-96a45443d4ac">
       <div class="row">
        <div class="col-md">
-        <div id="79631245-70e5-4190-9be3-0a761e3c06f6">
-         <p id="93015713-d1d0-4e9a-ad49-61f70953d345">
+        <div id="5bff8281-617d-409d-9dab-b2c46f9ecec2">
+         <p id="045aa0e3-1913-403f-83a6-699779f8d00a">
           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="5a23dcf1-26d1-4038-80cf-cc3c9d066141"><code class="language-python">from bootwrap import Menu
+         <pre id="795237c0-8480-4979-aaed-c6a51b03fb9b"><code class="language-python">from bootwrap import Menu
 
 menu = Menu(
   logo=..., brand=..., anchors=...,  actions=...
@@ -198,9 +198,9 @@ menu = Menu(
         </div>
        </div>
        <div class="col-md">
-        <div id="44b66186-e6f3-48ca-a25d-0e08e69a2e07">
-         <div class="text-center" id="9f31ba1e-4187-4b1f-8871-3d9c12ecf9ca">
-          <img height="100" id="db04218e-a0e7-4846-b50a-5624008c9ea1" src="menu.png"/>
+        <div id="b136b6d6-b081-4b37-9ec5-2625f1279674">
+         <div class="text-center" id="ed04c537-d11b-4c4d-a8b1-53ded72e2bf1">
+          <img height="100" id="b4879e3d-91dd-4fc4-86ff-be5df96dd24c" src="menu.png"/>
          </div>
         </div>
        </div>


Test patch:
diff --git a/tests/test_form.py b/tests/test_form.py
index c1cc7c5..ff54802 100644
--- a/tests/test_form.py
+++ b/tests/test_form.py
@@ -16,7 +16,7 @@ from bootwrap import (
     HiddenInput,
     FileInput,
     InputGroup,
-    Text
+    Text,
 )
 from .helper import HelperHTMLParser
 
@@ -25,13 +25,12 @@ from .helper import HelperHTMLParser
 def test_form():
     class Dummy(WebComponent):
         def __str__(self):
-            return '<dummy>dummy</dummy>'
+            return "<dummy>dummy</dummy>"
 
-    form = Form(Dummy()).\
-        on_submit('somelink').\
-        add_classes('someclass')
+    form = Form(Dummy()).on_submit("somelink").add_classes("someclass")
     actual = HelperHTMLParser.parse(str(form))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <form id="{form.identifier}"
             action="somelink"
             class="someclass"
@@ -39,7 +38,8 @@ def test_form():
             enctype="multipart/form-data">
             <dummy>dummy</dummy>
         </form>
-    ''')
+    """
+    )
     assert actual == expected
 
 
@@ -50,10 +50,10 @@ def test_generic_input():
             return f'<xyz id="{self.identifier}">{self._name}</xyz>'
 
     # the label on the same row as input...
-    generic = GenericInput('somelabel', 'somename').\
-        add_classes('someclass')
+    generic = GenericInput("somelabel", "somename").add_classes("someclass")
     actual = HelperHTMLParser.parse(str(generic))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group someclass row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{generic.identifier}">
@@ -63,15 +63,19 @@ def test_generic_input():
                 <xyz id="{generic.identifier}">somename</xyz>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # the label on the top, input at the bottom...
-    generic = GenericInput('somelabel', 'somename').\
-        add_classes('someclass').\
-        label_on_top()
+    generic = (
+        GenericInput("somelabel", "somename")
+        .add_classes("someclass")
+        .label_on_top()
+    )
     actual = HelperHTMLParser.parse(str(generic))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group someclass">
             <label for="{generic.identifier}">
                 somelabel
@@ -80,24 +84,27 @@ def test_generic_input():
                 <xyz id="{generic.identifier}">somename</xyz>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # with no label...
-    generic = GenericInput(None, 'somename').\
-        add_classes('someclass')
+    generic = GenericInput(None, "somename").add_classes("someclass")
     actual = HelperHTMLParser.parse(str(generic))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <xyz id="{generic.identifier}">somename</xyz>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.form
 def test_checkbox_input():
-    checkbox = CheckboxInput('somelabel', 'somename')
+    checkbox = CheckboxInput("somelabel", "somename")
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-check">
             <input id="{checkbox.identifier}"
                 name="somename"
@@ -106,20 +113,21 @@ def test_checkbox_input():
                 value="true"
                 autocomplete="off">
             </input>
-            <input type="hidden" name="somename" value="false">
-            </input>
             <label class="form-check-label" 
                 for="{checkbox.identifier}">
                 somelabel
+                <input type="hidden" name="somename" value="false">
+                </input>
             </label>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
-
-    checkbox = CheckboxInput('somelabel', 'somename').label_on_left()
+    checkbox = CheckboxInput("somelabel", "somename").label_on_left()
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="...">
@@ -137,13 +145,14 @@ def test_checkbox_input():
                 </input> 
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
-    checkbox = CheckboxInput('somelabel', 'somename', True).\
-        as_disabled()
+    checkbox = CheckboxInput("somelabel", "somename", True).as_disabled()
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-check">
             <input id="{checkbox.identifier}"
                 name="somename"
@@ -153,21 +162,22 @@ def test_checkbox_input():
                 autocomplete="off"
                 checked disabled>
             </input>
-            <input type="hidden" name="somename" value="false">
-            </input>
             <label class="form-check-label" 
                 for="{checkbox.identifier}">
                 somelabel
+                <input type="hidden" name="somename" value="false">
+                </input>
             </label>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing checkbox as switch
-    checkbox = CheckboxInput('somelabel', 'somename', False).\
-        as_switch()
+    checkbox = CheckboxInput("somelabel", "somename", False).as_switch()
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-check form-switch">
             <input id="{checkbox.identifier}"
                 name="somename"
@@ -176,21 +186,22 @@ def test_checkbox_input():
                 value="true"
                 autocomplete="off">
             </input>
-            <input type="hidden" name="somename" value="false">
-            </input>
             <label class="form-check-label" 
                 for="{checkbox.identifier}">
                 somelabel
+                <input type="hidden" name="somename" value="false">
+                </input>
             </label>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing checkbox as radio
-    checkbox = CheckboxInput('somelabel', 'somename', False).\
-        as_radio(1)
+    checkbox = CheckboxInput("somelabel", "somename", False).as_radio(1)
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-check">
             <input id="{checkbox.identifier}"
                 name="somename"
@@ -199,21 +210,24 @@ def test_checkbox_input():
                 type="radio"
                 autocomplete="off">
             </input>
-            <input type="hidden" name="somename" value="false">
-            </input>
             <label class="form-check-label" 
                 for="{checkbox.identifier}">
                 somelabel
+                <input type="hidden" name="somename" value="false">
+                </input>
             </label>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing checkbox as button
-    checkbox = CheckboxInput('somelabel', 'somename', False).\
-        as_button().as_primary()
+    checkbox = (
+        CheckboxInput("somelabel", "somename", False).as_button().as_primary()
+    )
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <input id="{checkbox.identifier}"
             name="somename"
             class="btn-check"
@@ -221,19 +235,25 @@ def test_checkbox_input():
             value="true"
             autocomplete="off">
         </input>
-        <input type="hidden" name="somename" value="false">
-        </input>
         <label class="btn btn-primary" 
             for="{checkbox.identifier}">
             somelabel
+            <input type="hidden" name="somename" value="false">
+            </input>
         </label>
-    ''')
+    """
+    )
     assert actual == expected
 
-    checkbox = CheckboxInput('somelabel', 'somename', False).\
-        as_button().as_primary().as_outline()
+    checkbox = (
+        CheckboxInput("somelabel", "somename", False)
+        .as_button()
+        .as_primary()
+        .as_outline()
+    )
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <input id="{checkbox.identifier}"
             name="somename"
             class="btn-check"
@@ -241,20 +261,21 @@ def test_checkbox_input():
             value="true"
             autocomplete="off">
         </input>
-        <input type="hidden" name="somename" value="false">
-        </input>
         <label class="btn btn-outline-primary" 
             for="{checkbox.identifier}">
             somelabel
+            <input type="hidden" name="somename" value="false">
+            </input>
         </label>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing checkbox inline
-    checkbox = CheckboxInput('somelabel', 'somename', False).\
-        inline()
+    checkbox = CheckboxInput("somelabel", "somename", False).inline()
     actual = HelperHTMLParser.parse(str(checkbox))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-check form-check-inline">
             <input id="{checkbox.identifier}"
                 name="somename"
@@ -263,28 +284,30 @@ def test_checkbox_input():
                 value="true"
                 autocomplete="off">
             </input>
-            <input type="hidden" name="somename" value="false">
-            </input>
             <label class="form-check-label" 
                 for="{checkbox.identifier}">
                 somelabel
+                <input type="hidden" name="somename" value="false">
+                </input>
             </label>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # make sure that reciver is empty
-    assert CheckboxInput('somelabel', 'somename', False)._receiver() == ""
+    assert CheckboxInput("somelabel", "somename", False)._receiver() == ""
 
 
 @pytest.mark.form
 def test_text_input():
     # testing text-input...
     text = TextInput(
-        'somelabel', 'somename', 'somevalue', placeholder='someplaceholder'
+        "somelabel", "somename", "somevalue", placeholder="someplaceholder"
     )
     actual = HelperHTMLParser.parse(str(text))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{text.identifier}">
@@ -299,13 +322,15 @@ def test_text_input():
                     placeholder="someplaceholder"/>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing email-input...
-    email = TextInput('somelabel', 'somename').for_email()
+    email = TextInput("somelabel", "somename").for_email()
     actual = HelperHTMLParser.parse(str(email))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{email.identifier}">
@@ -318,13 +343,15 @@ def test_text_input():
                     class="form-control"/>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing password-input...
-    password = TextInput('somelabel', 'somename').for_password()
+    password = TextInput("somelabel", "somename").for_password()
     actual = HelperHTMLParser.parse(str(password))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{password.identifier}">
@@ -337,26 +364,29 @@ def test_text_input():
                     class="form-control"/>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
     # testing exception...
     with pytest.raises(AssertionError):
         str(
-            TextInput('somelabel', 'somename', 'somevalue').
-            with_multirows(5).for_email()
+            TextInput("somelabel", "somename", "somevalue")
+            .with_multirows(5)
+            .for_email()
         )
     with pytest.raises(AssertionError):
         str(
-            TextInput('somelabel', 'somename', 'somevalue').
-            with_multirows(5).for_password()
+            TextInput("somelabel", "somename", "somevalue")
+            .with_multirows(5)
+            .for_password()
         )
 
 
 @pytest.mark.form
 def test_text_area():
     def get_expected(element, disabled=False):
-        return f'''
+        return f"""
             <div class="form-group row">
                 <label class="col-sm-4 col-form-label d-flex
                     align-items-center"
@@ -372,18 +402,22 @@ def test_text_area():
                         >somevalue</textarea>
                 </div>
             </div>
-        '''
+        """
 
     textarea = TextInput(
-        'somelabel', 'somename', 'somevalue', placeholder='someplaceholder'
+        "somelabel", "somename", "somevalue", placeholder="someplaceholder"
     ).with_multirows(5)
     actual = HelperHTMLParser.parse(str(textarea))
     expected = HelperHTMLParser.parse(get_expected(textarea))
     assert actual == expected
 
-    textarea = TextInput(
-        'somelabel', 'somename', 'somevalue', placeholder='someplaceholder'
-    ).with_multirows(5).as_disabled()
+    textarea = (
+        TextInput(
+            "somelabel", "somename", "somevalue", placeholder="someplaceholder"
+        )
+        .with_multirows(5)
+        .as_disabled()
+    )
     actual = HelperHTMLParser.parse(str(textarea))
     expected = HelperHTMLParser.parse(get_expected(textarea, disabled=True))
     assert actual == expected
@@ -392,10 +426,11 @@ def test_text_area():
 @pytest.mark.form
 def test_numeric_input():
     numeric = NumericInput(
-        'somelabel', 'somename', 'somevalue', placeholder='someplaceholder'
+        "somelabel", "somename", "somevalue", placeholder="someplaceholder"
     )
     actual = HelperHTMLParser.parse(str(numeric))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{numeric.identifier}">
@@ -410,20 +445,22 @@ def test_numeric_input():
                     placeholder="someplaceholder"/>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.form
 def test_select_input():
-    option_0 = SelectInput.Option('Zero', 0, False)
-    option_1 = SelectInput.Option('One', 1, True)
+    option_0 = SelectInput.Option("Zero", 0, False)
+    option_1 = SelectInput.Option("One", 1, True)
     options = [option_0, option_1]
 
     # testing select-input...
-    select = SelectInput('somelabel', 'somename', 0, options)
+    select = SelectInput("somelabel", "somename", 0, options)
     actual = HelperHTMLParser.parse(str(select))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{select.identifier}">
@@ -444,12 +481,14 @@ def test_select_input():
                 </select>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
-    select = SelectInput('somelabel', 'somename', 0, options).as_disabled()
+    select = SelectInput("somelabel", "somename", 0, options).as_disabled()
     actual = HelperHTMLParser.parse(str(select))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{select.identifier}">
@@ -471,20 +510,22 @@ def test_select_input():
                 </select>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.form
 def test_radio_input():
-    option_0 = SelectInput.Option('Zero', 0, False)
-    option_1 = SelectInput.Option('One', 1, True)
+    option_0 = SelectInput.Option("Zero", 0, False)
+    option_1 = SelectInput.Option("One", 1, True)
     options = [option_0, option_1]
 
     # testing select-input...
-    radio = SelectInput('somelabel', 'somename', 0, options).as_radio()
+    radio = SelectInput("somelabel", "somename", 0, options).as_radio()
     actual = HelperHTMLParser.parse(str(radio))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{radio.identifier}">
@@ -519,18 +560,18 @@ def test_radio_input():
                 </div>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.form
 def test_json_input():
     # testing json-input...
-    json = JsonInput(
-        'somelabel', 'somename', { "hello": "test" }
-    )
+    json = JsonInput("somelabel", "somename", {"hello": "test"})
     actual = HelperHTMLParser.parse(str(json))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{json.identifier}">
@@ -543,14 +584,14 @@ def test_json_input():
                 <input id="{json.identifier}" name="somename" value="..." type="hidden"></input>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
-    json = JsonInput(
-        'somelabel', 'somename', { "hello": "test" }
-    ).as_disabled()
+    json = JsonInput("somelabel", "somename", {"hello": "test"}).as_disabled()
     actual = HelperHTMLParser.parse(str(json))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{json.identifier}">
@@ -563,29 +604,33 @@ def test_json_input():
                 <input id="{json.identifier}" name="somename" value="..." type="hidden"></input>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.form
 def test_hidden_input():
-    hidden = HiddenInput('somename', 'somevalue')
+    hidden = HiddenInput("somename", "somevalue")
     actual = HelperHTMLParser.parse(str(hidden))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <input id="{hidden.identifier}"
             name="somename"
             value="somevalue"
             type="hidden"/>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.form
 def test_file_input():
-    regexp = r'/[\|/]/'
-    file = FileInput('somelabel', 'somename').add_classes('someclass')
+    regexp = r"/[\|/]/"
+    file = FileInput("somelabel", "somename").add_classes("someclass")
     actual = HelperHTMLParser.parse(str(file))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group someclass row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{file.identifier}">
@@ -608,12 +653,14 @@ def test_file_input():
                 </div>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
-    file = FileInput('somelabel', 'somename').as_disabled()
+    file = FileInput("somelabel", "somename").as_disabled()
     actual = HelperHTMLParser.parse(str(file))
-    expected = HelperHTMLParser.parse(f'''
+    expected = HelperHTMLParser.parse(
+        f"""
         <div class="form-group row">
             <label class="col-sm-4 col-form-label d-flex align-items-center"
                 for="{file.identifier}">
@@ -637,18 +684,19 @@ def test_file_input():
                 </div>
             </div>
         </div>
-    ''')
+    """
+    )
     assert actual == expected
 
 
 @pytest.mark.button
 def test_button_group():
     input_group = InputGroup(
-        Text("@"),
-        TextInput(None, 'username', placeholder='type username')
+        Text("@"), TextInput(None, "username", placeholder="type username")
     )
     actual = HelperHTMLParser.parse(str(input_group))
-    expected = HelperHTMLParser.parse('''
+    expected = HelperHTMLParser.parse(
+        """
         <div id="..."
             class="input-group"
             role="group">
@@ -660,5 +708,6 @@ def test_button_group():
                 placeholder="type username"
                 />
         </div>
-    ''')
-    assert actual == expected
\ No newline at end of file
+    """
+    )
+    assert actual == expected