Skip to content
This repository has been archived by the owner on May 17, 2022. It is now read-only.

[Feature] Select input with search #89

Open
TorstenDittmann opened this issue Sep 24, 2020 · 7 comments
Open

[Feature] Select input with search #89

TorstenDittmann opened this issue Sep 24, 2020 · 7 comments
Labels
good first issue Good for newcomers help wanted Extra attention is needed

Comments

@TorstenDittmann
Copy link
Owner

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 TorstenDittmann added help wanted Extra attention is needed good first issue Good for newcomers hacktoberfest labels Sep 24, 2020
@ronaldohoch
Copy link

I'm trying this one!

@ronaldohoch
Copy link

What do you think about it?
image

@TorstenDittmann
Copy link
Owner Author

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
Copy link

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

@TorstenDittmann
Copy link
Owner Author

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
Copy link

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

@TorstenDittmann
Copy link
Owner Author

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants