My_Test_Repo/force-app/main/default/lwc/designSystemComponent/designSystemComponent.html

22 lines
941 B
HTML

<template>
<div class="slds-brand-band slds-brand-band_medium slds-brand-band_group">
<div class="slds-p-around_medium">
<div class="slds-box">
<p>This is a regular-sized box.</p>
<div class="slds-grid slds-gutters">
<div class="slds-col slds-size_8-of-12" style="background-color: burlywood;">
<span class="slds-badge">Badge Label</span>
</div>
<div class="slds-col slds-size_4-of-12" style="background-color: brown;">
<span class="slds-badge slds-theme_success">Badge Label</span>
</div>
</div>
<div class="designTokens">
<p>Design Token</p>
</div>
</div>
</div>
</div>
</template>