{"version":"1.0","type":"rich","title":"'xlabs-navigation' UX property example","description":"This example demonstrates a top navigation bar for a case management interface, configured entirely through a JSON object with left and right button groups. The JSON defines properties like icons, labels, intents, routes, and styling for each button, including dividers and anchor buttons. It showcases the xlabs-navigation component’s declarative UX configuration, using the React-based library’s button and anchor-button types to render navigation options such as Home, Page ONE, and Page TWO. The code explicitly specifies icons like \"data-connection\" and \"cube\", with routes pointing to internal pages or external links.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-77fddbb0cb2ee5c84589e76b2add94cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}