Skip to content

App Root — Reference

Reference · Advanced · Framework7 8

App Root settings and behavior. Settings include ID, Theme, Theme Color, Layout.

App Root settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDDefault: "". Attribute: id.
ThemeOptions: Auto, iOS (ios), Material (md) Default: "". Attribute: theme.
Theme ColorOptions: Default, Red (color-red), Green (color-green), Blue (color-blue), Pink (color-pink), Yellow (color-yellow), Orange (color-orange), Purple (color-purple), Deep Purple (color-deeppurple), Light Blue (color-lightblue), Teal (color-teal), Lime (color-lime), Deep Orange (color-deeporange), Gray (color-gray), White (color-white), Black (color-black) Default: "".
LayoutOptions: Light, Dark (dark) Default: "".
Dark ModeOptions: Default, Auto (auto), Enable (true), Disable (false) Default: "". Attribute: dark-mode.
Name Description
TextEnter the message text Required. Default: "".
Name Description
Preloader ColorOptions: Default, Red ('red'), Green ('green'), Blue ('blue'), Pink ('pink'), Yellow ('yellow'), Orange ('orange'), Purple ('purple'), Deep Purple ('deeppurple'), Light Blue ('lightblue'), Teal ('teal'), Lime ('lime'), Deep Orange ('deeporange'), Gray ('gray'), White ('white'), Black ('black') Default: "".
Name Description
Progress ColorOptions: Default, Red ('red'), Green ('green'), Blue ('blue'), Pink ('pink'), Yellow ('yellow'), Orange ('orange'), Purple ('purple'), Deep Purple ('deeppurple'), Light Blue ('lightblue'), Teal ('teal'), Lime ('lime'), Deep Orange ('deeporange'), Gray ('gray'), White ('white'), Black ('black') Default: "".
Name Description
ProgressEnter the progress value Required. Default: "".
DurationEnter the duration value Required. Default: "".