search

jgthms / bulma

Modern CSS framework based on Flexbox
https://bulma.io
MIT License
49.22k stars 3.95k forks source link

[Feature] Preloader Skeletons #2300

Closed jdmg94 closed 4 years ago

jdmg94 commented 5 years ago

This is about Bulma.

Overview

This is about the Bulma CSS framework

I am sure this issue is not a duplicate

Description

Create a new Skeleton class that can be used as a placeholder for loading UIs. The new feature could be implemented as a small refactoring of the progress bar class.

Expected behavior

Actual behavior

🍃

jgthms commented 5 years ago

This could be a modifier class for existing Bulma elements. I believe the image, the titles, the buttons could easily be implemented. For the paragraph it would need a bit of content but it should work.

jdmg94 commented 5 years ago

I like that approach, the paragraph could have a preloads-x-lines class that renders the necessary breakpoints.

<textarea class="textarea preloader preloads-5-lines" />
sira313 commented 5 years ago

hi, i am waiting for this. so cool, is this ready to use?

mickorj commented 5 years ago

any news?

jdmg94 commented 5 years ago

Ok, here's an implementation that we could base this off https://codepen.io/oslego/pen/XdvWmd we need to address the API for this feature. There are native CSS pseudo-elements that kinda fit the description.

alexsandro-xpt commented 5 years ago

May this could be a Modifiers? This will be a really nice feature.

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

EirikFA commented 3 years ago

Perhaps this should be re-opened?

laurensV commented 3 years ago

Agreed, issue should be reopened, would love to have this

fmp777 commented 1 year ago

I agree, import UI these days

tyfai commented 1 year ago

This would be very handy!

ilyamio commented 5 months ago

Hello! Is the preloader skeletons already realized with bulma?