Mass Component Brainstorm ⛈

[elainen]

In order to lay out a solid structural foundation for this core library, we need an idea on all the types of components that you hope to use, and re-use from hz-core. What components do you constantly find yourself remaking or copying over from your last project every time you build a new project (behavioral components, logic utilities, etc)?

For Starters:

• Button interactions
  • Press down/up
  • Hover
• Navigation bar
  • Sticky nav
  • Mobile hamburger view
• Social Icons
  • SVG icons of the common ones (Facebook, Twitter, Instagram)
  • Color and hover state colors (following the social media branding guidelines)
• Viewport changes
  • Element fading into view

[elainen]

• Parallax images
• Nav notifications
• Popup subscription behavior
• search

[aamorozov]

• Focus management utils - we'll have to do it more and more for accessibility compliance. Can be implemented as a set of hooks/FocusProvider or smth similar;
• Accessible modal
• Carousel behavior - next/previous states, touch support.

[lettertwo]

• Carousel behavior - next/previous states, touch support.

This is what PageGesture is meant to be: https://hz-core.netlify.com/page-gesture

EDIT: it's in production on BCW 😁