Conteúdo v1.0.0

Tabela de preços

Exibição de planos de preços com alternância mensal/anual. Disponível como cards lado a lado ou tabela de comparação de recursos com destaque do plano popular.

Cards

Cards de preço lado a lado com listas de recursos

Opções

Nome Tipo Padrão Descrição
plans * Array obrigatório 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

Comparação

Tabela de comparação de recursos com marcações entre planos

Opções

Nome Tipo Padrão Descrição
plans * Array obrigatório Array of plan hashes with :name, :price, :yearly_price, :cta_label, :cta_href, :popular
feature_groups * Array obrigatório 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%"

Changelog v1.0.0

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

Obter Acesso Completo

Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.

Obter Acesso Agora