When showing a collection, filter the property list in the sidebar

[roryokane]

When viewing a collection, I would like a quick overview of all the properties in that collection, so I can more easily memorize what properties can be used for what. For example, when viewing the flexbox collection, I would like to see this list of properties:

• align-content
• align-items
• align-self
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• justify-content
• order

The natural place for such an overview would be the list of the properties in the sidebar, below “Search for a property”. That search would also be restricted to properties in that list. Only on the index page would that list show all properties.

If you think browsing and searching through all properties on any page is a big use-case, you could have radio buttons like these that appear only on collection pages:

Properties: ◉ in collection ◎ all

🔍 Search for a property

• align-content
• …

[jgthms]

Yes that's planned!