BlogPlaygroundOne

VApp API

ads via vuetify

Props
name
type
default
theme
string

undefined

Specify a theme for this component and all of its children.

Slots
never
default

The default Vue slot.

Exposed
(id: string) => { size: number position: 'top' | 'left' | 'right' | 'bottom' top: number bottom: number left: number right: number id: string }
{ size: number position: 'top' | 'left' | 'right' | 'bottom' top: number bottom: number left: number right: number id: string }[]
{ change: (themeName: string) => void cycle: (themeArray?: string[] | undefined) => void toggle: (themeArray?: [string, string] | undefined) => void readonly isDisabled: boolean readonly isSystem: boolean readonly themes: Record<string, InternalThemeDefinition> readonly name: string readonly current: { readonly dark: boolean readonly colors: { readonly [x: string]: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly background: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly surface: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly primary: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly secondary: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly success: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly warning: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly error: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly info: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-background': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-surface': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-primary': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-secondary': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-success': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-warning': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-error': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-info': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } } readonly variables: { readonly [x: string]: string | number } } readonly computedThemes: { readonly [x: string]: { readonly dark: boolean readonly colors: { readonly [x: string]: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly background: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly surface: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly primary: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly secondary: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly success: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly warning: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly error: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly info: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-background': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-surface': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-primary': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-secondary': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-success': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-warning': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-error': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-info': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } } readonly variables: { readonly [x: string]: string | number } } } readonly prefix: string readonly themeClasses: string | undefined readonly styles: string readonly global: { readonly name: string readonly current: { readonly dark: boolean readonly colors: { readonly [x: string]: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly background: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly surface: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly primary: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly secondary: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly success: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly warning: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly error: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly info: | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-background': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-surface': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-primary': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-secondary': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-success': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-warning': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-error': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } readonly 'on-info': | string | number | { readonly h: number readonly s: number readonly v: number readonly a?: number | undefined } | { readonly r: number readonly g: number readonly b: number readonly a?: number | undefined } | { readonly h: number readonly s: number readonly l: number readonly a?: number | undefined } } readonly variables: { readonly [x: string]: string | number } } } }
getLayoutItem

Function that returns position and size information about a specific layout item.

items

A array of all registered layout items.

theme

The instance of the injected active theme.

SASS Variables
name
default
$application-background
rgb(var(--v-theme-background))
$application-color
tools.theme-color('on-background', var(--v-high-emphasis-opacity))