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

Screenshots:

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 :

4 comments

Write comments
subba reddy
AUTHOR
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?

Reply
avatar
April 18, 2017 11:05 AM delete

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

Reply
avatar
Anonymous
AUTHOR
January 23, 2022 10:00 AM delete

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

Reply
avatar
Unknown
AUTHOR
March 17, 2022 3:31 AM delete

Harrah's Casino and Hotel - Jordan 10 Retro Outlet
Harrah's Casino and Hotel, air jordan 18 retro yellow suede shop owned by Vici Properties, Inc., is an indian casino and hotel located in West how to get air jordan 18 retro men red Virginia. It best air jordan 18 retro yellow is air jordan 18 retro red from me located where can you buy air jordan 18 retro toro mens sneakers in West Virginia and is

Reply
avatar