@rio-cloud/uikit-mcp 1.1.4 → 1.1.5

package/dist/docs/components/dialogs.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#components/dialogs
-*Captured:* 2026-01-14T09:07:37.934Z
+*Captured:* 2026-02-03T14:04:51.877Z
 
 This component allows the user to create a generic modal dialog.
 
@@ -376,6 +376,37 @@ export default () => {
 </div>
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: Dialog
+
+### Dialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| body | React.ReactNode | — | The dialog body content. |
+| footer | React.ReactNode | — | The dialog body content. |
+| bodyClassName | string | — | Additional classes for the modal-body element. |
+| footerClassName | string | — | Additional classes for the modal-footer element. |
+| headerButtons | React.ReactNode | — | Allows to add additional buttons to the dialog header. |
+| onEsc | VoidFunction | — | A callback fired when esc key is pressed and the dialog is about to close. |
+| onCloseValidation | () => boolean | () => true | A callback function to be executed before closing the dialog. If the function returns false, the dialog will not be closed |
+
 ## Dialog compound components
 
 To accommodate forms within the dialog body and have the submit button in the footer or wrapping individual parts of the dialog, a more flexible approach to rendering its individual components is needed. In this scenario, you can make use of the dialog compound components.
@@ -511,6 +542,33 @@ export default () => {
 </div>
 ```
 
+#### Props: Dialog.Title
+
+### Dialog.Title
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| title | string \| React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | string \| React.ReactNode | — | The dialog header subtitle content. |
+| headerButtons | React.ReactNode | — | Allows to add additional buttons to the dialog header. |
+| onCloseButtonClick | () => void | — | — |
+
+#### Props: Dialog.Body
+
+### Dialog.Body
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| className | string | — | Additional classes for the modal-body element. |
+
+#### Props: Dialog.Footer
+
+### Dialog.Footer
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| className | string | — | Additional classes for the modal-footer element. |
+
 ## Dialogs with validation
 
 ### Example: Example 3
@@ -622,6 +680,37 @@ export default () => {
 <button type="button" class="btn btn-primary btn-component" tabindex="0">Open dialog</button>
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: Dialog
+
+### Dialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| body | React.ReactNode | — | The dialog body content. |
+| footer | React.ReactNode | — | The dialog body content. |
+| bodyClassName | string | — | Additional classes for the modal-body element. |
+| footerClassName | string | — | Additional classes for the modal-footer element. |
+| headerButtons | React.ReactNode | — | Allows to add additional buttons to the dialog header. |
+| onEsc | VoidFunction | — | A callback fired when esc key is pressed and the dialog is about to close. |
+| onCloseValidation | () => boolean | () => true | A callback function to be executed before closing the dialog. If the function returns false, the dialog will not be closed |
+
 ### Example: Example 4
 
 Validation with separate validation error dialog
@@ -772,6 +861,37 @@ export default () => {
 <button type="button" class="btn btn-primary btn-component" tabindex="0">Open dialog</button>
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: Dialog
+
+### Dialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| body | React.ReactNode | — | The dialog body content. |
+| footer | React.ReactNode | — | The dialog body content. |
+| bodyClassName | string | — | Additional classes for the modal-body element. |
+| footerClassName | string | — | Additional classes for the modal-footer element. |
+| headerButtons | React.ReactNode | — | Allows to add additional buttons to the dialog header. |
+| onEsc | VoidFunction | — | A callback fired when esc key is pressed and the dialog is about to close. |
+| onCloseValidation | () => boolean | () => true | A callback function to be executed before closing the dialog. If the function returns false, the dialog will not be closed |
+
 ## SimpleDialog
 
 This component allows the user to create a simple dialog. It uses the dialog component described above.
@@ -839,6 +959,31 @@ export default () => {
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: SimpleDialog
+
+### SimpleDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| content | string \| React.ReactNode | — | The content of the dialog body itself. |
+
 ## ConfirmationDialog
 
 This component allows the user to create a confirmation dialog. It uses the dialog component described above.
@@ -917,6 +1062,36 @@ export default () => {
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: ConfirmationDialog
+
+### ConfirmationDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| content | string \| React.ReactNode | — | The content of the dialog body itself |
+| onClickConfirm | VoidFunction | () => {} | A callback fired when the confirmation button is clicked. |
+| onClickCancel | VoidFunction | () => {} | A callback fired when the cancel button is clicked or the dialog is closed. |
+| cancelButtonText | string \| React.ReactNode | — | The content of the cancel button. (Usually a text, can also be a FormattedMessage component). |
+| confirmButtonText | string \| React.ReactNode | — | The content of the confirmation button. Since it is a node, it can be a simple text or any JSX node like a div element with an icon and a text. |
+| disableConfirm | boolean | — | When set to true the confirmation button will be disabled. |
+
 ## SaveDialog
 
 This component allows the user to create a save dialog. It uses the dialog component described above.
@@ -1006,6 +1181,37 @@ export default () => {
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: SaveDialog
+
+### SaveDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| content | string \| React.ReactNode | — | The content of the dialog body itself. |
+| onClickCancel | VoidFunction | — | A callback fired when the cancel button is clicked or the dialog is closed. |
+| onClickDiscard | VoidFunction | — | A callback fired when the discard button is clicked. |
+| onClickConfirm | VoidFunction | — | A callback fired when the confirmation button is clicked. |
+| discardButtonText | string \| React.ReactNode | — | The content of the discard button. (Usually a text, can also be a FormattedMessage component). |
+| cancelButtonText | string \| React.ReactNode | — | The content of the cancel button. (Usually a text, can also be a FormattedMessage component). |
+| confirmButtonText | string \| React.ReactNode | — | The content of the confirmation button. Since it is a node, it can be a simple text or any JSX node like a div element with an icon and a text. |
+
 ## SplitDialog
 
 This component allows the user to create a split dialog. It uses the dialog component described above.
@@ -1272,6 +1478,39 @@ const menuItems2 = [
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: SplitDialog
+
+### SplitDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| leftContent | string \| React.ReactNode | — | The content to be shown on the left side. |
+| leftContentClassName | string | — | Additional classes for the left content element. |
+| rightContent | string \| React.ReactNode | — | The content to be shown on the right side. |
+| rightContentClassName | string | — | Additional classes for the right content element. |
+| footer | React.ReactNode | — | The dialog body content. |
+| footerClassName | string | — | Additional classes for the modal-footer element. |
+| onCloseValidation | () => boolean | — | A callback function to be executed before closing the dialog. If the function returns false, the dialog will not be closed |
+| useOverflow | boolean | true | Enables the modal body to overflow and use inline scrolling if needed. |
+| showDivider | boolean | true | Allows to disable the divider. |
+
 ## InfoDialog
 
 This component allows the user to create a dialog without title and footer. It uses the dialog component described above.
@@ -1354,6 +1593,31 @@ export default InfoDialogExample;
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: InfoDialog
+
+### InfoDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| content | string \| React.ReactNode | — | The content of the dialog body itself. |
+
 ### Example: Example 10
 
 Feature info dialog
@@ -1474,6 +1738,31 @@ export default InfoDialogFeatureExample;
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: InfoDialog
+
+### InfoDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| content | string \| React.ReactNode | — | The content of the dialog body itself. |
+
 ## OnboardingDialog
 
 The OnboardingDialog component is a customizable dialog designed to guide users through the initial steps of an onboarding tour. It displays a welcome message, a brief description of the onboarding process, and action buttons to either start the tour or skip it.
@@ -1549,6 +1838,15 @@ export default () => {
 
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
+| imageSrc | string | — | The source URL of the image to be displayed in the dialog. |
+| imageAlt | string | — | Alternative text for the image, used for accessibility. |
+| title | string \| React.ReactNode | — | The title of the dialog. A welcome message. |
+| description | string \| React.ReactNode | — | A short description of the service and it's onboarding. |
+| onboardingRestartHint | string \| React.ReactNode | — | Hint text for restarting the onboarding process. |
+| onboardingRestartDescription | string \| React.ReactNode | — | Detailed description for restarting the onboarding process. |
+| skipButtonText | string \| React.ReactNode | — | Text for the skip button |
+| tourButtonText | string \| React.ReactNode | — | Text for the button to start the tour |
+| onStartTour | () => void | — | Callback function to be called when the tour starts. |
 | show | boolean | false | Opens the dialog when set to true. |
 | onClose | () => void | — | A callback function invoked when the dialog closes. |
 | className | string | — | Additional classes for the modal element. |
@@ -1687,6 +1985,41 @@ export default () => {
 </div>;
 ```
 
+#### Props: Base dialog props
+
+### Base dialog props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| show | boolean | false | Opens the dialog when set to true. |
+| title | React.ReactNode | — | The dialog title (can also be a FormattedMessage component). |
+| subtitle | React.ReactNode | — | The dialog header subtitle content. |
+| showCloseButton | boolean | true | Shows a close button when set to true. |
+| onClose | () => void | — | A callback function invoked when the dialog closes. |
+| bsSize | DialogSize | 'md' | Defined how large the dialog will be rendered. By default, the dialog has a medium size, and thus it can be omitted. Possible values are: 'xs' 'sm' 'lg' 'xl' 'fullwidth' 'fullheight' 'fullheight-lg' 'fullheight-xl' 'fullscreen' |
+| disableEsc | boolean | false | Enables or disabled closing the dialog via esc key. |
+| useOverflow | boolean | false | Enables the modal body to overflow and use inline scrolling if needed. |
+| showXsDialogBorders | boolean | false | Show Header and Footer Borders for the "xs" dialog |
+| className | string | — | Additional classes for the modal element. |
+
+#### Props: MediaDialog
+
+### MediaDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| media | MediaDialogMedia[] | — | List of media objects. |
+| └type | 'image' \| 'video' | — | Defines the media type that is going to be displayed. Possible values are: image and video. |
+| └src | string | — | The source location for the media data. |
+| └title | string \| React.ReactNode | — | The name or title of the media used for the dialogs title. |
+| └subtitle | string \| React.ReactNode | — | Additional media information used for the dialogs subtitle. |
+| └aspectRatio | '4by3' \| '16by9' | '16by9' | Only relevant for videos where the aspect of the video is defined. Possible values are: 4by3 and 16by9. |
+| └className | string | — | Additional classes for the image element. |
+| previousButtonText | string \| React.ReactNode | — | The button text for switching to the previous media if there are multiple. |
+| previousButtonCallback | (newIndex: number) => void | — | Callback function for when the previous button is clicked. |
+| nextButtonText | string \| React.ReactNode | — | The button text for switching to the next media if there are multiple. |
+| nextButtonCallback | (newIndex: number) => void | — | Callback function for when the next button is clicked. |
+
 ## FrameDialog
 
 This component allows the user to create a dialog in a parent window triggered and controlled by a widget iframe.
@@ -1830,6 +2163,16 @@ export default WidgetDemo;
 </div>
 ```
 
+#### Props: FrameDialog
+
+### FrameDialog
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| eventPrefix | string | 'EVENT_FRAME_DIALOG' | A prefix for all event types. |
+| getSourceFrame | () => HTMLIFrameElement \| null | — | A function to retrieve the iframe DOM element so a message can be sent to it. This is required when sending messages back to the origin widget iframe that triggered the dialog in the first place. |
+| className | string | — | Additional classes for the modal element. |
+
 ## ReleaseNotesDialog
 
 The ReleaseNotesDialog component is meant to be used for the release notes of a service.Note there exists also a separate ReleaseNotes component.
@@ -1994,4 +2337,21 @@ export default () => {
         </nav>
     </div>
 </div>
+```
+
+#### Props (json)
+
+```json
+{
+    "0.1.2": {
+        date: '20.10.2023',
+        content: (
+            <div className='padding-left-15'>
+                Summary
+                • Feature 1
+                • Feature 2
+            </div>
+        ),
+    }
+}
 ```

package/dist/docs/components/divider.md

@@ -3,7 +3,7 @@
 *Category:* Components
 *Section:* Misc
 *Source:* https://uikit.developers.rio.cloud/#components/divider
-*Captured:* 2026-01-14T09:07:42.411Z
+*Captured:* 2026-02-03T14:04:57.558Z
 
 ## Divider
 
@@ -204,4 +204,16 @@ export default () => (
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>
     </div>
 </div>
-```
+```
+
+#### Props
+
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| spacing | number | 15 | The amount of space to either side |
+| dividerWidth | 1 \| 2 \| 3 | 1 | Defines the width of the divider line |
+| dividerColor | 'darkest' \| 'darker' \| 'dark' \| 'gray' \| 'light' \| 'lighter' \| 'lightest' | 'light' | Defines the color of the divider line |
+| asSpacer | boolean | false | Use the component as a spacer element without the divider line |
+| vertical | boolean | false | Set the orientation for the divider line to vertical. This may be useful for button toolbars or elements on a single row. |
+| titleAlignment | 'left' \| 'center' \| 'right' | 'center' | Defines where the children are aligned on the divider line |
+| className | string | — | Additional classes added to the wrapping element. |