Loading...
Home
UI Patterns Overview
Content
Card Background
Card Background
Similar to a Card but allows to define a background image that blends with the content.
Take control with a loan made for you
When to use
Use a Card Bckground to group short pieces of information and highlight them on the screen while providing additional relavance by using a background image in the block.
Position
Vertically aligns the content inside Card Background to Top, Center or Bottom. Horizontally align it to Left, Center or Right.
Take control with a loan made for you
Top Center
Take control with a loan made for you
Center
Take control with a loan made for you
Bottom Center
Color
All the
color
palettes are available to be used as a background overlay.
Take control with a loan made for you
Orange
Take control with a loan made for you
Grape
Take control with a loan made for you
Lime
See more information on implementing this pattern in the
product documentation
Content
Accordion
Alert
Balloon
Blank Slate
Bullets
Card
Card Background
Card Sectioned
Carousel
Chat Message
Lightbox Image
Modal
Panel
Section
Tag
Tooltip
Click here to see your activities