@meveo-org/mv-header
v1.0.0
Published
MvHeader is a Meveo component (based on lit-element) that renders a header component that can be used with [mv-main](https://github.com/meveo-front/mv-main).
Downloads
8
Keywords
Readme
mv-header
MvHeader is a Meveo component (based on lit-element) that renders a header component that can be used with mv-main.
Features
- Configurable item positions:
left
,right
,center
, default:left
- Can render custom headers
Quick Start
To experiment with the MvHeader component.
Clone this repo.
Serve the project from the root directory with some http server (best served with meveo itself)
Update the header demo component in demo.js file
Sample usage
<mv-header>
<mv-header item><a href="#">Breadcrumb</a> > path</mv-header>
<mv-header item><div class="styled">Styled Text</div></mv-header>
<mv-header item position="center"><h1>MvHeader</h1></mv-header>
<mv-header item position="center"><small>(full width)</small></mv-header>
<mv-header item position="right">Admin User</mv-header>
<mv-header item position="right">
<mv-button><mv-fa icon="cog"></mv-fa></mv-button>
</mv-header>
</mv-header>
You can also check this demo