Join the Webstudio community

Updated 2 months ago

Recreating a dynamic pricing table in webstudio

At a glance

The community member is curious if a pricing table similar to the one on https://www.smartpricingtable.com/sample-proposals (specifically the "Scope of Work" section) can be recreated in Webstudio. They note that the accordion functionality can be achieved using the Radix > Accordion component, but they are unsure about implementing the dynamic price changes based on checkbox selection or quantity changes. Another community member suggests that the values can be stored in search parameters and rendered in the accordion headers.

Useful resources
I'm curious, can this pricing table be recreated in Webstudio? https://www.smartpricingtable.com/sample-proposals (see the "Scope of Work")

The accordion can be done with the Radix > Accordion component, but what about the dynamic price changes based on the checkbox selection or the quantity change? The price changes both in the heading and on the individual item.
B
1 comment
You can store values in search params and render them in accordion headers
Add a reply
Sign up and join the conversation on Discord