Framework7 and device components

Wappler documentation

Framework7 and device components

Find Framework7 8 UI settings, mobile layouts and Capacitor device components.

Open in Wappler

Framework7 and device components (25)

App Root — ReferenceApp Root settings and behavior. Settings include ID, Theme, Theme Color, Layout.View guide→Capacitor App — ReferenceCapacitor App settings and behavior. Settings include ID, Statechange, Urlopen, Restored.View guide→Capacitor Geolocation — ReferenceCapacitor Geolocation settings and behavior. Settings include ID, Highaccuracy, Timeout, Maxage.View guide→Capacitor Network — ReferenceCapacitor Network settings and behavior. Settings include ID, Statuschange.View guide→Framework 7 Action Sheet — ReferenceFramework 7 Action Sheet settings and behavior. Settings include ID, Backdrop, Close By Backdrop Click, Close By Outside Click.View guide→Framework 7 Area Chart — ReferenceFramework 7 Area Chart settings and behavior. Settings include ID, Width, Height, Line Chart.View guide→Framework 7 Autocomplete — ReferenceFramework 7 Autocomplete settings and behavior. Settings include ID, Limit, Preloader, Preloader Color.View guide→Framework 7 Calendar — ReferenceFramework 7 Calendar settings and behavior. Settings include ID, Locale, First Day, Multiple.View guide→Framework 7 Gauge — ReferenceFramework 7 Gauge settings and behavior. Settings include ID, Type, Value, Size.View guide→Framework 7 Messages — ReferenceFramework 7 Messages settings and behavior. Settings include ID, New Messages First, Message, Message.View guide→Framework 7 Notification — ReferenceFramework 7 Notification settings and behavior. Settings include ID, Icon, Title, Title Right Text.View guide→Framework 7 Photo Browser — ReferenceFramework 7 Photo Browser settings and behavior. Settings include ID, Exposition, Exposition Hide Captions, Swipe To Close.View guide→Framework 7 Picker — ReferenceFramework 7 Picker settings and behavior. Settings include ID, Rotate Effect, Momentum Ratio, Mousewheel.View guide→Framework 7 Pie Chart — ReferenceFramework 7 Pie Chart settings and behavior. Settings include ID, Size, Tooltip, Data Source.View guide→Framework 7 Progressbar — ReferenceFramework 7 Progressbar settings and behavior. Settings include ID, Progress, Color, Hidden.View guide→Framework 7 Pull To Refresh — ReferenceFramework 7 Pull To Refresh settings and behavior. Settings include ID, Pullstart, Pullmove, Pullend.View guide→Framework 7 Range — ReferenceFramework 7 Range settings and behavior. Settings include ID, Value, Min, Max.View guide→Framework 7 Range Dual — ReferenceFramework 7 Range Dual settings and behavior. Settings include ID, Start, End, Start.View guide→Framework 7 Sheet Modal — ReferenceFramework 7 Sheet Modal settings and behavior. Settings include ID, Backdrop, Close By Backdrop Click, Close By Outside Click.View guide→Framework 7 Toggle — ReferenceFramework 7 Toggle settings and behavior. Settings include ID, Checked, Checked, Params.View guide→Login Screen — ReferenceLogin Screen settings and behavior. Settings include ID, Start with App, Animate, Animate.View guide→Page — ReferencePage settings and behavior. Settings include ID, Name, Path, Stacked.View guide→Popup — ReferencePopup settings and behavior. Settings include ID, Close On Escape, Swipe To Close, Opened.View guide→Textarea — ReferenceTextarea settings and behavior. Settings include ID, Name, Static Value, Enable Medium Editor.View guide→View — ReferenceView settings and behavior. Settings include ID, Main View, URL, Transition.View guide→

Framework7 elements (90)

