Wolfr / sveltekit-jui

Sveltekit-JUI is a kit of UI components to be used in conjunction with Svelte and Svelte Kit
https://sveltekit-jui-wolfr.vercel.app/
Other
45 stars 3 forks source link

Add component search filter to styleguide tree #7

Open Wolfr opened 3 years ago

Wolfr commented 3 years ago

I would like to have a component search in the style guide, which filters the tree based on the text input.

image

Similar to how search works here: https://bedrock-sand.vercel.app/styleguide/docs/introduction.html

This is the (old) jQuery based code for that: https://github.com/usebedrock/bedrock/blob/master/core/js/styleguide-search.js

Wolfr commented 3 years ago

This is a JS issue I could use help with! The UI code is already there but commented out: https://github.com/Wolfr/sveltekit-jui/blob/main/src/routes/styleguide/%24layout.svelte#L246-L249 . I need help with the JS logic.

PaxPax commented 3 years ago

I can look into this.

PaxPax commented 3 years ago

Will need to settle on how the SideMenu functions before finishing this.