Skip to content
An Angular component to use select inline
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e
src
.editorconfig
.gitignore
README.md
angular.json
ng-package.json
package.json
public_api.ts
tsconfig.json
tslint.json

README.md

Angular Select Inline

The motivation to this project was to improve the user experience with small selects

Demo

How to install

Run npm i angular-select-inline

How to use

Just create a list of options objects with name, like it:

animals = [
    {name: 'Cat'},
    {name: 'Dog'},
    {name: 'Bird'}
  ];

and then use the component:

<select-inline [label]="'Animals'" [options]="animals" [multi]="true">
</select-inline>

Parameters

label (input): As the name says, is the label that will be showed. It is optional.

options (input): The array that contains all the options that can be selected. It is required.

multi (input): This option enables if the user can select one or more options. It is optional.

selected (output): The event that is triggered when an element is selected. It returns an array all the elements selected (can be one or more).

You can’t perform that action at this time.