• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Tools
    • Date Inputs
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menuupdated
      • PanelBar
      • Splitter
      • StackLayout
      • Stepper
      • TabStripupdated
      • TileLayout
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Layout / API / AppBarProps / 
New to Kendo UI for Vue? Start a free 30-day trial

AppBarProps

Represents the props of the Kendo UI for Vue AppBar component. Used to display information, actions, branding titles and additional navigation on the current screen.

NameTypeDefaultDescription

id?

string

Sets the id property of the root AppBar element.

position?

string

Specifies the position of the AppBar (see example).

  • The possible values are:
  • 'top' (Default)
  • 'bottom'

positionMode?

string

Specifies the positionMode of the AppBar (see example).

  • The possible values are:
  • 'static' (Default)
  • 'sticky'
  • 'fixed'

themeColor?

string

Specifies the theme color of the AppBar (see example).

  • The possible values are:
  • light (Default)
  • 'primary'
  • 'dark'
  • 'inherit'

In this article

Not finding the help you need?

Contact Support