Case console
Components: Metric · Datatable · Activity Timeline · List
Lightning page examples
Record and app pages for Lightning Experience, where each layout is an Avonni Dynamic Component you place with Lightning App Builder. 69 examples to open live and copy, built with Avonni components such as Metric, Datatable and Text.
Built with Avonni Dynamic Components
Lightning Page
69 examples
Opportunity deal room
Components: Progress Indicator · Metric · Datatable · Avatar Group
Account 360
Components: Scoped Notification · Metric · List · Activity Timeline
Patient care summary
Components: Alert · Avatar · Progress Bar · Chip Container · Activity Timeline · Avatar Group
Wealth client overview
Components: Scoped Notification · Metric · Datatable · Pill Container · Progress Bar
Field service work order
Components: Progress Indicator · Status · Metric · Map · List
Supplier scorecard
Components: Avatar · Rating · Scoped Notification · Metric · Datatable · Progress Bar
Mortgage underwriting desk
Components: Header · Text · Gauge Chart · Card · Kanban · Progress Bar · Checkbox · Combobox · Text Area · Media Object · Checkbox Button · Button Group · Tree · Activity Timeline
Commercial banking relationship hub
Components: Header · Metric · Container · Search Input · Datatable · Donut Chart · Combo Chart · Relationship Graph · Pivot Table · Separator · Tabbed Container · List
Insurance claim adjuster workbench
Components: Header · Button Menu · Progress Indicator · Metric · Map · Combo Chart · Tabbed Container · Container · Datatable · Pivot Table · List · Kanban · Progress Circle · Formatted Value · Button · Activity Timeline · Text Area · Checkbox · Button Group
Care coordinator console
Components: Profile Card · Button · Text · Container · Metric · Separator · Progress Bar · Avatar Group · Progress Circle · Kanban · Segmented Control · Line Chart · Calendar · Activity Timeline · Bar Chart
Clinical trial participant record
Components: Alert · Avatar · Metric · Progress Indicator · Container · Bar Chart · List · Tabbed Container · Datatable · Camera · Flat Gauge Chart · Text Input · Password Input · Button · Avatar Group
Hospital bed management
Components: Scoped Notification · Metric · Card · Status · Flat Gauge Chart · Text · Bar Chart · Kanban · List · Separator · Input Choice Set · Number Input · Time Input · Stateful Button · Chat
Plant maintenance planner
Components: Container · Avatar · Progress Bar · Card · Help Text · Toggle Input · Gauge Chart · Metric · Separator · Kanban · Scheduler · Barcode Scanner · List · Line Chart · Profile Card · Button · Avatar Group
Quality nonconformance record
Components: Avatar · Container · Rating · Formatted Name · Progress Indicator · Metric · Datatable · Card · Progress Bar · Separator · File Input · Bar Chart · Stacked Bar Chart · Accordion · Accordion Section · Agent Chat
Rebate program manager
Components: Header · Button Menu · Progress Indicator · Gauge Chart · Combo Chart · Datatable · Accordion · Accordion Section · Icon · Output Data · Formatted Value
Store manager daily brief
Components: Header · Button Group · Scoped Notification · Metric · Gauge Chart · Stacked Bar Chart · Datatable · List · Accordion · Accordion Section · Progress Bar · Container · Blockquote
Loyalty member 360
Components: Media Object · Avatar · Text · Chip Container · Layout · Container · Button Icon · Metric · Progress Circle · Datatable · List · LWC Container · Date/Time Input · Button Group · Activity Timeline
Merchandising planner
Components: Header · Button Group · Stacked Bar Chart · Gauge Chart · Separator · Button Icon · Date Input · Datatable · Tabbed Container · Container · Donut Chart · Column Chart · Carousel · LWC Container
Major gift officer workspace
Components: Media Object · Avatar · Text · Chip Container · Button Menu · Progress Indicator · Metric · Container · Stacked Bar Chart · Output Data · Avatar Group · Accordion · Accordion Section · List · Datatable · Activity Timeline
Grant management record
Components: Media Object · Icon · Text · Chip Container · Button · Scoped Notification · Metric · Container · Stacked Bar Chart · Output Data · Stacked Column Chart · Calendar · Datatable · List · Progress Bar · Flat Gauge Chart · Checkbox
Program participant case
Components: Profile Card · Button · Text · Card · Help Text · Toggle Input · Metric · Layout · Container · Rating · Progress Bar · Activity Timeline · List · Microphone · Datatable · Agent Chat
Student success advisor
Components: Profile Card · Stateful Button · Badge · Text · Container · Status · Metric · Progress Bar · Chip Container · Line Chart · Layout · Progress Circle · Scheduler · List · Avatar Group · Button · Activity Timeline · Card · Date Input · Time Input · Toggle Input
Admissions application review
Components: Header · Button Group · Progress Indicator · Metric · Tabbed Container · Container · Blockquote · Card · Rating · Number Input · Segmented Control · Chat · Datatable · File Upload
Alumni donor profile
Components: Avatar · Metric · Alert · Bar Chart · Pyramid Chart · Tabbed Container · Container · Datatable · List · Avatar Group · Separator · Segmented Control · Slider · Button · Flat Gauge Chart
Private banking client
Components: Profile Card · Button · Formatted Address · Container · Metric · Tabs · Datatable · Relationship Graph · List · Activity Timeline
Commercial loan covenants
Components: Header · Button Menu · Metric · Container · Date Range · Datatable · Stacked Pyramid Chart · Expandable Section
Commercial policy renewal
Components: Header · Button · Progress Indicator · Metric · Metrics Radar Chart · Image List · Dual Listbox · Vertical Visual Picker
Household financial plan
Components: Profile Card · Avatar Group · Gauge Chart · Metric · Repeatable · Container · Text · Badge · Pivot Table · Vertical Visual Picker
Fraud investigation case
Components: Header · Button Menu · Progress Indicator · Metric · Container · Navigation · Progress Bar · Text · Button · Map · Card · Video Player · Datatable · Activity Timeline · Checkbox · Avatar Group
Merchant onboarding
Components: Header · Button Group · Progress Indicator · Metric · Card · URL Input · Phone Input · Container · List · Progress Bar · Datatable · Donut Chart · Visual Picker · Counter · Toggle Input · Text
Credit union member 360
Components: Profile Card · Button · Badge · Text · Container · Barcode · Formatted Value · Metric · Datatable · Card · Progress Bar · Activity Timeline · Audio Player · Chip Container · List · Counter · Toggle Input
Oncology care plan
Components: Profile Card · Button · Badge · Text · Container · Layout · Progress Circle · Progress Bar · Metric · Tabs · Datatable · Scheduler · Card · Avatar Group · Activity Timeline · Illustration
Surgical case record
Components: Header · Button Menu · Progress Indicator · Metric · Expandable Section · Checkbox · Date Time Picker · Container · Card · Text · Signature Pad · Button · Datatable · Activity Timeline
Nursing unit record
Components: Header · Button · Metric · Pivot Table · Card · Progress Bar · List · Text · Image · Container · Visual Picker Link
Provider credentialing
Components: Profile Card · Button · Text · Container · Metric · Separator · Progress Bar · Progress Indicator · Scoped Notification · Card · Dual Listbox · Email Input · Phone Input · Formatted Address · Datatable · Activity Timeline
Medical device hospital account
Components: Header · Button Menu · Metric · Stacked Pyramid Chart · Datatable · Container · Relationship Graph · Text · Video Player · Activity Timeline
Diabetes care cohort
Components: Header · Date Range · Metric · Metrics Radar Chart · Repeatable · Container · Text · Badge · Datatable
Home infusion referral
Components: Header · Button · Metric · Navigation · Image List · Card · Counter · List
Production order
Components: Header · Button · Metric · Scoped Notification · Tabs · Datatable · Card · Barcode · Text · Pivot Table
Industrial asset record
Components: Header · Button · Metric · Image · Line Chart · Card · Audio Player · Text · Expandable Section
Key account plan
Components: Header · Button Group · Metric · Container · Relationship Graph · Text · Card · URL Input · Visual Picker · Activity Timeline · Combo Chart
Engineering change order
Components: Header · Button · Progress Indicator · Metric · Tabbed Container · Container · Datatable · Text · Scoped Notification · Dual Listbox · Stacked Pyramid Chart · Image List
Dealer performance record
Components: Header · Button Menu · Metric · Layout · Container · Card · Formatted Address · List · Metrics Radar Chart · Map · Datatable · Progress Bar
Capital expenditure request
Components: Header · Button Group · Progress Indicator · Metric · Repeatable · Container · Text · Badge · Layout · Vertical Visual Picker · Donut Chart · Card · Signature Pad · Activity Timeline · Scoped Notification
Product launch readiness
Components: Header · Button · Metric · Scoped Notification · Navigation · Tabbed Container · Container · Datatable · Activity Timeline · Bar Chart · Card · Text · Color Picker · Icon Picker
Flagship store record
Components: Header · Button · Metric · Image List · Video Player · Card · Formatted Address · Text · Datatable · Container · Avatar Group · Bar Chart
Vendor scorecard
Components: Header · Button Menu · Metric · Scoped Notification · Metrics Radar Chart · Card · Email Input · Phone Input · Datatable · Donut Chart
Product master record
Components: Header · Button · Progress Indicator · Metric · Visual Picker · Card · Color Picker · Text · Datatable · Barcode · Container · Pill Container · Input Choice Set
Clienteling customer profile
Components: Profile Card · Button · Text · Container · Metric · Image · Vertical Visual Picker · Datatable · Card · Counter
Promotion record
Components: Header · Button · Metric · Card · Date Range · Icon Picker · Stacked Pyramid Chart · Datatable · Text · Activity Timeline
Franchise owner account
Components: Header · Button · Scoped Notification · Metric · Container · Relationship Graph · Text · Pivot Table · Card · Audio Player · List
E-commerce order case
Components: Header · Button · Tabs · Metric · Tabbed Container · Container · Datatable · Card · URL Input · Expandable Section
Major gift proposal
Components: Header · Button Group · Progress Indicator · Metric · Repeatable · Container · Text · Badge · Visual Picker Link · Button · Bar Chart · Card · List · Signature Pad
Program site record
Components: Header · Button · Scoped Notification · Metric · Map · Image List · Dual Listbox · Card · Formatted Address · Text · List · Bar Chart
Foundation funder record
Components: Header · Button Menu · Scoped Notification · Metric · Relationship Graph · Card · Progress Indicator · Date Range · Datatable · Formatted Address · Text · Button
Volunteer profile
Components: Profile Card · Button · Badge · Text · Card · Counter · Text Input · Metric · Bar Chart · Audio Player · Container · Chip Container · Icon Picker · Datatable
Advocacy campaign record
Components: Header · Button Menu · Metric · Video Player · Card · URL Input · Stacked Pyramid Chart · Datatable
Social services client record
Components: Profile Card · Avatar Group · Card · Phone Input · Metric · Container · Tabs · Datatable · Vertical Visual Picker
Prospective student record
Components: Header · Button Menu · Metric · Navigation · Visual Picker · Card · Email Input · Activity Timeline
Research grant award
Components: Header · Button Menu · Metric · Pivot Table · Expandable Section · Progress Bar · Text · Repeatable · Container · Badge
Alumni mentor record
Components: Profile Card · Button · Badge · Text · Card · Barcode · Formatted Value · Metric · Relationship Graph · Image · Datatable · Pill Container · Toggle Input
Course offering record
Components: Header · Button · Progress Indicator · Metric · Card · Date Range · Text · Color Picker · Dual Listbox · Datatable · Pill Container · Toggle Input · Counter
Student-athlete record
Components: Profile Card · Button · Badge · Text · Card · Progress Bar · Formatted Value · Counter · Metric · Video Player · Metrics Radar Chart · Datatable · Checkbox
Campus facility record
Components: Header · Button Menu · Scoped Notification · Metric · Image List · Datatable · Card · Formatted Address · Text · Activity Timeline · Signature Pad · Button
Service team dashboard
Components: Header · Metric · Bar Chart · Line Chart · Progress Bar · Datatable · List
Patient care summary
Components: Avatar · Alert · Metric · Progress Bar · List · Datatable · Line Chart
Fundraising campaign dashboard
Components: Avatar · Progress Bar · Metric · Bar Chart · Donut Chart · Datatable · List · Alert
Sales agreement record
Components: Header · Button Menu · Progress Indicator · Metric · Combo Chart · Gauge Chart · Datatable · Donut Chart · Kanban · Activity Timeline · Container · Formatted Value · Avatar Group