Nes.css: <select> component

[4k1k0]

Hello.

I would like to see a <select> component in the framework.

I made this but I'm not very confident about the desing. What do you think? Should I make a pull request?

Thanks.

[BcRikko]

Great 🎉

Could you make four corners missing? like below 🤔

and Could you pixelize ▼? like below 🤔

[4k1k0]

What do you think?

[BcRikko]

like this 😆

[4k1k0]

Oh my mistake I used the wrong mixing.

[BcRikko]

oh, great 😆 🎉

[panoramix360]

I was doing a select too 😆

Until now, it is like this, but since you already did it, I think I'll try to make another element to help :)

There is something on the roadmap @BcRikko ?

[cabaalexander]

<3

[BcRikko]

sorry, there is no roadmap. 😢

I just came up with following elements. 🤔

• <input type="range">
• <ul>〜</ul>

[panoramix360]

Ok!! I'll try to make some new elements then. :smiley:

[trezy]

@4k1k0, I see that you deleted the branch that you were originally using to create this component. Are you still planning on making a PR for it at some point?

[4k1k0]

@trezy oh sorry, i didn't realise i deleted the branch. 🙇 I will check it out 😄

[Divoolej]

For anyone coming here from with a React background wondering how to implement a select component that would look good with this library - I've created a simple React-Select theme compatible with NES.css styles: https://github.com/Divoolej/react-select-nes-css-theme

It looks like this:


Maybe this could serve as an example for how a regular <select> tag could look like with NES.css?

[trezy]

@Divoolej that looks fantastic! It looks like @4k1k0 is having some issues with getting <select /> styles added to the repo, so if you wanted to make a PR to add these styles I think we'd all be pretty stoked about it. 😁

[Divoolej]

Thanks @trezy 😄 There you go! -> https://github.com/nostalgic-css/NES.css/pull/217 :)