LINE MINI App UI components

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

Header

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 you tap the action button, features available for your LINE app version will be displayed. For more information, see Action button.

Minimize Button / Close Button

Which button appears, the minimize button or the close button, depends on the type of the LINE MINI App and the LINE version.

Type of LINE MINI App	LINE version	Button displayed
Verified MINI App	LINE for iOS version 14.15.1 - 26.6.x LINE for Android version 15.0.0 - 26.6.x	Minimize button
Verified MINI App	Versions other than the above	Close button
Unverified MINI App	All versions	Close 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.