mofron-comp-header

0.12.3 • Public • Published

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

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

Readme

Keywords

Package Sidebar

Install

npm i mofron-comp-header

Weekly Downloads

11

Version

0.12.3

License

MIT

Unpacked Size

7.04 kB

Total Files

5

Last publish

Collaborators

  • simparts