Blabla
Blabla
miniUI 2.0 brings new inputs for iOs and android
f7Text input
-
Your text
f7Password input
-
Password:
f7Slider input
Unique value
Range values
-
bolt_slash_fillbolt_fill
f7Stepper input
My stepper
f7checkBox input
f7checkBoxGroup input
f7Radio input
f7Toggle input
My toggle
f7Select input
-
Choose a variable:
f7SmartSelect input
f7AutoComplete input
-
Type a fruit name
f7Date input
Choose a date
f7Picker input
Picker Input
f7ColorPicker input
Select a color
miniUI 2.0 brings brand new containers for actionButtons: f7Fabs
miniUI 2.0 brings new buttons containers
Filled Buttons in a segment/rounded container
Outline Buttons in a segment/shadow container
Rounded Buttons in a segment container
Buttons of different size in a row container
Click on the black action button to update the value
miniUI 2.0 brings new card components
f7Card with no header nor footer
Card with header and footer
This is a simple card with plain text,
but cards can also contain their own header,
footer, list view, image, or any other element.
f7Card with header and footer
Card with header and footer
card
Hi!
This is a simple card with plain text,
but cards can also contain their own header,
footer, list view, image, or any other element.
f7Card with media
Card with header, footer and image
This is a simple card with plain text,
but cards can also contain their own header,
footer, list view, image, or any other element.
f7SocialCard
A social Card
Monday at 3:47 PM
What a nice photo i took yesterday!
f7MediaCard
A card with media:
-
aRight TextSubtitleLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt.
-
bRight TextSubtitleLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt.
January 20
2015
5
comments
Example Chip
f7ExpandableCard
updateF7Card
miniUI 2.0 brings new list containers
f7Swipeout, swipeable list
Simple f7List
-
a
-
b
-
c
f7List with components
-
alarm_fillHeaderaRight Text
-
alarm_fillHeaderbRight Text
-
alarm_fillHeadercRight Text
f7List in media mode
-
aRight TextsubtitleLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus. -
bRight TextsubtitleLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus. -
cRight TextsubtitleLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
f7List with simple media
-
TitleSubtitle
-
TitleSubtitle
-
TitleSubtitle
f7List with links
f7List with f7ListGroup
- A
-
a
-
b
-
c
- B
-
a
-
b
-
c
- C
-
a
-
b
-
c
miniUI 2.0 brings text containers
f7Block
Header
Here comes paragraph within content block.
Donec et nulla auctor massa pharetra
adipiscing ut sit amet sem. Suspendisse
molestie velit vitae mattis tincidunt.
Ut sit amet quam mollis, vulputate
turpis vel, sagittis felis.
f7Block with wrapper
Header
Here comes paragraph within content block.
Donec et nulla auctor massa pharetra
adipiscing ut sit amet sem. Suspendisse
molestie velit vitae mattis tincidunt.
Ut sit amet quam mollis, vulputate
turpis vel, sagittis felis.
f7Block with wrapper and inset
Header
Here comes paragraph within content block.
Donec et nulla auctor massa pharetra
adipiscing ut sit amet sem. Suspendisse
molestie velit vitae mattis tincidunt.
Ut sit amet quam mollis, vulputate
turpis vel, sagittis felis.
miniUI 2.0 brings interesting popups windows
f7Popup
Toggle Popup
f7Sheet
More
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Number of observations
Action Sheet
Modal Dialog
Notifications
Popovers
Toasts
Tooltips
Hover on me
miniUI 2.0 brings other elements
f7Skeleton
-
Item 1
-
Item 2
f7Messages
f7Badge
32
Badge
10
Ok
f7Chip
Example Chip
Example Chip
add_round
Example Chip
Example Chip
Example Chip
Example Chip
f7Accordion
Toggle accordion item 1
f7Swiper
f7PhotoBrowser
f7Timeline
01 Dec
12:30
Title
Subtitle
Another text
02 Dec
13:00
Title
Subtitle
Another text
03 Dec
14:45
Title
Subtitle
Another text
f7Progress
Update progress 1
f7Gauge
updateF7Panel