A Guide to
Pop-up Components
Pop-up origami, technically a form of “kirigami”, involves cutting the paper and folding to allow elements to “pop up”, while retaining tha achieved effect by folding up the paper, hence the word “card”. These elements below are responsive to the page layout using pre-defined media query constraints Tailwind CSS offers out-of-the-box:
1. Responsive Card
<ResponsiveCard
title={data.title}
description={data.description}
footer={data.footer}
footerColor={} // optional
containerShade={} // optional
/>Pop-up Card
Who doesn’t love an element of surprise, whether it’s a valentines day card that opens up to a pop-up teddybear holding a heart-shaped box of chocolate, or a children’s book on the solar system with floating demonstration of the milky way.
Pop-up origami, technically a form of “kirigami”, involves cutting the paper and folding to allow elements to “pop up”, while retaining tha achieved effect by folding up the paper, hence the word “card”.
Pop-up origami, technically a form of “kirigami”, involves cutting the paper and folding to allow elements to “pop up”, while retaining tha achieved effect by folding up the paper, hence the word “card”.
Footer of Pop-up card
Pop-up Card
Who doesn’t love an element of surprise, whether it’s a valentines day card that opens up to a pop-up teddybear holding a heart-shaped box of chocolate, or a children’s book on the solar system with floating demonstration of the milky way.
Pop-up origami, technically a form of “kirigami”, involves cutting the paper and folding to allow elements to “pop up”, while retaining tha achieved effect by folding up the paper, hence the word “card”.
Pop-up origami, technically a form of “kirigami”, involves cutting the paper and folding to allow elements to “pop up”, while retaining tha achieved effect by folding up the paper, hence the word “card”.
Footer of Pop-up card