• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

AppBarPosition

Specifies the position of the AppBar (see example).

  • The possible values are:

  • top (Default)—Positions the AppBar at the top of the content. Setting the position property to top requires adding the Appbar component before the page content. The position property applies CSS top: 0 style in fixed mode and also adds a box-shadow to the bottom of the AppBar.

  • bottom—Positions the AppBar at the bottom of the content. Setting the position property to bottom requires adding the Appbar component after the page content. The position property applies CSS bottom: 0 style in fixed mode and also adds a box-shadow to the top of the AppBar.

type AppBarPosition = "top" | "bottom";

In this article

Not finding the help you need?