Contenido v1.0.0

Tabla de precios

Visualización de planes de precios con alternancia mensual/anual. Disponible como tarjetas lado a lado o tabla comparativa de características con plan popular destacado.

Tarjetas

Tarjetas de precios lado a lado con listas de características

Opciones

Nombre Tipo Predeterminado Descripción
plans * Array requerido Array of plan hashes with :name, :price, :yearly_price, :period, :description, :features, :cta_label, :cta_href, :popular
currency String "$" Currency symbol
billing_period Boolean false Show monthly/yearly toggle
monthly_label String "Monthly" Monthly toggle label
yearly_label String "Yearly" Yearly toggle label
yearly_discount String "Save 20%" Yearly discount badge text

Comparación

Tabla comparativa de características con marcas de verificación entre planes

Opciones

Nombre Tipo Predeterminado Descripción
plans * Array requerido Array of plan hashes with :name, :price, :yearly_price, :cta_label, :cta_href, :popular
feature_groups * Array requerido Array of feature group hashes with :name and :features array
currency String "$"
billing_period Boolean false
monthly_label String "Monthly"
yearly_label String "Yearly"
yearly_discount String "Save 20%"

Registro de Cambios v1.0.0

- Initial release with cards and comparison styles
- Monthly/yearly billing toggle
- Popular plan highlighting

Obtener Acceso Completo

Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.

Obtener Acceso