Skip to content

FINTLabs/novari-fontend-components

Repository files navigation

Novari Frontend Components

Frontend component library for React.js applications using NAV Aksel design system. This package provides pre-styled UI components with consistent colors and layouts, making it easier to build modern, accessible applications.

Installation

npm install novari-frontend-components

Available Components

  • NovariHeader - Main application header with navigation and user menu
  • NovariFooter - Application footer with customizable links
  • NovariApiManager - HTTP client for API interactions
  • NovariInternalHeader - Internal page header component
  • NovariCircularProgressBar - Visually display progression of one value compared to another

Development

Prerequisites

  • Node.js (v18 or higher)
  • npm (v9 or higher) React
  • NAV Aksel Design System
  • TypeScript
  • Tailwind
  • React

Local Development

Clone the repository:

git clone https://github.com/FINTLabs/novari-fontend-components.git
cd novari-fontend-components

Install dependencies:

npm install

Start a Storybook for component development:

npm run storybook

Building

npm run build

This will:

  • Run TypeScript compilation
  • Generate rollup bundle
  • Create distribution files in lib/ directory

Publishing

  1. Update version:
npm version patch
npm version minor
npm version major
  1. Publish to npm:
npm publish --access public

Testing Components

Run Storybook to test and develop components in isolation:

npm run storybook

Visit http://localhost:6006 to view the Storybook interface.

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

This project is licensed under the MIT License – see the LICENSE file for details.

Support

For support, please create an issue in the GitHub repository or contact the maintainers.

Built With

Project Status

Active development – This project is actively maintained and accepting contributions.

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors