Sections

Pricings

Use pricing sections to promote your pricing plans.

Components

PRSE is primary component name for pricing sections, where PR - pricings, SE - sections and last 2 digits is a sequence number.

PRSE01

Nulla in eros gravida, faucibus est

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Plan name
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
$60
USD / mo
Billed yearly ($720)
Buy plan
What’s included
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
POPULAR
Plan name
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
$60
USD / mo
Billed yearly ($720)
Button Label
What’s included
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
Plan name
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
$60
USD / mo
Billed yearly ($720)
Button Label
What’s included
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
PRSE02

Nulla in eros gravida, faucibus est

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Plan name
$60
USD / mo
Billed yearly ($720)
Buy plan
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
POPULAR
Plan name
$60
USD / mo
Billed yearly ($720)
Button Label
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
Plan name
$60
USD / mo
Billed yearly ($720)
Buy plan
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
PRSE03

Nulla in eros gravida, faucibus est

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Plan name
$60
USD / mo
Billed yearly ($720)
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
Buy plan
Plan name
$60
USD / mo
Billed yearly ($720)
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
Buy plan
Plan name
$60
USD / mo
Billed yearly ($720)
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
  • This is custom list item
  • This is custom list item
  • This is custom list item
  • This is custom list item
Buy plan

How to

Add section components

Section components shouldn't be nested inside of sections, as they already built upon it. You can select and copy any section component from the styleguide and paste to your project or you can search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E).

Style components

Before making any changes you need to unlink component. Right-click on the symbol’s label and choose unlink from symbol. You can style components whatever you like.