Manual

The Manual Data Source is the most straightforward way to provide your Avonni Data Component data. This method lets you enter data into the component's configuration, giving you complete control over the displayed information.


How It Works

Component Configuration

When setting up your Avonni Data Component (such as a Data Table, List, or Carousel), you'll find a "Data Source" section. Select "Manual" from the available options.

Data Input

You'll have a user-friendly interface to enter your data depending on the component type. This is usually a table-like structure where you can add rows and columns.

Display

Once you've input your data, the component will immediately render it, giving you a real-time preview of how it will look to your users.


When to Use a Manual Data Source

The Manual Data Source shines in the following scenarios:

  • Simple Data Sets: If your data is relatively small and uncomplicated, manually entering it is a quick and easy solution.

  • Static Content: When the information you want to display doesn't change often (or at all), there's no need for a dynamic connection to a data source. Manual input is perfect for this.

  • Demos and Prototyping: If you're creating a demo or prototype, the Manual Data Source allows you to quickly populate your component with sample data without requiring complex configurations.

  • Testing and Development: When testing your components or developing new features, manually controlling the data gives you a clear understanding of how the component behaves with different inputs.

  • Complete Control: If you need absolute control over every piece of information the component displays, the Manual Data Source gives you that precision.


Example: Static Product Catalog

Imagine you're building a basic product catalog page. You have a small list of products with their names, descriptions, and prices. This data doesn't change often, so a Manual Data Source is a perfect fit.

  1. Select "Manual" as your Data Source.

  2. Enter each product as a row in the provided table, with columns for name, description, and price.

  3. Your Avonni Data Component (like a Data Table) will instantly display the product catalog on your page.


Limitations

Not Suitable for Large or Dynamic Data Sets

Manual input becomes cumbersome and error-prone if your data changes frequently or is extensive. Consider using a Variable, Query, or Picklist Data Source instead.


Tips

  • Format Your Data: Make sure your data is well-organized and structured before entering it into the component. This will ensure the component displays it correctly.

  • Use Clear Labels: Provide descriptive labels for your columns or fields to help users understand what each piece of data represents.

  • Test Thoroughly: Always preview your component after entering your data to verify that it looks and functions as expected

Last updated