https://github.com/pascaliske/form-elements

Collection of form elements for Angular projects.
https://github.com/pascaliske/form-elements

angular angular-cli form-elements storybook

Last synced: 3 months ago
JSON representation

Collection of form elements for Angular projects.

• Host: GitHub
• URL: https://github.com/pascaliske/form-elements
• Owner: pascaliske
• License: mit
• Archived: true
• Created: 2018-07-22T14:06:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-19T20:11:23.000Z (over 1 year ago)
• Last Synced: 2024-09-26T11:21:05.102Z (4 months ago)
• Topics: angular, angular-cli, form-elements, storybook
• Language: TypeScript
• Homepage: https://pascaliske.github.io/form-elements
• Size: 21.3 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# [`@pascaliske/form-elements`](https://pascaliske.github.io/form-elements)

[![Build Status](https://img.shields.io/github/workflow/status/pascaliske/form-elements/Test%20package/master?label=test&style=flat-square)](https://github.com/pascaliske/form-elements/actions)

## Installation

To install the module use the following command:

```bash

$ yarn add @pascaliske/form-elements

```

## Usage

Import the module in your Angular app:

```typescript

import { NgModule } from '@angular/core'

import { CommonModule } from '@angular/common'

import { BrowserModule } from '@angular/platform-browser'

import { FormElementsModule } from '@pascaliske/form-elements'

import { AppComponent } from './app.component'

@NgModule({

    bootstrap: [AppComponent],

    declarations: [AppComponent],

    imports: [CommonModule, BrowserModule, FormElementsModule],

})

export class AppModule {}

```

Then import the styles in your global scss styles:

```scss

@import '~@pascaliske/form-elements/styles';

```

> **Note:** If you want to use the `cmp-f-select`, `cmp-f-date` od `cmp-f-time` components you also need to add their 3rd-party library styles:

>

> ```scss

> @import '~choices.js/public/assets/styles/choices.min.css'; // cmp-f-select

> @import '~flatpickr/dist/flatpickr.min.css'; // cmp-f-date, cmp-f-time

> ```

Now you can use the components in your template:

```html

    

        

            

        

    

```

## License

MIT © [Pascal Iske](https://pascaliske.dev)