Get started with spacersjs CDN
MIT licensed
Spacers.js is a lightweight library for adding consistent spacing between React components.
Tags:- spacers
- margin
- padding
- dragging
- no-code
- spacing
- no-code-ui
Stable version
Copied!
How to start using spacersjs CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.cdnhub.io/spacersjs/1.0.6/spacers.min.css">
<style>
.container {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
}
.box {
width: 100px;
height: 100px;
background-color: #f1c40f;
margin: 0 1rem;
}
.spacer {
width: var(--spacer-1);
height: 1px;
background-color: #e5e7eb;
}
</style>
</head>
<body>
<div class="container">
<div class="box"></div>
<div class="spacer"></div>
<div class="box"></div>
</div>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!