JPs Blog

How to add straight line in LWC (Salesforce)

Published by

sfdcscout

CSS will do the job. Sharing sample code.

Component:

<template>
    <div class="line-container">
        <div class="line"></div>
    </div>
</template>

CSS:

.line-container {
    display: flex;
    align-items: center;
}

.line {
    flex-grow: 1;
    border-top: 1px solid black;
}