Accordion List — ReferenceAccordion List settings and behavior. Settings include Strong, Outline, Dividers, Inset.View guide→Actions Button — ReferenceActions Button settings and behavior. Settings include Title, Text Color, Button Color.View guide→Actions Group — ReferenceActions Group settings and behavior. Settings include General.View guide→Actions Group Label — ReferenceActions Group Label settings and behavior. Settings include Label, Text Color, Back Color.View guide→After — ReferenceAfter settings and behavior. Settings include General.View guide→Appbar — ReferenceAppbar settings and behavior. Settings include ID.View guide→Badge — ReferenceBadge settings and behavior. Settings include Badge, Text Color, Badge Color.View guide→Block — ReferenceBlock settings and behavior. Settings include Outline, Strong, No Hairlines, Inset.View guide→Block Footer — ReferenceBlock Footer settings and behavior. Settings include Title, Text Color, Back Color, No Border.View guide→Block Header — ReferenceBlock Header settings and behavior. Settings include Title, Text Color, Back Color, No Border.View guide→Block Title — ReferenceBlock Title settings and behavior. Settings include Title, Size, Text Color, Back Color.View guide→Button — ReferenceButton settings and behavior. Settings include Title, Active, Fill, Round.View guide→Card — ReferenceCard settings and behavior. Settings include Outline, No Shadow, No Border.View guide→Card Content — ReferenceCard Content settings and behavior. Settings include Add Extra Padding.View guide→Card Content Inner — ReferenceCard Content Inner settings and behavior. Settings include General.View guide→Card Footer — ReferenceCard Footer settings and behavior. Settings include Title, Text Color, Back Color, Align Items.View guide→Card Header — ReferenceCard Header settings and behavior. Settings include Title, Text Color, Back Color, Align Items.View guide→Cards List — ReferenceCards List settings and behavior. Settings include Theme Color, Layout.View guide→Cards List Elements — ReferenceCards List Elements settings and behavior. Settings include General.View guide→Clear Button — ReferenceClear Button settings and behavior. Settings include General.View guide→Column — ReferenceColumn settings and behavior. Settings include Normal Size, Text Align, Text Color, Back Color.View guide→Content Page — ReferenceContent Page settings and behavior. Settings include ID, Head Page, Theme Color, Layout.View guide→Expandable Card — ReferenceExpandable Card settings and behavior. Settings include Hide Navbar On Open, Hide Toolbar On Open, Hide Statusbar On Open, Swipe To Close.View guide→f7-8-item-inner — Referencef7-8-item-inner settings and behavior. Settings include General.View guide→f7-8-navbar-inner-left — Referencef7-8-navbar-inner-left settings and behavior. Settings include Text, Transition.View guide→f7-8-navbar-inner-right — Referencef7-8-navbar-inner-right settings and behavior. Settings include Text, Transition.View guide→f7-8-navbar-inner-title — Referencef7-8-navbar-inner-title settings and behavior. Settings include Text, Transition.View guide→f7-8-navbar-inner-title-large — Referencef7-8-navbar-inner-title-large settings and behavior. Settings include Text, Transition.View guide→Form — ReferenceForm settings and behavior. Settings include ID, Method, Action, Handler.View guide→Form Checkbox — ReferenceForm Checkbox settings and behavior. Settings include Back Color, Name, Value, On.View guide→Form Input — ReferenceForm Input settings and behavior. Settings include Outline Input, Input With Info.View guide→Form Slider — ReferenceForm Slider settings and behavior. Settings include Back Color, Name, Min, Max.View guide→Icon — ReferenceIcon settings and behavior. Settings include Icon, Icon Color.View guide→Icon — ReferenceIcon settings and behavior. Settings include Icon, Icon Color, Position.View guide→Icon — ReferenceIcon settings and behavior. Settings include Icon, Icon Color.View guide→Image — ReferenceImage settings and behavior. Settings include ID, Src, Width, Height.View guide→Image — ReferenceImage settings and behavior. Settings include ID, Src, Width, Height.View guide→Input — ReferenceInput settings and behavior. Settings include General.View guide→Item Info — ReferenceItem Info settings and behavior. Settings include Info, Text Color, Info Color.View guide→Item Label — ReferenceItem Label settings and behavior. Settings include Label Text, Text Color, Back Color.View guide→Item Title — ReferenceItem Title settings and behavior. Settings include Title, Type, Text Color, Back Color.View guide→Item Title Footer — ReferenceItem Title Footer settings and behavior. Settings include Footer, Text Color, Back Color.View guide→Item Title Header — ReferenceItem Title Header settings and behavior. Settings include Header, Text Color, Back Color.View guide→Link — ReferenceLink settings and behavior. Settings include ID, Link, Transition, Text.View guide→Link — ReferenceLink settings and behavior. Settings include ID, Link, Transition, Text.View guide→Link — ReferenceLink settings and behavior. Settings include ID, Link, Transition, Text.View guide→List — ReferenceList settings and behavior. Settings include Strong, Outline, Dividers, Inset.View guide→List Button Item — ReferenceList Button Item settings and behavior. Settings include Text Color, Back Color, ID, Link.View guide→List Elements — ReferenceList Elements settings and behavior. Settings include General.View guide→List Group — ReferenceList Group settings and behavior. Settings include Title.View guide→List Item — ReferenceList Item settings and behavior. Settings include Back Color.View guide→List Item Divider — ReferenceList Item Divider settings and behavior. Settings include Title.View guide→List Label — ReferenceList Label settings and behavior. Settings include Title.View guide→List Link Item — ReferenceList Link Item settings and behavior. Settings include ID, Link, Transition, Text Color.View guide→Login Screen Page — ReferenceLogin Screen Page settings and behavior. Settings include ID, Start with App.View guide→Login Screen Title — ReferenceLogin Screen Title settings and behavior. Settings include Title.View guide→Media — ReferenceMedia settings and behavior. Settings include General.View guide→Media List — ReferenceMedia List settings and behavior. Settings include Strong, Outline, Dividers, Inset.View guide→Media List Elements — ReferenceMedia List Elements settings and behavior. Settings include General.View guide→Media List Group — ReferenceMedia List Group settings and behavior. Settings include Title.View guide→Media List Item — ReferenceMedia List Item settings and behavior. Settings include General.View guide→Media List Label — ReferenceMedia List Label settings and behavior. Settings include Title.View guide→Media List Link Item — ReferenceMedia List Link Item settings and behavior. Settings include ID, Link, Transition, Text Color.View guide→Navbar — ReferenceNavbar settings and behavior. Settings include Large Title, Transparent, No Hairline, No Shadow.View guide→Navbar Content — ReferenceNavbar Content settings and behavior. Settings include Page.View guide→Page Content — ReferencePage Content settings and behavior. Settings include Bars On Scroll, Navbar On Scroll, Toolbar On Scroll, Tabbar On Scroll.View guide→Page Content — ReferencePage Content settings and behavior. Settings include Bars On Scroll, Navbar On Scroll, Toolbar On Scroll, Tabbar On Scroll.View guide→Panel Left — ReferencePanel Left settings and behavior. Settings include Layout, Effect, Resizable, Extended Properties.View guide→Panel Right — ReferencePanel Right settings and behavior. Settings include Layout, Effect, Resizable, Extended Properties.View guide→Paragraph — ReferenceParagraph settings and behavior. Settings include ID, Tooltip, Content, Text Align.View guide→Popover — ReferencePopover settings and behavior. Settings include ID, Popover Links.View guide→Progressbar — ReferenceProgressbar settings and behavior. Settings include ID, Type, Progress, Color.View guide→Row — ReferenceRow settings and behavior. Settings include No Gutter, Text Align, Text Color, Back Color.View guide→Segmented Control — ReferenceSegmented Control settings and behavior. Settings include Round, Raised, Strong.View guide→Select — ReferenceSelect settings and behavior. Settings include ID, Class, Disabled, Read Only.View guide→Sheet Modal Inner — ReferenceSheet Modal Inner settings and behavior. Settings include General.View guide→Sheet Modal Swipe Step — ReferenceSheet Modal Swipe Step settings and behavior. Settings include General.View guide→Sub Navbar — ReferenceSub Navbar settings and behavior. Settings include No Border.View guide→Sub Title — ReferenceSub Title settings and behavior. Settings include Sub Title, Text Color, Back Color.View guide→Tab Link — ReferenceTab Link settings and behavior. Settings include ID, Link, Transition, Text.View guide→Tabbar — ReferenceTabbar settings and behavior. Settings include Position, Tabbar, With Labels, Scrollable.View guide→Tabbar with Labels — ReferenceTabbar with Labels settings and behavior. Settings include Position, Tabbar, With Labels, Scrollable.View guide→Template — ReferenceTemplate settings and behavior. Settings include General.View guide→Text — ReferenceText settings and behavior. Settings include Text, Back Color.View guide→Text — ReferenceText settings and behavior. Settings include Description, Text Color, Back Color.View guide→Text Input — ReferenceText Input settings and behavior. Settings include ID, Class, Name, Type.View guide→Title Row — ReferenceTitle Row settings and behavior. Settings include General.View guide→Toggle Field — ReferenceToggle Field settings and behavior. Settings include Name, Value, On.View guide→Toolbar — ReferenceToolbar settings and behavior. Settings include Position, Tabbar, No Hairline, No Shadow.View guide→Views — ReferenceViews settings and behavior. Settings include General.View guide→

Framework7 layouts and presets (16)

Facebook Card — ReferenceFacebook Card settings and behavior. Settings include General.View guide→Facebook Card Extended — ReferenceFacebook Card Extended settings and behavior. Settings include General.View guide→Grouped List With Sticky Titles — ReferenceGrouped List With Sticky Titles settings and behavior. Settings include General.View guide→Image Card — ReferenceImage Card settings and behavior. Settings include General.View guide→Links List — ReferenceLinks List settings and behavior. Settings include General.View guide→Links List With Header and Footer — ReferenceLinks List With Header and Footer settings and behavior. Settings include General.View guide→Links List With Icons — ReferenceLinks List With Icons settings and behavior. Settings include General.View guide→Links List Without Icons — ReferenceLinks List Without Icons settings and behavior. Settings include General.View guide→List With Icons — ReferenceList With Icons settings and behavior. Settings include General.View guide→Pages with Navbar and Toolbar — ReferencePages with Navbar and Toolbar settings and behavior. Settings include General.View guide→Simple List — ReferenceSimple List settings and behavior. Settings include General.View guide→Text Card — ReferenceText Card settings and behavior. Settings include General.View guide→Text Card With Block Title — ReferenceText Card With Block Title settings and behavior. Settings include General.View guide→Text Card With Header and Footer — ReferenceText Card With Header and Footer settings and behavior. Settings include General.View guide→Single View — ReferenceSingle View settings and behavior. Settings include General.View guide→Tabbed Views — ReferenceTabbed Views settings and behavior. Settings include General.View guide→