1.5.24 • Published 7 years ago

cp-select v1.5.24

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

cp-select

A consistently styled cross-browser and keyboard friendly select component

Requirements

  • Angular 1.3
  • Lodash
  • jQuery

Installation

  1. Install through npm npm install --save cp-select
  2. Make sure your angular app depends upon 'cp-select':
angular.module('app', ['cp-select']);

Usage

Markup:

<cp-select ng-model="model" collection="collection"></cp-select>
scope.model = {
	value: "Arizona",
	key: "AZ"
};

scope.collection = [{
	"value": "Alabama",
	"key": "AL"
}, {
	"value": "Alaska",
	"key": "AK"
}, {
	"value": "American Samoa",
	"key": "AS"
}, {
	"value": "Arizona",
	"key": "AZ"
}, {
	"value": "Arkansas",
	"key": "AR"
}];

// The collection object can also be an array of strings
scope.collection = [
	"Alabama",
	"Alaska",
	"American Samoa",
	"Arizona",
	"Arkansas",
];

Options

  • key-model: Make the selected model to be only the key attribute of the selected item
  • transparent
  • append-text
  • autosize-input: Make styling match autosize inputs
  • allow-clear: show an 'x' icon next to selected value, allowing the user to clear the input

Demo

http://canopytax.github.io/cp-select/

1.5.24

7 years ago

1.5.23

7 years ago

1.5.22

8 years ago

1.5.21

8 years ago

1.5.20

8 years ago

1.5.19

9 years ago

1.5.18

9 years ago

1.5.17

9 years ago

1.5.16

9 years ago

1.5.15

9 years ago

1.5.14

9 years ago

1.5.13

9 years ago

1.5.12

9 years ago

1.5.11

9 years ago

1.5.10

9 years ago

1.5.9

9 years ago

1.5.8

9 years ago

1.5.7

9 years ago

1.5.6

9 years ago

1.5.5

9 years ago

1.5.4

9 years ago

1.5.2

10 years ago

1.5.0

10 years ago

1.4.5

10 years ago

1.4.4

10 years ago

1.4.3

10 years ago

1.4.2

10 years ago

1.4.1

10 years ago

1.3.2

10 years ago