Ionic - Cards
Mobile Phone have littler screen estimate consequently Ionic - Cards square measure one among the best segments for showing information which will feel client friendly..
Adding CardsA default card might be made by adding a card classification to your segment. Cards territory unit normally molded as records with the dynamic class. one in everything about preeminent supportive classification is that the dynamic content wrap. this may encourage after you have an unnecessary measure of content, hence you wish to wrap it inside your card. the essential card inside the accompanying precedent doesn't have the dynamic content wrap classification dispensed, anyway the second is abuse it.
<div class = "card"> <div class = "active"> This is an Ionic card without dynamic content wrap class. </div> <div class = "active dynamic content wrap"> This is an Ionic card with dynamic content wrap class. </div> </div>
Card Header and FooterIn the past section, we have just examined how to utilize the dynamic divider class for gathering records.
<div class = "card list"> <div class = "active dynamic divider"> Card header </div> <div class = "active dynamic content wrap"> Card content... </div> <div class = "active dynamic divider"> Card Footer </div> </div>
Complete CardWe will demonstrate to you the best approach to utilize the full-picture class along the edge of the dynamic body to initiate an all around favored windowed picture inside your card.
<div class = "card"> <div class = "active dynamic avatar"> <img src = "my-image.png"> <h2>Card Name</h2> </div> <div class = "active dynamic body"> <img class = "full-image" src = "my-image.png"> "I hear babies cry, I watch them grow, They'll adapt much more, Than I'll ever know. What's more, I think to myself, What a magnificent World" - Louis Armstrong "What a Wonderful World" You are Beautiful, regardless of what they state." - Christina Aguilera "Beautiful" "Don't you know that there ain't no mountain high enough. Ain't no valley low enough, ain't no waterway wide enough. To shield me from getting to you, infant." – Marvin Gaye & Tammi Terrell "Ain't No Mountain High Enough"