Examples

Welcome to the NubeSDK examples section! Here you'll find practical implementations to help you get started quickly with your applications.

Common Patterns

Ready-to-use code examples that demonstrate common UI patterns and features. Each example includes full code, explanations, and can be adapted to your needs.

Example	Description
Carousel	Create an image carousel/slider for product showcases or promotions
Banner	Display promotional banners with customizable content and styling
FAQs	Build an expandable FAQ section using the Accordion component
Extra Info (Tags)	Display additional product information based on tags
Extra Info (Product List)	Render content dynamically on product grids (home, category, search)
Modal Popup	Create modal dialogs with floating trigger buttons

Next Steps

• Explore the Components to learn about available UI elements
• Learn about UI Slots to understand where you can render your components
• Check the Events documentation to understand how to interact with the checkout