Standalone Blade

Render pricing tables without VoodBuilder.

Component

<x-voodpricing::pricing-table product="pro" />

<x-voodpricing::pricing-table
    product="pro"
    variant="spotlight"
    :columns="3"
    interval="yearly"
    :show-interval-toggle="true"
    locale="en"
/>

product accepts a slug, numeric id, or Product model instance.

PHP helper

{!! \Voodflow\Voodpricing\Support\PricingTableRenderer::make('pro', [
    'variant' => 'minimal',
    'columns' => 1,
]) !!}

Props

Prop	Default	Notes
`product`	—	Slug, id, or model
`variant`	`cards`	`cards`, `spotlight`, or `minimal`
`columns`	per variant	1–6 (cards default 4, spotlight 3, minimal 1)
`interval`	product default	`monthly` or `yearly`
`show-interval-toggle`	`true`	Client-side monthly/yearly switch
`locale`	app / package default	Used when resolving by slug
`published-only`	`true`	Hide drafts on public pages
`theme`	config	Injects standalone CSS (`vp-*` tokens)

Variants

Variant	Layout
`cards`	Classic multi-column plan cards
`spotlight`	Emphasised featured plan scale
`minimal`	Compact row / stacked list

Theme & Tailwind

Standalone CSS (public/vendor/voodpricing/standalone.css) defines vp-* color tokens and section width. Disable with VOODPRICING_STANDALONE_THEME=false or :theme="false" when VoodBuilder (or your app) already provides the theme.

Layouts also use Tailwind utilities. Add package views to your Tailwind sources, for example:

@source '../../vendor/voodflow/voodpricing/resources/views/**/*.blade.php';

Interval toggle

When the toggle is enabled, visitors switch monthly/yearly in the browser. Prices update from data-monthly / data-yearly attributes without a full page reload.