css-utils

Menu

Home Get started

Utilities

Colors Typography Border Display Flex Grid Image Position Shadow Text-Align Widths and Heights

Components

Breadcrumb Button Card Calendar Chip Expansion-Panel Form Icon Icon-Button List Navbar Table Tabs Toast Tooltip

Card

v0.2.0

A card is a flexible and extensible content container.

Default

Card title

Card Subtitle

Lorem ispum dolor Lorem ispum dolor Lorem ispum dolor

<div class="card">
	<div class="card-body">
		<h5 class="card-title">Card title</h5>
		<h6 class="card-subtitle">Card Subtitle</h6>
		<p class="mb-0">Lorem ispum dolor Lorem ispum dolor Lorem ispum dolor</p>
	</div>
</div>

Hover

hover me!

<div class="card is-hoverable">
	<div class="card-body">hover me!</div>
</div>

Previous: Components

Next: Components