0.0.1 • Published 2 years ago

3settings v0.0.1

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Settings

This library was generated with Angular CLI version 12.2.0.

Code scaffolding

Run ng generate component component-name --project settings to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project settings.

Note: Don't forget to add --project settings or else it will be added to the default project in your angular.json file.

Build

Run ng build settings to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build settings, go to the dist folder cd dist/settings and run npm publish.

Running unit tests

Run ng test settings to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Implementation example

    export interface Option {
    id: string,
    name: string,
    checked: boolean
    }

    options: Option[] = [
        {
            id: "push_notifications",
            name: "Push notifications",
            checked: false
        },
        {
            id: "quick_access",
            name: "Quick access",
            checked: false
        }
    ]

    <emp-settings 
    (toggleCheckChanged)="onToggleChanged($event)" 
    [options]="options">
    </emp-settings>

Properties

PropertyDescriptionTypeDefault
idID to get the item from toggleCheckChanged.stringempty
nameSettings option name.stringDefault Label
checkedBoolean to indicate the toggle status.booleanfalse

Events

EventDescriptionType
toggleCheckChangedMethod to grab the toggle eventCustomEvent<{ id: string, checked: boolean }>