Demo 260817

Exploration of category item layouts for mobile on the intelligent inbox settings.

As a part of the design guide work. We’ve been cleaning up existing components. Navbar got the following enhancements:

• now uses ResizeObserver so it’s more performant and changes update immediately on resize instead of on a delay
• top level items now use button components so we get consistent hover and click states across all items
• more compact layout
• consistent spacing
• active page now shows on parent if dropdown is closed so user is always aware of active page location

Added layout refinements and responsive layout to all new components.

Handoff version

This round of work focused on expanding to the full set of mock data for Service vertical.

The details were refined to better match Voxie production.

Configuration user experience was also refined to allow managing the grid of items to be better configured per user.

Chart types were expanded to support bar charts, U.S. based maps, and an expanded distribution chart.

All charts were expanded to work on all grid cell sizes that you can use on the Dashboard demo.

Try Demo Here

We’ve created a new site to house our design documentation. This gives us a centralized place to combine components with design usage guidelines. It will also eventually house agent skills so that vibe coded projects will more closely follow the Voxie style.