ng-halfmoon
TypeScript icon, indicating that this package has built-in type declarations

0.4.0 • Public • Published

NgHalfmoon

This is the angular-library for halfmoon

The documentation can be found via this link

Installation

You can install ng-halfmoon via npm

npm install halfmoon @types/halfmoon @fortawesome/fontawesome-free ng-halfmoon

Setup

in your angular.json you need to add the following lines

{
  "styles": [
    "node_modules/halfmoon/css/halfmoon.min.css",
    "node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css"
  ],
  "scripts": [
    "node_modules/@fortawesome/fontawesome-free/js/brands.min.js",
    "node_modules/@fortawesome/fontawesome-free/js/solid.min.js",
    "node_modules/@fortawesome/fontawesome-free/js/fontawesome.min.js",
    "node_modules/halfmoon/js/halfmoon.min.js"
  ]
}

Simply import the NgHalfmoonModule into your Application

import {NgHalfmoonModule} from "ng-halfmoon";

@NgModule({
  imports: [
    NgHalfmoonModule
  ],
})
export class AppModule {
}
<button hmButton appearance="primary">

If this shows the button in primary like on the halfmoon-docs you've made everything right.

Going forward

Once your done setting everything up you can take a look at the repo there is a link to a documentation-app. There you can take a look at how the current-components behave and what you can do to use them.

Current Components

Currently there are only a few components available for this library but more is already in development. You can use halfmoon as you would use it with normal html.

Basics

  • Button
  • DarkModeService

Form

  • Input (with Containers to add labels and feedback)
  • Select (with Containers to add labels and feedback)

Advanced

  • Alert
  • Modal

Package Sidebar

Install

npm i ng-halfmoon

Weekly Downloads

0

Version

0.4.0

License

MIT

Unpacked Size

268 kB

Total Files

57

Last publish

Collaborators

  • officialmkl