Skip to main content

Components

Overview

Set of components library from multiple brand and platform

banner-Overview
card variant

Accordion

An element that can expand/collapse to reveal or hide more associated content
Website
Android
iOS
card variant

Alert

Displays a message to the user for important information or warning purposes
Website
Android
card variant

Anchor Text

Actionable text link trigger for user to navigate or use as tertiary call to action
Website
Android
card variant

Avatar

Graphical interface to a visual representation of a user, entity or profile
Website
iOS
card variant

Badge

The visual indicator for the values such as labeling or notification
Website
card variant

Bottom Sheet

The bottom sheet is a slides from the bottom of the screen
iOS
card variant

Box

Hold other elements, and can be styled to adjust its position, size, and layout
Website
card variant

Button

The visual indicator for the values such as labeling or notification
Website
Android
iOS
card variant

Card

A container, wrap or shell for content representing a single entity
Website
card variant

Carousel

Carousel used for advertising that allows marketers to place more than 1 image in a post
Website
card variant

Checkbox

Allow users to selected multiple optional items or selected option agreements
Website
Android
iOS
card variant

Chips

Allow users to enter information, make selections, filter content, or trigger actions
Website
Android
iOS
card variant

Datepicker

Allow users to pick date
Website
card variant

Divider

Line should be used to bring clarity and structure to a layout, section and content
Website
Android
card variant

Dropdown

Selecting a value when expanded can shows a list option
Website
card variant

Flex

Enables flexible layouts for its child elements, allowing for dynamic and responsive design
Website
card variant

Grid

Enabling precise control over placement and alignment of its child elements
Website
card variant

Image

A visual representation of something
Website
Android
card variant

Mega Menu

Mega menu are to display a list of options on a temporary surface
Website
card variant

Modal

Modal Lorem ipsum dolor sit amet.
Website
card variant

Navigation Bar

Navigation elements are displayed at the top of the screen
Website
card variant

Radio Button

For users select one option from list of group option
Android
iOS
card variant

Snackbar

Inform feedback to the users result of the process or action executed
Android
iOS
card variant

Select Field

For selecting a value when expanded can shows a list of options
Website
card variant

Sidebar

Vertical side component that supports navigational elements
Website
card variant

Spinner

Animated spinning icon that lets users know content is being loaded
Website
card variant

Switch

Allow users to offers a control to switch the toggle items setting on or off
Website
Android
iOS
card variant

Table

For displaying large amounts of data inside the rows and columns
Website
card variant

Textarea

Enable the user to interact with long form text which spans over multiple lines
Website
Android
iOS
card variant

Textfield

Enable the user to interact with spesific input content, value or data
Website
Android
iOS
card variant

Tooltip

Shows additional context on tap, focus or hover to help give more information in the interaction
Website
card variant

View State

Stores and updates data related to the current state of a view.
Android