Skip to content

Instantly share code, notes, and snippets.

@bradgignac

bradgignac/rs-section.html

Last active August 29, 2015 14:03
Show Gist options
  • Save bradgignac/3d057fa988c426a78c22 to your computer and use it in GitHub Desktop.
Save bradgignac/3d057fa988c426a78c22 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rs-section.html
<!DOCTYPE html>
<html ng-app="demo">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>rs-section</title>
<link rel="stylesheet" href="https://eafdbc63c97ce6bec9ef-b0a668e5876bef6fe25684caf71db405.ssl.cf1.rackcdn.com/v1-latest/canon.min.css">
<style>
rs-section {
display: block;
}
rs-section + rs-section {
border-top: 1px solid #eee;
}
</style>
</head>
<body>
<div class="rs-main">
<div class="rs-container">
<div class="rs-content rs-panel">
<rs-section title="My Section">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ut voluptate blanditiis deleniti aliquid commodi harum atque quaerat, numquam animi earum et voluptates, incidunt eaque fuga. Optio voluptatem architecto ratione.</p>
</rs-section>
<rs-section title="My Section" collapsible>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ut voluptate blanditiis deleniti aliquid commodi harum atque quaerat, numquam animi earum et voluptates, incidunt eaque fuga. Optio voluptatem architecto ratione.</p>
</rs-section>
<rs-section title="My Section" collapsible="expanded">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ut voluptate blanditiis deleniti aliquid commodi harum atque quaerat, numquam animi earum et voluptates, incidunt eaque fuga. Optio voluptatem architecto ratione.</p>
</rs-section>
<rs-section title="My Section" collapsible="collapsed">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ut voluptate blanditiis deleniti aliquid commodi harum atque quaerat, numquam animi earum et voluptates, incidunt eaque fuga. Optio voluptatem architecto ratione.</p>
</rs-section>
<rs-section title="My Section" collapsible="collapsed">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ut voluptate blanditiis deleniti aliquid commodi harum atque quaerat, numquam animi earum et voluptates, incidunt eaque fuga. Optio voluptatem architecto ratione.</p>
</rs-section>
</div>
</div>
</div>
<script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script type="application/javascript" src="../src/module.js"></script>
<script type="application/javascript" src="../src/rsSection.js"></script>
<script type="application/javascript" src="../src/sectionController.js"></script>
<script type="application/javascript">
angular.module('demo', ['rs.section']);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment