Segmented control layout is pretty simple, just a with a segmented class around buttons: Tab 1 Tab 2 Segmented controls are often used to display different views (switch tabs).
Within the control, all buttons are equal in width. Such button must have Preloader inside and button text wrapped with tag, and additional button-preloader class: Load Īnd to show preloader we need to add extra button-loading class (it will show inner preloader and hide button text): Load Segmented ControlĪ segmented control is a linear set of two or more segments (buttons), each of which functions as a mutually exclusive button. It is possible to create dynamic preloader button. button-preloader should be also added to buttonĬolor button, where is one of the default colorsĪnd of course we can mix these classes: Button Button Button Button Preloader Button Should be added to button with preloader to make loading buttonsĬontrols button state to show/hide preloader and hide/show button text (switch button to loading state). Different button styles achieved by additional modifier classes and their combinations: button-fillīutton will have filled-style only in iOS themeīutton will have filled-style only in MD themeīutton will have filled-style only in Aurora themeīutton will be rounded only in Aurora themeīutton will be small only in Aurora themeīutton will be large only in Aurora themeĪctive/selected button state.
There is a variety of different buttons in Framework7.
Just add button class to links or submit/button inputs: Button as button -> Button as button -> Button Modifier Classes All you need to do is add the appropriate classes to your links or submit/button inputs: Button Layoutīutton layout is pretty simple. Framework7 comes with a bunch of ready to use buttons.
0 kommentar(er)
