DocsDeveloper

Adding Sections to Your Project

Overview

In JRui, adding sections to your project allows you to integrate pre-designed layouts and structures effortlessly. Follow the steps below to incorporate sections that enhance the visual appeal of your application.

Section Placement

All JRui sections are organized within the "components" folder in your project. To integrate a section into your project, use the CLI to easily import the section into your project, or navigate to the desired folder where you want the section to be, copy the code, and paste it into the selected folder in your project.

Layout Integration

JRui sections are crafted with specific layouts in mind, providing ready-made structures for common UI elements like hero or contact sections. This will give you a good starting point to begin styling your project to your requirements and aesthetics.

While sections are designed for specific layouts, they can be customized to fit seamlessly into your project's existing structure and styling.