Silk UI's cards provide a flexible and extensible content container
with multiple variants and options.
A vertical card would include an image, header text, body and call to
action button. To use this vertical card refer to the code snippet
bellow
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off
To apply a badge to your card, use "card-tag" class inside Silk UI's
card component. Refer to the code snippet below.
Bestseller
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off
To make your card horizontal, use "horizontal-card" class. You can
also make you card with badge to horizontal card.
Bestseller
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off
To add an overlay text to your card, add "card-overlay" class with
regular card class to get an overlay effect
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off
The cases where image is not needed in the card, remove image element,
rest of the styles for the card would still work!
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off
Adding "card-shadow" class along with any other varient of card would
add bpx shadow around the card.
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off
To achieve dissmissive card refer to the code snippet below. You can
map the functionality of dissmissiveness to the onClick on btn-cross.
Sony Noise Cancellation Headphone
This Sony Bluetooth headset features dual noise-cancelling
microphones. It has a compact fold-up design that makes it easy
to store it.
₹8999
₹19999
55% off