egoist / vue-content-loader

SVG component to create placeholder loading, like Facebook cards loading.

Home Page:https://create-content-loader.now.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Responsive

ThomasKientz opened this issue · comments

Issuehunt badges

My content's width depend on the screen size, is it possible to create content loaders with a dynamic width for responsiveness purposes ?

The width and height properties seems to accept only numbers.


IssueHunt Summary

Backers (Total: $100.00)

Submitted pull Requests


Become a backer now!

Or submit a pull request to get the deposits!

Tips


IssueHunt has been backed by the following sponsors. Become a sponsor

+1 here - any thoughts on this one?

@issuehunt has funded $100.00 to this issue.


My 0.2$,

As its svg based, It is almost impossible to resize without stretching / deforming the graphics with a dynamic width or height. danilowoz/react-content-loader#91

So I don't think this library or other svg based will support responsiveness one day.

For that purpose, classic html with CSS animations may be a solution.

I use bootstrap display properties just fine and made three different versions which get hidden / shown by them.

class="d-block d-sm-block d-md-none"

work on it