Donation checkout
Components: Progress Bar · Input Choice Set · Visual Picker · Blockquote · Button
Fundraising and program management use cases: campaigns, donations, grants, beneficiary intake and crisis lines. 31 examples to open live and copy, built with Avonni components such as Metric, Datatable and List.
Components: Progress Bar · Input Choice Set · Visual Picker · Blockquote · Button
Components: Progress Indicator · Combobox · Input Choice Set · Scheduler · Input Choice Set Grid · Expandable Section · Signature Pad · Blockquote
Components: Hero Banner · Formatted Name · Formatted Address · Barcode Scanner · Datatable · Input Choice Set Grid · Input Choice Set · Counter · Scoped Notification · Dual Listbox · Avatar
Components: Header · Video Player · List · Tabs · Expandable Section · Avatar Group · Calendar · Vertical Visual Picker · Signature Pad
Components: Header · Separator · Text Area · Counter · Slider · Stacked Column Chart · List · Tree · Datatable
Components: Header · Formatted Name · Formatted Address · User Location · Map · Visual Picker · Counter · Slider · Input Choice Set · Kanban · Progress Bar · Dual Listbox
Components: Header · Gauge Chart · Combo Chart · Date Range · Input Choice Set · Carousel · Text Area · List · Scoped Notification
Components: Header · Navigation · Pyramid Chart · List · Button Group · Datatable · Scoped Notification · Visual Picker · Counter · Combobox
Components: Header · Flat Gauge Chart · Visual Picker · Formatted Value · Button Icon · Image · Dual Listbox · Datatable · Input Choice Set
Components: Progress Indicator · Header · Metric · Visual Picker · Input Choice Set · List · Text Area · Scoped Notification
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
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
Components: Profile Card · Button · Text · Card · Help Text · Toggle Input · Metric · Layout · Container · Rating · Progress Bar · Activity Timeline · List · Microphone · Datatable · Agent Chat
Components: Header · Button Group · Progress Indicator · Metric · Repeatable · Container · Text · Badge · Visual Picker Link · Button · Bar Chart · Card · List · Signature Pad
Components: Header · Button · Scoped Notification · Metric · Map · Image List · Dual Listbox · Card · Formatted Address · Text · List · Bar Chart
Components: Header · Button Menu · Scoped Notification · Metric · Relationship Graph · Card · Progress Indicator · Date Range · Datatable · Formatted Address · Text · Button
Components: Profile Card · Button · Badge · Text · Card · Counter · Text Input · Metric · Bar Chart · Audio Player · Container · Chip Container · Icon Picker · Datatable
Components: Header · Button Menu · Metric · Video Player · Card · URL Input · Stacked Pyramid Chart · Datatable
Components: Profile Card · Avatar Group · Card · Phone Input · Metric · Container · Tabs · Datatable · Vertical Visual Picker
Components: Avatar · Progress Bar · Metric · Bar Chart · Donut Chart · Datatable · List · Alert
Components: Banner · Progress Bar · Metric · Blockquote · Social Links
Components: Banner · Container · Metric · Progress Bar · Text · Avatar Group · List · Calendar · Carousel · Button · Email Input · URL Input · Phone Input
Components: Text Block · Button Dialog · Visual Picker Link · List · Profile Card · Button · Datatable · Card · Help Text · File Input · Layout · Accordion · Accordion Section · Agent Chat
Components: Page Header · Badge · Progress Indicator · Layout · Layout Item · Metric · Data Carousel · Card · Datatable · Progress Bar · Avatar Group · List · Progress Circle
Components: Page Header · Input Choice Set · Metric · Leaflet Map · Layout · Layout Item · Progress Bar · Datatable · Dual Listbox · Card · List · Carousel
Components: Page Header · Badge · Layout · Layout Item · Metric · Chat · Card · Avatar · Input Choice Set · Chip Container · Avatar Group · Audio Player · List · Combobox · Slider · Datatable · Activity Timeline
Components: Page Header · Badge · Layout · Layout Item · Metric · Map · Card · Combobox · Counter · Input Choice Set · Pill Container · Progress Bar · Datatable · Activity Timeline
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Chip Container · Avatar · Barcode · List · Visual Picker · Input Choice Set · Signature Pad · Avatar Group · Progress Bar
Components: Page Header · Badge · Layout · Layout Item · Metric · Data Carousel · Card · Color Palette · Datatable · Rating · Progress Bar · Chip Container · Blockquote · Avatar · Progress Circle · Avatar Group · List
Components: Page Header · Badge · Layout · Layout Item · Metric · Tree · Card · Microphone · Combobox · Counter · Input Choice Set · Chip Container · Date Time Picker · Activity Timeline · Datatable · Avatar Group
Components: Page Header · Badge · Layout · Layout Item · Metric · Card · Progress Indicator · Video Player · Avatar Group · Input Choice Set · Image List · Progress Bar · Combobox · Rating · Chip Container · Datatable · Activity Timeline