Sections and categories

You can easily add sections and categories from the lib/config/section.ts file.

export const sectionsData: SectionConfig[] = [
    {
        value: "SECTION1",
        label: "Section 1",
        header: {
            title: "Section 1",
            description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.",
            cta: {
                label: "Add Item",
                href: "/client/add-item",
            },
        },
        menuLabel: "Select Category",
        menus: [
            {
                label: "Category 1",
                icon: Icons.settings,
                opened: false,
                submenus: [
                    {
                        icon: Icons.book,
                        label: "subcategory 1",
                        id: "category1subcategory1",
                        selected: false,
                    },
                    {
                        icon: Icons.alarm,
                        label: "subcategory 2",
                        id: "category1subcategory2",
                        selected: false,
                    },
                    // Other subcategories ...
                ],
            },
            {
                label: "Category 2",
                icon: Icons.palette,
                opened: false,
                submenus: [
                    {
                        icon: Icons.book,
                        label: "subcategory 1",
                        id: "category2subcategory1",
                        selected: false,
                    },
                    {
                        icon: Icons.alarm,
                        label: "subcategory 2",
                        id: "category2subcategory2",
                        selected: false,
                    },
                    {
                        icon: Icons.arrowUpDown,
                        label: "subcategory 3",
                        id: "category2subcategory3",
                        selected: false,
                    },
                    // Other subcategories ...
                ],
            },
            // Other categories ...
        ],
    },
    {
        value: "SECTION2",
        label: "Section 2",
        header: {
            title: "Section 2",
            description: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.",
            cta: {
                label: "Add Item",
                href: "/client/add-item",
            },
        },
        menuLabel: "Select Category",
        menus: [
            {
                label: "Category 1",
                icon: Icons.gift,
                opened: false,
                submenus: [
                    {
                        icon: Icons.book,
                        label: "subcategory 1",
                        id: "category1subcategory1",
                        selected: false,
                    },
                    {
                        icon: Icons.alarm,
                        label: "subcategory 2",
                        id: "category1subcategory2",
                        selected: false,
                    },
                    // Other subcategories ...
                ],
            },
            // Other categories ...
        ],
    },
    // Other sections ...
];

Last updated