LINE MINI App UI components

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

Header

The header of a verified MINI App displays the title, LINE MINI App name, and verified badge. For unverified MINI Apps, the title and the domain name of the endpoint URL are displayed.

The header is composed of the following components. You can't set the header or specific components of the header to be hidden.

Number Component Description

1 Title The <title> element of the LINE MINI App page is displayed. You cannot set the font.

- Subtext For verified MINI Apps, the LINE MINI App name and verified badge are displayed under the title. For unverified MINI Apps, the domain name of the endpoint URL is displayed.

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.