Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
tbleckert authored May 6, 2018
1 parent 23dbcb5 commit 15f7c0f
Showing 1 changed file with 1 addition and 38 deletions.
39 changes: 1 addition & 38 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -101,41 +101,4 @@ The height property is the minimum height (max is the remaining space below the

For examples you can take a look at the [bootstrap.js](https://github.com/tbleckert/react-select-search/blob/gh-pages/bootstrap.js) file on the gh-pages branch.

You will also need some CSS to make it look right. The important piece is the options.

```css
/** The option list should not be visible by default */
.select-search-box__select {
display: none;
}

/** If it's a multiple select, you can style it with this selector */
.select-search-box--multiple .select-search-box__select {
display: block;
}

/** The list receives the modifier class "display" when the select has focus */
.select-search-box__select--display {
display: block;
}

/** UL with the options */
.select-search-box__options {

}

/** The option (LI), look at the state classes below */
.select-search-box__option {

}

/** When the option has been selected */
.select-search-box__option--selected {

}

/** When the option is selected (when navigation with the arrow keys, up/down) */
.select-search-box__option--hover, .select-search-box__option:hover {

}
```
You will also need some CSS to make it look right. Example theme can be found in [style.css](style.css)

0 comments on commit 15f7c0f

Please sign in to comment.