quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.87k stars 3.51k forks source link

Proposal for a gallery for UI components #8404

Open 0xDevansh opened 3 years ago

0xDevansh commented 3 years ago

Is your feature request related to a problem? Please describe. While browsing through what Quasar has to offer in UI components, the long list makes me feel a bit lost. If one is searching for a particular component he/she has in mind, but doesn't know what it's called, it can be a hard task clicking through the items at the component page. This can be further aggravated for people with slower internet speed.

Describe the solution you'd like My suggestion: Having a 'gallery' containing samples of all components in a single page, similar to Bootstrap's cheat sheet. This would be a faster and easier way to browse through the offered components, and a link to the component's documentation page can also be attached for further reading.

hawkeye64 commented 3 years ago

@DeathVenom54 I was working on a MadeWithQuasar site. I ran into issues and stopped. Also, I wanted to wait for Quasar v2. It's almost time to pick it up again. Would love to have others helping.

IlCallo commented 3 years ago

I think he's talking more of a page like https://material.angular.io/components/categories We may add this, as we need to change a bit docs structure in some time

0xDevansh commented 3 years ago

I think he's talking more of a page like https://material.angular.io/components/categories We may add this, as we need to change a bit docs structure in some time

Exactly. I tried messing with the docs repo code and a lot doesn't make sense to me, so I'll leave it to the elites 😅

yusufkandemir commented 2 years ago

We will have a page for this in the incoming Quasar Docs Website GUI Update (#13177).

Here is how it looks like: image