Container
The root wrapper that hosts the tour widget.
Container is the root wrapper that hosts all tour components. It provides the outermost DOM element for positioning and styling.
Config
| Property | Type | Description |
|---|---|---|
customClasses | Partial<BordaContainerCustomClasses> | Custom CSS classes for the container |
customStyles | Partial<BordaContainerCustomStyles> | Custom inline styles for the container |
Customization
The container accepts root as the target key:
await borda.mount({
steps: [
{
target: '#element',
title: 'Title',
description: 'Description',
placement: 'bottom-center',
},
],
container: {
customClasses: {
root: 'my-tour-container',
},
customStyles: {
root: {
zIndex: '9999',
},
},
},
});
Interface
interface BordaContainerProps {
customClasses: Partial<BordaContainerCustomClasses>;
customStyles: Partial<BordaContainerCustomStyles>;
}