Search Username and Create a Custom Lightning-Pill Button With Add/Remove in Salesforce Lightning Component

Vijay Kumar
2 min readSep 3, 2020

--

Search Username and Create a Custom Lightning-Pill Button With Add/Remove in Salesforce Lightning Component

Hey guys, today in this post we are going to learn about Search Username and Create a Custom Lightning-Pill Button with Add/Remove a Pill Label in Salesforce Lightning Component.

Files we used in this post example:-

Live Demo

lightningPillApp.app

Lightning Application

It is used for call the component to preview on browser.

lightningPillCmp.cmp

Lightning Component

It is used for create a search input field & custom pill button on lightning component .

lightningPillCmpController.js

JavaScript Controller File

It is used for keyup function for search the username from database.

lightningPillCmp.css

Component Style CSS

It is used for create custom Style CSS for alignment the search input field and pill button.

pillController.apxc

Apex Controller File

It is used for search username value from database server

Other post that would you like to learn

Step 1:- Create Lightning Application : lightningPillApp.app

From Developer Console >> File >> New >> Lightning Application

lightningPillApp.app [Component Application File]

Step 2:- Create Lightning Component : lightningPillCmp.cmp

From Developer Console >> File >> New >> Lightning Component

lightningPillCmp.cmp [Lightning Component File]

Step 3:- Create Lightning Component : lightningPillCmpController.js

From Developer Console >> File >> New >> Lightning Component >> JavaScript Controller

lightningPillCmpController.js [JavaScript Controller]

Step 4:- Create Lightning Component Style: lightningPillCmp.css

From Developer Console >> File >> New >> Lightning Component >> Component Style CSS

lightningPillCmp.css [Style CSS]

Step 5:- Create Apex Class : pillController.apxc

From Developer Console >> File >> New >> Apex Class

pillController.apxc [Apex Class Controller]

Originally published at https://www.w3web.net on September 3, 2020.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

No responses yet

Write a response