• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • 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
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:
  • inherit
  • light (Default)
  • dark

In this article

Not finding the help you need?