https://github.com/angular-material-extensions/typography

Set of angular directives to allow typography manipulation
https://github.com/angular-material-extensions/typography

angular extensions typography

Last synced: 24 days ago
JSON representation

Set of angular directives to allow typography manipulation

• Host: GitHub
• URL: https://github.com/angular-material-extensions/typography
• Owner: angular-material-extensions
• License: mit
• Created: 2018-06-04T21:40:47.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-06T07:29:17.000Z (almost 8 years ago)
• Last Synced: 2025-03-28T01:58:36.840Z (about 1 year ago)
• Topics: angular, extensions, typography
• Language: JavaScript
• Homepage:
• Size: 367 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  



# text - Set of angular directives to allow typography manipulation

[![npm version](https://badge.fury.io/js/text.svg)](https://badge.fury.io/js/text),

[![Build Status](https://travis-ci.org/angular-material-extensions/text.svg?branch=master)](https://travis-ci.org/angular-material-extensions/text)

[![Coverage Status](https://coveralls.io/repos/github/angular-material-extensions/text/badge.svg?branch=master)](https://coveralls.io/github/angular-material-extensions/text?branch=master)

[![dependency Status](https://david-dm.org/angular-material-extensions/text/status.svg)](https://david-dm.org/angular-material-extensions/text)

[![devDependency Status](https://david-dm.org/angular-material-extensions/text/dev-status.svg?branch=master)](https://david-dm.org/angular-material-extensions/text#info=devDependencies)

[![Greenkeeper Badge](https://badges.greenkeeper.io/angular-material-extensions/text.svg)](https://greenkeeper.io/)

## Demo

View all the directives in action at https://angular-material-extensions.github.io/text

## Dependencies

* [Angular](https://angular.io) (*requires* Angular 2 or higher, tested with 2.0.0)

## Installation

Install above dependencies via *npm*. 

Now install `@angular-material-extensions/typography` via:

```shell

npm install --save @angular-material-extensions/typography

```

---

##### SystemJS

>**Note**:If you are using `SystemJS`, you should adjust your configuration to point to the UMD bundle.

In your systemjs config file, `map` needs to tell the System loader where to look for `@angular-material-extensions/typography`:

```js

map: {

  '@angular-material-extensions/typography': 'node_modules/@angular-material-extensions/typography/bundles/text.umd.js',

}

```

---

Once installed you need to import the main module:

```js

import { MatTextModule } from '@angular-material-extensions/typography';

```

The only remaining part is to list the imported module in your application module. The exact method will be slightly

different for the root (top-level) module for which you should end up with the code similar to (notice ` MatTextModule .forRoot()`):

```js

import { MatTextModule } from '@angular-material-extensions/typography';

@NgModule({

  declarations: [AppComponent, ...],

  imports: [MatTextModule.forRoot(), ...],  

  bootstrap: [AppComponent]

})

export class AppModule {

}

```

Other modules in your application can simply import ` MatTextModule `:

```js

import { MatTextModule } from '@angular-material-extensions/typography';

@NgModule({

  declarations: [OtherComponent, ...],

  imports: [MatTextModule, ...], 

})

export class OtherModule {

}

```

## Usage

## License

Copyright (c) 2018 Anthony Nahas. Licensed under the MIT License (MIT)