https://github.com/sporto/elm-select

A selection input with auto-complete
https://github.com/sporto/elm-select

elm elm-ui

Last synced: 2 months ago
JSON representation

A selection input with auto-complete

• Host: GitHub
• URL: https://github.com/sporto/elm-select
• Owner: sporto
• License: mit
• Created: 2016-12-11T00:49:51.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-06-05T00:52:11.000Z (8 months ago)
• Last Synced: 2024-11-14T23:02:27.776Z (3 months ago)
• Topics: elm, elm-ui
• Language: Elm
• Homepage: http://package.elm-lang.org/packages/sporto/elm-select/latest
• Size: 1.01 MB
• Stars: 47
• Watchers: 4
• Forks: 20
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Elm Select

[ ![Codeship Status for sporto/elm-select](https://app.codeship.com/projects/dbe35340-8a15-0135-1341-166aadcd1cb7/status?branch=master)](https://app.codeship.com/projects/248929)

An select component with autocomplete and optional multi-select.

## Demo

See https://sporto.github.io/elm-select/

## Example and Getting started

See commented example at [`demo/src/Example.elm`](demo/src/Example.elm)

## API

### [Changelog](./CHANGELOG.md)

## Styling

Copy the CSS from [here](https://github.com/sporto/elm-select/blob/master/src/styles.css).

You can also style elements by passing attributes in the configuration:

```

config

|> withInputWrapperAttrs`[ style "background" "salmon" ]

```

To add borders and padding to the input use `InputWrapper` instead of `Input`.

---

## Run demo locally

  make run-demo

Open `localhost:4000`

## Generate demo

  make build-demo

## Test

  make test