Skip to content

Instantly share code, notes, and snippets.

@arun12209
Created July 3, 2022 14:45
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save arun12209/76c82b408129d57344f784018ad9f098 to your computer and use it in GitHub Desktop.
designComponent.html
<template>
<lightning-card title="Design with CSS" icon-name="standard:lightning_component">
<!--This class (slds-p-around_x-large) is used for padding-->
<div class="slds-p-around_x-large">
<!--Custom CSS clsss (para-header-style) used to style the paragraph tag-->
<p class="para-header-style"> Welcome to Lightning Web Component Tutorial</p>
<!--Custom CSS clsss (para-style) used to style the paragraph tag-->
<p class="para-style">Learn LWC framework from scratch with real use cases.</p>
<!--Style button components using lightning design system styling hooks-->
<lightning-button variant="brand" label="Click Me !" ></lightning-button>
</div>
</lightning-card>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment