Skip to contents

Create a Navigation component

Usage

calcite_navigation(...)

Arguments

...

named attributes passed to htmltools::tag()

Value

an object of class calcite_component which is a subclass of shiny.tag

Details

Properties

The following properties are provided by this component:

NameAttributeDescriptionValuesReflects to Attribute
labellabelWhen navigationAction is true, specifies the label of the calcite-action.stringFALSE
navigationActionnavigation-actionWhen true, displays a calcite-action and emits a calciteNavActionSelect event on selection change.booleanTRUE

Events

The following events are observed by shiny:

EventDescription
calciteNavigationActionSelectWhen navigationAction is true, emits when the displayed action selection changes.

Slots

The following slots are provided by this component:

SlotDescription
logoA slot for adding a calcite-logo component to the primary navigation level.
userA slot for adding a calcite-user component to the primary navigation level.
progressA slot for adding a calcite-progress component to the primary navigation level.
navigation-actionA slot for adding a calcite-action component to the primary navigation level.
content-startA slot for adding a calcite-menu, calcite-action, or other interactive elements in the start position of any navigation level.
content-centerA slot for adding a calcite-menu, calcite-action, or other interactive elements in the center position of the primary navigation level.
content-endA slot for adding a calcite-menu, calcite-action, or other interactive elements in the end position of any navigation level.
navigation-secondaryA slot for adding a calcite-navigation component in the secondary navigation level. Components rendered here will not display calcite-navigation-logo or calcite-navigation-user components.
navigation-tertiaryA slot for adding a calcite-navigation component in the tertiary navigation level. Components rendered here will not display calcite-navigation-logo or calcite-navigation-user components.

Examples

calcite_navigation()
#> <calcite-navigation></calcite-navigation>