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.
- A header's child components are placed horizontally since header has a horizon layout.
- it maybe needs a 'false' config at bind parameter that used as a child component.
npm install mofron mofron-comp-header
<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>
Short Form |
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 |