Mofron-comp-header NPM

mofron-comp-header

mofron is module based frontend framework.

header component for mofron

This component for placing at the top of the page etc. and displaying the site title etc.

Feature

A header's child components are placed horizontally since header has a horizon layout.

Attention

it maybe needs a 'false' config at bind parameter that used as a child component.

Install

npm install mofron   mofron-comp-header

Sample

<require>
    <tag load="mofron-comp-header">Header</tag>
    <tag load="mofron-comp-text">Text</tag>
</require>

<Header color2="#f0e6fa">
    <Text>Header</Text>
    <Text>Component</Text>
</Header>

Parameter

Parameter Name	Type	Description
height	string (size)	header height (default is "0.5rem")
	option	style option
bind	boolean	true: header position is fixed. display header even if user scrolls. (default)
		false: header position is not fixed.
mainColor	mixed (color)	string: border bottom color name, #hex
		array: red, green, blue, (alpha)
	key-value	stye option