Text

Only one line

The first one is not limited, and the second one use only-one-line className to limit line.

Preview

Code

HTML

Code

JSX/TSX

lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur

<div class="flex gap-2">
	<div class="bg-bw-300 flex-1 h-20">
		<p>
			lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet,
			consectetur
		</p>
	</div>
	<div class="only-one-line bg-bw-300 flex-1 h-20">
		<p>
			lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet,
			consectetur
		</p>
	</div>
</div>

<div className='flex gap-2'>
  <div className='bg-bw-300 flex-1 h-20'>
    <p>
      lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur
    </p>
  </div>
  <div className='only-one-line bg-bw-300 flex-1 h-20'>
    <p>
      lorem ipsum dolor sit amet, consectetur lorem ipsum dolor sit amet, consectetur
    </p>
  </div>
</div>

Overlay Overview