Skip to content

Latest commit

 

History

History

accordion

README.md

Getting Started with Syncfusion Accordion Code Component in Local (TestHarness)

This article provides a step-by-step guide to run the Syncfusion Accordion code component in local (TestHarness).

Prerequisites

Before getting started with the Syncfusion Accordion code component, ensure the following prerequisites are satisfied:

Rapid utilization of Accordion code component

To run the Syncfusion Accordion code component, follow these steps:

  1. Ensure that all the prerequisites are met.

  2. Open a command prompt (cmd) and navigate to the Accordion code component, which is located in the components/accordion/ folder.

  3. Utilize the following command to install the dependent packages:

    npm install

  4. Execute the sample with the following command to visualize the Accordion code component:

    npm start watch

    Output1

  5. Now, within the Data Inputs section of the property pane, designate the items for the Accordion code component using the AccordionData.csv.

    [!NOTE] After loading the items, proceed to select the required column types of Items section in the property pane. For example, assign the Whole.None column type for the id column of Items property.

    CSV Import

  6. After loading the CSV file, click the Apply button to load the items in the Accordion code component. Optionally, we can initialize Accordion config property data from the AccordionConfig.json file.

    Output2

  7. Customize the Accordion code component properties in the right property pane.

Note

Additionally, explore the API documentation for comprehensive details on the properties, methods, and events of the Accordion code component.

See also