Minor fixes to docs and components

docs/components_page/components/modal/fullscreen.R

@@ -9,7 +9,8 @@ modal <- htmlDiv(
         dbcModalHeader(dbcModalTitle("Fullscreen modal")),
         dbcModalBody("Wow this thing takes up a lot of space...")
       ),
-      id = "modal-fs"
+      id = "modal-fs",
+      fullscreen=TRUE
     )
   )
 )

docs/components_page/components/modal/fullscreen.jl

@@ -8,6 +8,7 @@ modal = html_div([
             dbc_modalbody("Wow this thing takes up a lot of space..."),
         ],
         id = "modal-fs",
+        fullscreen=true
     ),
 ])
 

docs/components_page/components/modal/fullscreen.py

@@ -11,6 +11,7 @@
                 dbc.ModalBody("Wow this thing takes up a lot of space..."),
             ],
             id="modal-fs",
+            fullscreen=True,
         ),
     ]
 )

docs/markdown_to_html.py

@@ -29,7 +29,7 @@
 """  # noqa
 
 TAB_TEMPLATE = """<li class="nav-item" role="presentation">
-  <a class="nav-link{2}" id="{0}-tab" data-toggle="tab" href="#{0}" role="tab" aria-controls="{0}" aria-selected="{3}">{1}</a>
+  <a class="nav-link{2}" id="{0}-tab" data-bs-toggle="tab" data-bs-target="#{0}" role="tab" aria-controls="{0}" aria-selected="{3}">{1}</a>
 </li>
 """  # noqa
 

src/components/alert/Alert.js

@@ -22,6 +22,7 @@ const Alert = props => {
     style,
     class_name,
     className,
+    fade,
     ...otherProps
   } = props;
 
@@ -52,6 +53,7 @@ const Alert = props => {
       onClose={dismissable ? dismiss : null}
       variant={isBootstrapColor ? color : null}
       className={class_name || className}
+      transition={fade}
       style={!isBootstrapColor ? {backgroundColor: color, ...style} : style}
       {...omit(['setProps'], otherProps)}
       data-dash-is-loading={

src/components/pagination/Pagination.js

@@ -137,7 +137,11 @@ const Pagination = props => {
   }
 
   // Create the pagination component
-  return <RBPagination className={class_name || className} {...otherProps}>{paginationItems}</RBPagination>;
+  return (
+    <RBPagination className={class_name || className} {...otherProps}>
+      {paginationItems}
+    </RBPagination>
+  );
 };
 
 Pagination.defaultProps = {

src/components/toast/Toast.js

@@ -97,7 +97,8 @@ const Toast = props => {
 Toast.defaultProps = {
   is_open: true,
   n_dismiss: 0,
-  n_dismiss_timestamp: -1
+  n_dismiss_timestamp: -1,
+  dismissable: false
 };
 
 Toast.propTypes = {