Modal window component about bulma HOT 12 CLOSED

👍 on having a model separate from the JS framework. I'd rather not be forced to use a particular front-end framework just to get a modal window!

from bulma.

Modals have been added. As wished, you have to handle the show/hide yourself. But it's just toggling 1 CSS class.

from bulma.

looking for this feature which makes me to use this framework in the upcoming project of ours.

from bulma.

JavaScript plugins are coming up. I could design a modal, but without the JS interaction, it might be useless. So it's on hold for now, but in the pipelines.

from bulma.

Need to have a directive for Angular JS also !

from bulma.

@jgthms well, it's not necessary useless because some people (like me) could use only the CSS and then add the behavior using another framework. For example for bootstrap there's the official JS implementation using jquery but there are others using react or vuejs.

In other projects I've used bootstrap components without the official javascript and I've just added/removed the proper css classes to open dropdowns, menus, show/hide tabs, etc. myself without using the official jquery implementation because I was using a different framework.

from bulma.

An opinion about modal windows:

• Breaks the UI/IUX
• Anything possible to do inside a modal is just possible to do in the main layout (And will result in a much better flow for the user)
• Using a modal window is failing as a designer
• I hate them

Do you want include them in the project? Ok, but just the CSS as @jgthms says, or at least dont add JS dependency.

I would also suggest to make elements for:

• Floating window with darked background
• Panel
• Panel Header
• Panel Footer

And then, the modal window would be a combination of them.

from bulma.

I would repeat @3noch comment!

from bulma.

👍 for having the CSS separate from the JS that runs it!

from bulma.

+1 for just having the CSS, but with proper classes for animations and transition states

from bulma.

+1 @3noch

from bulma.

Yay!

from bulma.