@ikilote/magma

Magma is a component library for my personal projects, because I don't want to copy/paste.

It will evolve mainly according to my projects. But people want to use it and help, no worries.

Included in Magma

Components

• Color picker
• Context-menu
  • List in options
  • Circle in options
• Dialog
• Info-message
• Input
  • Color
  • Checkbox
  • Number
  • Radio
  • Select
  • Text
  • Textarea
• Light-dark
• Paginate
• Table
• Tabs

Services

• FormBuilderExtended
• Logger

Pipes

• NumFormat

Directive

• Click Outside
• ngInit
• ngModelChange
• debounced
• Sortable
• Tooltip
• Textarea autosize

Utils

• Clipboard
• Coercion
• Cookies
• Date
• DOM
• Email
• File
• Json
• Number
• Object
• Subscriptions

Styles

• Buttons
• Input
• Grid
  • Responsive
• Palette

Demo

See : Demo

For start

Install in project:

npm i @ikilote/magma

Required in package.json

• @angular/common: ^19.0.0
• @angular/core: ^19.0.0
• @angular/cdk: ^19.0.0
• colorjs.io: ^0.5.2
• ng-select2-component: ^17.2.1

Add in style.css

@import '@angular/cdk/overlay-prebuilt.css';

@import '../node_modules/@ikilote/magma/assets/styles/font-icon.css';
@import '../node_modules/@ikilote/magma/assets/styles/css-var.css';
@import '../node_modules/@ikilote/magma/assets/styles/style.css';

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Publishing the library

npm run build:lib
npm run publish:lib

Update Demo

npm run build:demo

License

Like Angular, this module is released under the permissive MIT license. Your contributions are always welcome.