- Domino UI UI components library
- Domino Brix MVP framework for DominoKit apps
- Domino Jackson JSON Mapping library
- Domino Rest REST Client generation library
- Domino History URL Manipulation library
- Getting started
- Layouts
- Components
- Alerts
- Badges
- Boards Pro
- Breadcrumbs
- Buttons
- Cards
- Carousel
- Check Tree Pro
- Chips
- Collapsible
- Color picker
- Counters Pro
- Dialogs
- Drag and drop
- Info box
- Labels
- Lists
- Loaders
- Media objects
- Menu
- Menu bar Pro
- Modals
- Navigation Bar
- Notifications
- Pagination
- Pre-Loaders
- Progress Bars
- Range slider Pro
- Sliders
- Spin
- Tabs
- Thumbnails
- Tooltip and Popover
- Rich text editor
- Tree
- Waves
- Forms
- Data table
- MDI Icons
- All icons
- Untagged
- Date / Time
- Edit / Modify
- Math
- Printer
- Automotive
- Account / User
- Sport
- Currency
- Hardware / Tools
- Battery
- Database
- Vector
- Settings
- Health / Beauty
- Arrow
- Gaming / RPG
- Transportation + Flying
- Transportation + Other
- Clothing
- Medical / Hospital
- Banking
- Color
- Tooltip
- Geographic Information System
- Animal
- Brand / Logo
- Shape
- Transportation + Water
- Form
- Social Media
- Science
- Video / Movie
- Notification
- Places
- Device / Tech
- Home Automation
- Alpha / Numeric
- Files / Folders
- Emoji
- Agriculture
- Drawing / Art
- Shopping
- Transportation + Road
- People / Family
- Cellphone / Phone
- Nature
- Text / Content / Format
- Navigation
- Religion
- Food / Drink
- View
- Lock
- Developer / Languages
- Weather
- Photography
- Holiday
- Music
- Cloud
- Alert / Error
- Audio
- Arrange
- Typography
- Helper css
- Colors
- Animations
Top Simple Addons Body Docs
Navigation bar
The
NavBar class represents a navigation bar UI component that typically contains a title, description, and a body.
Usage Example:
// Create a NavBar with a title
NavBar navBar = NavBar.create("My Navigation Bar");
// Set a description for the NavBar
navBar.setDescription("This is a sample navigation bar.");
// Customize the title element
navBar.withTitle((nav, titleElement) -> {
titleElement.addCss("custom-title");
titleElement.setTextContent("Custom Title");
});
// Customize the body element
navBar.withBody((nav, bodyElement) -> {
bodyElement.addCss("custom-body");
bodyElement.appendChild(TextNode.of("Custom Body Content"));
});
See also :
Anatomy
- navigation prefix addons.
- Navigation bar title.
- Navigation bar body.
- Navigation bar postfix addons.
Examples
Simple navigation bar Simple content header with title and optional description
Navigation bar addons Navigation bar can have optional prefix and postfix addons.
Navigation bar body Navigation bar can have other components added to its main body
API Docs: NavBar
Constructors
public void NavBar()
Creates a new
NavBar instance with default settings.
public void NavBar(Node title)
Creates a new
NavBar instance with the specified title.
title
The title to display in the navigation bar.
public void NavBar(String title, String description)
Constructs a
NavBar with the specified title and description.
title
The title to be displayed in the navigation bar.
description
The description to be displayed in the navigation bar.
Static methods
public static NavBar create()
Creates a new
Returns:
NavBar instance with default settings.
Returns:
A new NavBar instance.
public static NavBar create(String title)
Creates a new
Returns:
NavBar instance with the specified title.
title
The title to display in the navigation bar.
Returns:
A new NavBar instance with the specified title.
public static NavBar create(Node title)
Creates a new
Returns:
NavBar instance with the specified title.
title
The title to display in the navigation bar.
Returns:
A new NavBar instance with the specified title.
Public methods
public NavBar setTitle(String title)
Sets the title to display in the navigation bar.
Returns:
title
The title to set.
Returns:
This NavBar instance.
public NavBar setTitle(Node title)
Sets the title to display in the navigation bar.
Returns:
title
The title to set.
Returns:
This NavBar instance.
public NavBar setDescription(String description)
Sets the description to display in the navigation bar.
Returns:
description
The description to set.
Returns:
This NavBar instance.
public NavBar withTitle(ChildHandler<NavBar, HeadingElement> handler)
Allows customization of the title element.
Returns:
handler
The handler for customizing the title element.
Returns:
This NavBar instance.
public NavBar withDescription(ChildHandler<NavBar, SmallElement> handler)
Allows customization of the description element.
Returns:
handler
The handler for customizing the description element.
Returns:
This NavBar instance.
public NavBar withTitleTextElement(ChildHandler<NavBar, SpanElement> handler)
Allows customization of the title text element.
Returns:
handler
The handler for customizing the title text element.
Returns:
This NavBar instance.
public HeadingElement getTitleElement()
Gets the title element.
Returns:
Returns:
The title element.
public SmallElement getDescriptionElement()
Gets the description element.
Returns:
Returns:
The description element.
public String getTitle()
Gets the text of the title displayed in the navigation bar.
Returns:
Returns:
The title text.
public SpanElement getTitleTextElement()
Returns:
the element containing the text of the title.
public String getDescription()
Gets the text of the description displayed in the navigation bar.
Returns:
Returns:
The description text.
public NavBar withBody(ChildHandler<NavBar, DivElement> handler)
Allows customization of the body element.
Returns:
handler
The handler for customizing the body element.
Returns:
This NavBar instance.
public DivElement getBody()
Gets the body element.
Returns:
Returns:
The body element.