Skip to content

Instantly share code, notes, and snippets.

@agoiabel
Last active March 3, 2019 08:57
Show Gist options
  • Save agoiabel/05c9975689b71e7be268b0a547620c44 to your computer and use it in GitHub Desktop.
Save agoiabel/05c9975689b71e7be268b0a547620c44 to your computer and use it in GitHub Desktop.
<!-- Styles For Pagination -->
<style>
.pagination span {
cursor: pointer;
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}
.pagination span.active {
background-color: #0099FF;
color: white;
border: 1px solid #0099FF;
}
</style>
<!-- Html For Pagination -->
<div className={styles.pagination}>
<span>&laquo;</span>
<span className="active">1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>&raquo;</span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment