Tokyo - Components | Header

A header is a component that will allow you to create very attractive titles for screens in a very simple way.

To create this component, simply add it on the screen and configure its properties:

PROPERTY	DESCRIPTION
Side icon (128px width)	Decide which image will accompany the header title in the left side of the component. A maximum width of 128 px is recommended.
Background image	Background image of the header.
Repeat background image	Lets you decide whether or not the image repeats (to create patterns).
Background color	Background color of the header.
Background transparent	Lets you decide whether the header background is transparent or not.
Width	It offers three width options: Adjusted to content. The header will have the width of the contents that there is the central column. Adjusted to rail. The header will have the total width of the center column. Full width. It will occupy the full width of the screen.
Show title	Show or hide header title
Show subtitle	Show or hide the subtitle of the header
Title left Margin (px)	Allows you to customize the separation of the left margin of the title.
Subtitule left margin (px)	Allows you to customize the separation of the left margin of the subtitle.
Icon left margin px)	Allows you to customize the separation of the left margin of the icon.