TorstenDittmann / OmniaWrite

A text editor engineered for creative writing.
https://OmniaWrite.com
Apache License 2.0
161 stars 34 forks source link

[Feature] Select input with search #89

Open TorstenDittmann opened 4 years ago

TorstenDittmann commented 4 years ago

Create a select input with the ability to search for something.

Take https://github.com/TorstenDittmann/OmniaWrite/blob/master/src/components/Forms/Select.svelte as an example.

It should be responsive, that means on mobile view it opens a fullscreen list with a search input at the top.

ronaldohoch commented 4 years ago

I'm trying this one!

ronaldohoch commented 4 years ago

What do you think about it? image

TorstenDittmann commented 4 years ago

I had something link https://developer.snapappointments.com/bootstrap-select/examples/#live-search in mind for this component that can be re-used anywhere on the app 🙂

You could use your already done work an built a button that can be imported to open a modal with a list to search.

ronaldohoch commented 4 years ago

So, will this be a general search, a general component and that the options will be called according to where I am?

TorstenDittmann commented 4 years ago

Sorry, this somehow got lost in my notifications.

It should be a reusable component like this https://github.com/TorstenDittmann/OmniaWrite/blob/master/src/components/Forms/Select.svelte

but with the ability to search through the results, similiar to this:

mrqBeDolcC

ronaldohoch commented 4 years ago

Got it! But i don't understand what i need to put inside (The red square). image

TorstenDittmann commented 4 years ago

It will get a value variable exactly like here: https://github.com/TorstenDittmann/OmniaWrite/blob/dev/src/components/Forms/Select.svelte#L15-L17

In this example it get's an array of languages: Unbenannt