Contents
You can create a button with a label only, or add the iconName attribute for a button with a label and icon. For an icon-only button, use lightning:buttonIcon instead. The Lightning Design System utility icon category provides nearly 200 utility icons that can be used in lightning:button along with label text.
How to access custom labels in aura components?
To access custom labels in Aura components, use the $Label global value provider. A label describes the purpose of an input component. To set a label on an input component, use the label attribute. Output and update labels using the format () expression function.
What should the disabled attribute be on a lightning button?
If you’re creating forms to interact with Salesforce records, consider using lightning:recordForm or lightning:recordEditForm. To inform screen readers that a button is disabled, set the disabled attribute to true. Buttons must have an accessible name to enable assistive technology to describe the button’s purpose.
A lightning:button component represents a button element that executes an action in a controller. Clicking the button triggers the client-side controller method set for onclick. You can create buttons in several ways: a button with a label only, or a button with a label and icon.
How do you create a layout in Lightning?
Create the content of the layout by including lightning-layout-item components within lightning-layout. You can place HTML tags and text between the lightning-layout-item components, but you can’t place other components or expressions between them. This component inherits styling from the grid utility classes in the Lightning Design System.
How to create an icon only Lightning button?
To create an icon-only button, use the lightning:buttonIcon component instead. To create a button that triggers a menu, use lightning:buttonMenu. lightning:button supports some aria attributes for accessibility. See the Specifications tab. For more information, see the WAI-ARIA Specification.