OmniaWrite icon indicating copy to clipboard operation
OmniaWrite copied to clipboard

[Feature] Select input with search

Open TorstenDittmann opened this issue 5 years ago • 7 comments

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.

TorstenDittmann avatar Sep 24 '20 20:09 TorstenDittmann

I'm trying this one!

ronaldohoch avatar Oct 01 '20 03:10 ronaldohoch

What do you think about it? image

ronaldohoch avatar Oct 01 '20 03:10 ronaldohoch

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.

TorstenDittmann avatar Oct 01 '20 07:10 TorstenDittmann

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

ronaldohoch avatar Oct 01 '20 15:10 ronaldohoch

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

TorstenDittmann avatar Oct 07 '20 18:10 TorstenDittmann

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

ronaldohoch avatar Oct 07 '20 18:10 ronaldohoch

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

TorstenDittmann avatar Oct 07 '20 18:10 TorstenDittmann