Origami Frontend Components & Services

Demos: o-section-head deprecated

o-section-head is deprecated. This component should not be used for new projects. Only security-related bugs will be fixed for this component, though existing implementations will continue to work.


Standard section head

<div class="o-section-head" data-o-component="o-section-head">
	<div class="o-section-head__inner">
		<div class="o-section-head__container">
			<div class="o-section-head__title-container">
				<h1 class="o-section-head__title">Section title</h1>
		  <div class="o-section-head__nav-item-container o-expander" data-o-expander-collapsed-toggle-text="RELATED" data-o-expander-expanded-toggle-text="RELATED" data-o-expander-shrink-to="height" data-o-component="o-expander">
					<button class="o-expander__toggle o--if-js o-section-head__nav-item-toggler">RELATED</button>
					<nav class="o-section-head__nav-item-list o-expander__content">
		        <a class="o-section-head__nav-item" href="#">item 1</a>
		        <a class="o-section-head__nav-item" href="#">item 2</a>
		        <a class="o-section-head__nav-item" href="#">item 3</a>
		        <a class="o-section-head__nav-item" href="#">item 4</a>
		        <a class="o-section-head__nav-item" href="#">item 5</a>
		        <a class="o-section-head__nav-item" href="#">item 6</a>
		        <a class="o-section-head__nav-item" href="#">item 7</a>
Switch component view

GitHub Repository

Install o-section-head

If using the Build Service, add o-section-head@^1.0.5 to your script and link tags.

If running a Manual Build, run bower install --save "o-section-head@^1.0.5".

Help & Support

o-section-head is maintained directly by the Origami team. If you have any questions about o-section-head or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com