question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add collapsible option to facet components

See original GitHub issue

Do you want to request a feature or report a bug?

Feature

Feature: What is your use case for such a feature?

This would help bring parity to the options we have available in the vanilla JS version of InstantSearch.js. The use case of this is to have primary filters expanded for prominence, but secondary filters minimized that can later be expanded. It can also help when you have a number of filters on the page, to avoid the page requiring scrolling by default.

Feature: What is your proposed API entry? The new option to add? What is the behavior?

I would see this being a prop that we pass to the component :collapsible="true" and then perhaps a default state :collapsed="false".

What is the version you are using? Always use the latest one before opening a bug issue.

The latest, vue-instantsearch@1.5.2.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
Haroenvcommented, Jan 21, 2019

Here’s an example implementation of ais-panel enhanced with collapsing abilities: https://codesandbox.io/s/8xl54vl5r2

1reaction
jrydcommented, Mar 27, 2018

@Haroenv I was thinking of something very similar.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Option to make facet blocks collapsible (with no value ...
Having an integreated option to make the facet blocks collapsed if no filter ... Facets. Version: 2.0.x-dev. Component: Code. Priority:.
Read more >
Implementing Facets | Hitchhikers
To do this, include a property called facetOrder in your vertical and include an array of facet fields in the order you want...
Read more >
Coveo Facet Component (CoveoFacet)
The Facet component displays a facet of the results for the current query. ... the Collapse \ Expand menu option is available in...
Read more >
Search facets Usage
Facet pane: Container for one or more expandable facet sections; ... Expand and collapse control: Control that expands and collapses a facet section; ......
Read more >
Faceting
Filters provide basic options to help narrow down search results. · Facets help users refine their search using several categories simultaneously ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found