Composer
Composer
Changelog
Bugs and feature requests
AppGyver Academy
Home
Changelog
Start Learning Composer Pro
Tutorials
AppGyver x Xano — Building a No-code Books App
Power-up videos
Power-up: Working with Objects
Power-up: Offline Storage
Power-up: Conditional Renderer
Power-up: Custom Fonts
Power-up: Lists & Repeats
Power-up: Debugging Variables
Power-up: Grid/Table layout
Power-up: Sorting and Filtering data
Power-up: Transforming Data
Power-up: Forms and Form Validation
Power-up: Custom Flow Functions
Power-up: Conditional Styling
Power-up: Grouping lists
Power-up: Create a Star Rating Component
Power-up: Editing items in a list
Power-up: Search bar with sugggestions
Tutorial articles
Core Lessons - Complete Guide to Composer Pro
Quick onboarding videos
Academy Articles
Bugs and feature requests
Using Composer Pro
Introduction
The App Builder
User Interface
Creating user interfaces
Components
Navigation
Variable editor
Theme editor
App logic
App logic overview
Variables
Device sensors
Debugging
Events
Custom JavaScript
Data
Configuring data resources
REST API direct integration
Authentication
Google Firebase connector
Migrate AppGyver Cloud Storage to Firebase
Messaging
Push notifications
Publishing / Distribution
Build Service & required assets
Distributing your app
Reference
Component gallery
Flow functions reference
Formula functions reference
Page properties reference
Sensor variables reference
System variables reference
Style properties reference
Policies & Guidelines
Issue reporting guidelines
Legacy documentation
AppGyver Cloud Storage
Powered by GitBook

Power-up: Create a Star Rating Component

Learn how to build a star rating component using composite components.

The formula functions used in this video

Choosing a filled or an unfilled star icon according to an item's rating property: IF(internalProps.rating > 0, "star", "star-o")

​

tags: star rating, components, conditional

Previous
Power-up: Grouping lists
Next
Power-up: Editing items in a list
Last updated 4 months ago