LINE MINI App UI Components

# LINE MINI App UI Components

LINE MINI App page consists of (A)Header and (B)Body

Platform-native components are used in the LINE MINI App header, which is automatically generated by LINE.

The header is composed of the following components:

Number Component Description
1 Service Name Specified on the LINE MINI App page<title>. The elements are displayed. You cannot set the font.
- Subtext In unverified MINI Apps, the domain of that page will be displayed under Service Name. In verified MINI Apps, the LINE MINI App name and verified badge will be displayed under Service Name.
2 Action button When tapped, the action button displays options for users to: share the LINE MINI App page with friends, save the page on the Keep Memo, or reload the page. You cannot set the option text.
3 Close Button / Minimize Button Which button appears, the close button or the minimize button, depends on the LINE version and the type of the LINE MINI App.
LINE versionUnverified MINI AppsVerified MINI Apps
  • LINE for iOS version earlier than 14.15.1
  • LINE for Android version earlier than 15.0.0
Close ButtonClose Button
  • LINE for iOS version 14.15.1 or later
  • LINE for Android version 15.0.0 or later
Close ButtonMinimize Button
Tapping the close button closes the LINE MINI App. Tapping the minimize button minimizes the LINE MINI App. For more information about minimizing, see Minimizing LIFF browser in the LIFF documentation.
4 Return Button Displays the previous page.
5 Loading Bar Displays load status of the current page.

# Body

WebView is used for the body. Utilize HTML5 and LIFF for when developing each of your services.

For more information on LINE MINI App development specifications, see LINE MINI App Specifications.