Lists

Lists are used to present list of information in well formed and semantic way. There are three different types of list in HTML and each one has a specific purpose and meaning.

Plain List

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

<div className="list-container">
	<ul className="list">
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
	</ul>
</div>

html

Stripe List

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis

<div className="list-container">
	<ul className="list list-striped">
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
		<li className="list-item">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis
		</li>
	</ul>
</div>

html

© DogeUI, 2022