You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/tools/paywalls/change-log.mdx
+1Lines changed: 1 addition & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,6 +8,7 @@ Notable releases & fixes related to Paywalls.
8
8
9
9
| Date | Description |
10
10
| :----------------- | :---------- |
11
+
| July 29, 2025 | Added the Switch component. [Learn more](https://www.revenuecat.com/docs/tools/paywalls/creating-paywalls/components#switch-component)|
11
12
| July 8, 2025 | Paywall templates can now be filtered by purchase method, number of tiers, or number of packages to make it easier to find the templates that suit your business model. |
12
13
| June 25, 2025 | iOS 5.30.0, React Native 8.11.8, Flutter 8.10.5, KMP 1.8.6+14.0.2: Fix to improve the accuracy of locale matching. |
13
14
| June 25, 2025 | Paywalls can now be copied between Projects that you own for easier reuse. |
Copy file name to clipboardExpand all lines: docs/tools/paywalls/creating-paywalls/components.mdx
+18-1Lines changed: 18 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -21,12 +21,13 @@ Components are the individual building blocks of your paywall that can be arrang
21
21
| Carousel | ✅ | Used to add a carousel of pages that a customer can swipe through |
22
22
| Timeline | ✅ | Used to add a timeline of connected items |
23
23
| Tabs | ✅ | Used to display different package groups in different tabs when offering multiple tiers of service, product types, etc. |
24
+
| Switch | ✅ | Used to add a toggle to your paywall that can be used to let customers choose between two different sets of options. |
24
25
| Social proof | ✅ | Styled components that can be used as a starting point to display social proof, testimonials, etc. |
25
26
| Feature list | ✅ | Styled components that can be used as a starting point to display a list of features or benefits |
26
27
| Awards | ✅ | Styled components that can be used as a starting point to callout awards your app has received |
27
28
28
29
:::info Parent components
29
-
Parent components all fundamentally act as containers thatcan contain other components within them.
30
+
Parent components all fundamentally act as containers that can contain other components within them.
30
31
:::
31
32
32
33
## Common component properties
@@ -270,6 +271,22 @@ Each tab acts as a parent component which can contain any other components withi
270
271
Each tab can have its own package selected by default. This is the package which will be selected when the user first navigates to that tab.
271
272
:::
272
273
274
+
## Switch component
275
+
276
+
The switch component allows you to add a toggle to your paywall that can be used to let customers choose between two different sets of options. Switches are frequently used to offer a set of packages that do/don't offer a free trial, do/don't offer family sharing, etc.
277
+
278
+
To modify the appearance of all content within a switch, and have those appearance changes apply to both the OFF and ON state, you can use the `Switch` component in the components panel.
279
+
280
+
To modify the content within the OFF or ON state, use the `OFF content` and `ON content` components respectively.
281
+
282
+
After configuring one of the switch states to your liking, you can duplicate any of the components within the switch to the alternate state so that you have an easier starting point when modifying that other state.
283
+
284
+
:::info Switch component visualiation on device
285
+
The switch component will be displayed as a native switch element on both iOS and Android. The dashboard preview uses the iOS styling to illustrate the appearance, so expect the on device appearance to be different on Android in line with the native platform component.
These component categories are pre-styled components from RevenueCat that can be used as starting points or inspiration to add this type of content to your paywall. Fundamentally, they are no different than any other stacks, and therefore can be customized and configured to your liking.
0 commit comments