Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

Choose Your Plan Component


Hello,

I am having trouble finding the Choose Plan/Pricing Column component (demo1) -> https://preview.keenthemes.com/metronic8/demo1/pages/pricing/column.html

I found the `UpgradePlan` Modal, but I don't want it as a modal. I would need it as a component so that I can insert it into the horizontal wizard (technically, it's a custom edited version of that wizard).

I'm using the React version of the theme.

Any ideas where I can locate it? Or how I can easily reformat the modal to work with the Wizard? Currently it doesn't show up.


user
Paul Jurczyk 1 year ago
React
3 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

S
Sean Author1 year ago

Hi,

Please check the pricing options in this page.

Regards.


user
Paul Jurczyk 1 year ago

Hello Sean,

Yeah, I see it in the demo. But where can I find that page in the theme files (React)?

Thanks


S
Sean Author1 year ago

Hi,

Please note that the React version does not include all HTML features since React development requires more time and resources so we provide only base features for the React, Angular, and Vue versions as shown in their own previews.

For the react you should copy it from the HTML version and fully reuse the HTML markup and the basic JS code of the pricing options. The styles are available in the React version's CSS bundle.

Regards


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(