E-handel
Medlemskap
Chatbot
Onlinekurser
Bokningar
Reseguider
Händelser
Skapare av innehåll
Upphämtning och leverans
Tidning
Radio
Skolor
Tro
Organisationer
Restaurang
Livsmedelsbutik
Anpassade appar
Kommunikation med medarbetare
APPBYGGARE UTAN KOD
TEKNIK
VARFÖR GOODBARBER?
Design
PRODUKTRESURSER
TOPICS
ÅTERFÖRSÄLJARE AV MOBILAPPAR
UPPTÄCK
UI Elements
UI elements are the building blocks of our components. Each element combines atoms of the design system to do a single job. Assembled together, elements form the components of the app.
Action
The contextual button to act on a piece of content.
Actions Menu
One icon that opens every action available on a piece of content.
Address
The location icon and the full address of a geolocated piece of content.
Author
The avatar and the name that credit the creator of a piece of content.
Content
The stack of text blocks that describes a piece of content in a cell.
DateBullet
The date of an event, at a glance.
Distance
The label that shows how far a place is.
Duration
The label that shows how long a video lasts.
Filter Bar
The categories above a list, as Tags, Labels, Filters or a Dropdown.
Item
The structural unit of a navigation entry, with its child elements.
Item Icon
The pictogram of a navigation entry, on its own background layer.
Item Indicator
The marker of the selected entry of a navigation.
Item Label
The text of a navigation entry, in three sizes that adapt to each device.
Media
The container that anchors elements over a cell's image.
Pager
The dots that show where you are in a carousel.
Play
The icon that signals playable media.
Player
The control that plays and pauses audio, right from its cell.
Premium Sticker
The sticker that marks the content reserved for subscribers.
Sorting Bar
The item count and the sort button above the favorites list.
Story Pager
The segments that show the progress of a story slideshow.
Text
A basic element, a piece of text styled by its context.
Toast Feedback
The short message that confirms a removal and offers to undo it.
ToolBar
The row that lines up the metadata and the actions of a cell.
Widget Header
The title bar of a home widget, and its link to the section.
