Dec 11, 2016

Sujesh Ramachandran

Lightning components development becomes faster with out of box lightning components

Last few blogs was on custom functionality and I thought should write on out of box components in Lightning framework. When we started development on lightning framework some months back, we had to develop few components from scratch which are available in platform now. we will just go through few out of box lightning components which makes development on lightning framework much faster.

Lightning Icon - lightning:icon
Lightning icon makes it easier to add SVG to your lightning components. You could specify IconName, class, size and variant(warning, error), alternative text and body.

Lightning Tabset and Lightning Tab - lightning:tabset & lightning:tab
Lightning Tabset is parent for lightning Tab. As most of you already know that we can accommodate multiple tab into tabset. we could pass variant(default, scopped), onSelect event, Id, class and body to the lightningning tabset. Lightning tab will be child of lightning tabset, we could pass few events like onblur, onfocus. Also, can customize the label like Icon with description etc. Possible attributes are body, tabindex etc.

Lightning Button Menu and Menu Item - lightning:buttonMenu and lightning:menuItem
Button Menu represents a drop down menu which the component itself will take care of the javasript to show or hide the menu, the event handling part. Many attributes available to customise the out of box component like class, iconName, iconSize, menuAlignment, title, value , events like onblur, onfocus, onselect. You can use the visible attribute to open and close the menu from controller/Helper.

A lightning:menuItem is a menu item within the lightning:buttonMenu dropdown component. It can hold state such as checked or unchecked, and can contain icons. You can customize the styling using the class attribute. You can create menu items that can be checked or unchecked using the checked attribute in the lightning:menuItem component. Other possible attributes are iconNmae, label, title, value and events like onblur, onfocus.

Lightning Spinner - lightning:spinner
Displays an animated spinner. This component can be used when retrieving data or anytime an operation doesn't immediately complete. The variant attribute changes the appearance of the spinner. The default spinner color is dark blue.

There are many components available in the framework like lightning:button, lightning:button:group, lightning:buttonicon, lightning:textarea, lightning:select, lightning:formatteddatetime, lightning:formattednumber, lightning:layout, lightning:card etc. If you want to know more about it, then refer the link Aura Component reference


Lightning Icon

Lightning Tab

Lightning Menu

Lightning Spinner

Follow me @ramsujesh

Sujesh Ramachandran

About Sujesh Ramachandran -

Co-Founder @ Fingertipplus Technologies | Co-Organizer of Coimbatore Salesforce Developer Group | Full Stack Coder | Blogger

Subscribe to this Blog via Email :


Write comments
subba reddy
April 18, 2017 8:13 AM delete

Hi I'm trying to use lightning:buttonmenu in sandbox and it's not working. Is it available for use in sandbox?

April 18, 2017 11:05 AM delete

Hi Subbu,
Could you send the error you are getting....

January 23, 2022 10:00 AM delete

Slingo Games at Slingo -
Slingo Game. starvegad Slingo is 제왕카지노 a new social gaming experience 메리트카지노 that is available on all the major platforms of the casino.