Card
A flexible container used to display content in an organized way
Lorem ipsum dolor sit amet.
A breathtaking coastal city where the ocean meets the skyline, offering stunning views and vibrant nightlife.
Card with Image
You can add image to the card by using the img prop and set the src and alt
Lorem ipsum dolor sit amet.
A breathtaking coastal city where the ocean meets the skyline, offering stunning views and vibrant nightlife.
Card with Custom Image Render
Render your own custom Image components using the renderImage prop
Lorem ipsum dolor sit amet.
A breathtaking coastal city where the ocean meets the skyline, offering stunning views and vibrant nightlife.
Feed Card
This example demonstrates how to use the Card component to create a Feed Card for social media.
3:30 PM
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex odio laudantium nostrum minus beatae cum veritatis alias. Unde!
Web3 Card
This component can be used to display web3 wallet connect card with header using the renderHeader prop and IconButton.
WalletConnect
QR CODE
MetaMask
Detected
Phantom
Trust Wallet
Pricing card
You can display pricing of your product or service using this component.
89
/monthComplete Feature Access
Data Storage (500GB)
Team Collaboration Tools
24/7 Priority Support
Advanced Security Features
Max 10 Team Members
Custom Integration Support