Account Search In Tile Format Using LWC

Account Records Fetch functionality In Tile Format Using LWC

In the below post, we will learn how to fetch Account records in Tile format using the Lightning Web component. Also how to use static Resources in LWC.

• I am using imperative Apex for fetching Account Records. 
• I have also used Custom CSS for my UI part.
• I Have also used Static Resource for showing Avtar images for each  Account.

Please follow the below steps for practicing the example in Post.

Create Lightning Web Component (LWC) with any name you want to use from VS code after Authorizing your practice org. for my example, I have used "accountRecordInTile".

Step 1. Apex Controller file.

Step 2. HTML file.

Step 3. Javascript File.

Step 4.  CSS file.

.bear-tile {

    border: 1px solid #d2955d;

    border-radius: .35rem;

    display: block;

}

.bear-silhouette {

    height: 100px;

}

Step 5.Meta XML file.

Like our post & bookmark this blog for your future learning. 

Any suggestions and improvements are most welcome, please comment your suggestions and improvement in the comment box. 

Happy Coding Sharing Is caring. 😀😀😀