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:

PROPERTYDESCRIPTION
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 imageBackground image of the header.
Repeat background imageLets you decide whether or not the image repeats (to create patterns).
Background colorBackground 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 titleShow or hide header title
Show subtitleShow 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.