Understanding Avonni Component Types

Overview

The Avonni Components suite offers four types of components, each designed for different use cases and Salesforce builders. Selecting the right component type is crucial for building efficient, user-friendly solutions. This guide will help you understand which components to use based on who your users are, what you're building, and where you're building it.

Component Selection Flowchart

At-a-Glance Comparison

App Builder Components
Dynamic Components
Screen Flow Components
Experience Sites Components

👥 Target Users

Internal

Any

Internal

External

🏗️ Builder Tool

Lightning App

Lightning/Experience

Flow Builder

Experience

⚡ Complexity

Simple

Advanced

Standard

FLexible

🎨 Branding Customization

Salesforce Style

Custom

Salesforce Style / Custom

Fully Branded

📱 Best For

Quick Display

Complex Logic

Wizards

Customer Portals

🎛️ Setup

Fast & Easy

More Configuration

Moderate

Standard

💡 Skill Level

Beginner-Intermediate

Intermediate-Advanced

Intermediate

Intermediate-Advanced

🔄 Multi-Step Process

No

No (Display Only)

Yes (Core Feature with Flow Builder)

No

📐 Formulas

No

Yes

Yes (via Flow Formulas)

No

🎭 Conditional Visibility

Yes (Core Feature within App Builder)

Yes

Yes (via Flow Logic)

Limited

🌐 Guest User Support

No

Yes

Yes

Yes

Component Breakdown

🏢 App Builder Components

INTERNAL USE - LIGHTWEIGHT & QUICK

What you can build:

  • 📊 Custom dashboards and reports

  • 📝 Enhanced record page layouts

  • 🏠 Personalized home page widgets

  • 📋 Custom data tables and lists

Why choose this:

  • ✅ Uses Salesforce styling

  • ✅ Essential features only

  • ✅ Fastest to implement

  • ✅ Lightweight and simple setup


Dynamic Components

ADVANCED FEATURES - MAXIMUM POWER

What you can build:

  • 🔄 Real-time data updates

  • 🧠 Complex business logic with formulas

  • 🎛️ Interactive interfaces

  • 📈 High-performance applications

  • 🎨 Custom styling options

Why choose this:

  • ✅ Maximum flexibility

  • ✅ Deep customization

  • ✅ Formula support

  • ⚠️ More complex configuration


🔄 Screen Flow Components

MULTI-STEP PROCESSES - GUIDED EXPERIENCES

What you can build:

  • 🧭 Multi-step wizards

  • 📝 Data collection forms

  • 🎯 Guided user workflows

  • ✨ Step-by-step navigation

  • 📋 Process-driven interfaces

Why choose this:

  • ✅ Built for Flow Builder

  • ✅ Perfect for sequential processes

  • ✅ Guided user experience

  • ✅ Ideal for data collection


🌐 Experience Components

EXTERNAL FACING - BRANDED EXPERIENCES

What you can build:

  • 🛒 Customer portals

  • 🤝 Partner sites

  • 💬 Community platforms

  • 📚 Knowledge bases

Why choose this:

  • ✅ Full brand customization

  • ✅ Public-facing design

  • ✅ Optimized for external users


Detailed Comparison: App Builder vs Dynamic

When to choose App Builder over Dynamic:

  • ✅ You need quick setup with minimal configuration

  • ✅ Essential features are sufficient for your use case

  • ✅ You want lightweight components

  • ✅ Speed of implementation is priority

When to choose Dynamic over App Builder:

  • ✅ You need formula support and calculations

  • ✅ Complex business logic is required

  • ✅ Custom styling beyond Salesforce standard is needed

  • ✅ You need nested components and conditional visibility for reactive interfaces

  • ✅ You're comfortable with more configuration options

  • ✅ You need deeper customization capabilities


🚀 Ready to Start?

Choose your path:

🏢 App Builder Components For quick Lightning page customization with essential features

Dynamic Components For advanced features, formulas, and deep customization

🔄 Screen Flow Components For multi-step wizards and guided data collection processes

🌐 Experience Components For external users and branded experiences


💡 Still unsure? Check out our Tutorial Projects to see each component type in action!

Last updated

Was this helpful?