/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ /** * Represents the props of the [Kendo UI for Vue AppBar component]({% slug overview_appbar %}). * Used to display information, actions, branding titles and additional navigation on the current screen. */ export interface AppBarProps { /** * Sets the `id` property of the root AppBar element. */ id?: string; /** * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)). * * * The possible values are: * * 'top' (Default) * * 'bottom' * */ position?: AppBarPosition | string; /** * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-position-mode)). * * * The possible values are: * * 'static' (Default) * * 'sticky' * * 'fixed' */ positionMode?: AppBarPositionMode | string; /** * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})). * * * The possible values are: * * `light` (Default) * * 'primary' * * 'dark' * * 'inherit' * */ themeColor?: AppBarThemeColor | string; } /** * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)). * * * The possible values are: * * 'top' (Default) * * 'bottom' * */ export type AppBarPosition = 'top' | 'bottom'; /** * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-position-mode)). * * * The possible values are: * * 'static' (Default) * * 'sticky' * * 'fixed' */ export type AppBarPositionMode = 'static' | 'sticky' | 'fixed'; /** * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})). * * * The possible values are: * * `inherit` * * `light` (Default) * * `dark` * */ export type AppBarThemeColor = 'light' | 'dark' | 'inherit';