Welcome to ibec UI header

This is a Nuxt component library that will contain all ibec headers you need to start a new nuxt (C & D) project. Components are written with nuxt 2, HTML, SCSS, bootstrap 5 and fully configurable using props, slots, and css variables.

This library is currently under construction. I'll be publishing new components as son as they are ready for use

Installation

Using npm or yarn

npm install ibec-ui-header
yarn add ibec-ui-header

Usage

• Declare as component

<template lang="html">
    <HeaderOne />
</template>

<script lang="js">
import UI from 'ibec-ui-header';

export default {
  name: 'MyComponent',
  components: {
    HeaderOne: UI.HeaderOne,
  },
};
</script>

• Styling components

Use bootstrap 5 global variable and override bootstrap 5 scss variable

:root {
  --bs-primary: #e00366;
}

main.scss
    // Default variable overrides
    $body-bg: #fff;
    $body-color: #333;
    $primary: #e00366;
    @import "bootstrap/scss/bootstrap";
    

Repository

Check out the code on github, d.tem4ik/ibec-header-ui [soon]

Documentation

SOON (StoryBook) documentation

Changelog

All notable changes to this project will be documented in this file.

[0.1.4] - 2023-02-21

• Init Library
• HeaderOne