Create linked text with an id and tab-button class, below I've created three links each with an id of tab-1, tab-2 and tab-3 respectively. I added button classes to show which "tab" is active.

Tab 1 Tab 2 Tab 3


<p>
  <a class="tab-button button primary" href="#" id="tab-1">Tab 1</a> 
  <a class="tab-button button primary hollow" href="#" id="tab-2">Tab 2</a> 
  <a class="tab-button button primary hollow" href="#" id="tab-3">Tab 3</a>
</p>

Create a Layout component or Column component, within one Layout component, and assign each with a "tab-content" and "tab-" class matching the link that needs to display it when clicked: tab-1, tab-2, etc . Add the class "active" to the one that needs to be open initially.

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nibh dolor, laoreet vitae lacinia ut, commodo quis orci. Praesent et malesuada risus. Fusce euismod purus non dolor facilisis iaculis. Praesent in lorem id ligula porttitor finibus. Pellentesque vitae erat malesuada, consectetur arcu sed, dignissim felis. Ut viverra laoreet felis, id dictum orci porta ut. Praesent semper sem eu tincidunt semper. Donec sit amet quam posuere, vehicula mauris porttitor, tincidunt orci. Nam magna elit, bibendum eu tincidunt sit amet, sagittis varius purus. Curabitur ullamcorper nisl nec tellus dictum, vel laoreet mauris accumsan. Nam hendrerit odio et justo tristique facilisis. Suspendisse lacinia elit ut lectus mattis, vel consequat magna sagittis. Curabitur pellentesque ipsum ac risus aliquam, vel varius turpis lacinia. Mauris enim purus, hendrerit ac libero ac, ullamcorper bibendum purus.

Etiam tellus elit, iaculis ut viverra non, finibus eget libero. Duis convallis ante nec lacus eleifend, ac sagittis massa tempor. Aliquam a finibus libero. Suspendisse interdum augue eu sem pellentesque, ac auctor est molestie. Aliquam a leo turpis. Phasellus scelerisque ultrices tincidunt. Praesent in blandit lorem, ac mollis dolor.

Etiam dolor nibh, sagittis id eros nec, semper luctus diam. Nulla id pulvinar lectus. Sed tincidunt sapien leo, in dignissim ipsum fermentum non. Nulla facilisi. In hac habitasse platea dictumst. Morbi ut lacinia justo. Pellentesque consectetur, eros ut tempor vehicula, nulla ipsum porttitor felis, eu auctor odio nisi sit amet metus. Praesent in mollis elit. Vivamus in nunc a leo pharetra finibus. Donec nibh ipsum, hendrerit non quam sed, lobortis commodo diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt rhoncus rhoncus. Morbi tristique rhoncus diam, id lobortis augue imperdiet nec.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nibh dolor, laoreet vitae lacinia ut, commodo quis orci. Praesent et malesuada risus. Fusce euismod purus non dolor facilisis iaculis. Praesent in lorem id ligula porttitor finibus. Pellentesque vitae erat malesuada, consectetur arcu sed, dignissim felis. Ut viverra laoreet felis, id dictum orci porta ut. Praesent semper sem eu tincidunt semper. Donec sit amet quam posuere, vehicula mauris porttitor, tincidunt orci. Nam magna elit, bibendum eu tincidunt sit amet, sagittis varius purus. Curabitur ullamcorper nisl nec tellus dictum, vel laoreet mauris accumsan. Nam hendrerit odio et justo tristique facilisis. Suspendisse lacinia elit ut lectus mattis, vel consequat magna sagittis. Curabitur pellentesque ipsum ac risus aliquam, vel varius turpis lacinia. Mauris enim purus, hendrerit ac libero ac, ullamcorper bibendum purus.

Tab 3

Donec egestas vel sem maximus gravida. Nam fringilla ligula quis viverra suscipit. Nullam tincidunt euismod dapibus. Aenean facilisis sem vel condimentum egestas. Vivamus ac dolor a enim sagittis sollicitudin eu et nisl. Nulla volutpat egestas enim. Donec eget enim ut mauris vestibulum convallis. In eu ex id mauris tristique rhoncus at quis velit. Nunc vitae nunc a ipsum ultrices laoreet eu a neque. In lectus massa, fringilla elementum mauris at, eleifend pellentesque ligula. Suspendisse tristique lorem et purus molestie, quis lobortis ligula ullamcorper. Donec vitae egestas nisl. Integer gravida lectus felis, eget tempor ex imperdiet et. Etiam ac diam quis turpis vulputate pellentesque. Aenean et blandit dui, nec iaculis enim. Donec eget aliquam tellus.

Aenean cursus eu urna sed tristique. Sed nec scelerisque magna. Mauris id semper metus. Ut auctor nec tortor vitae vestibulum. Curabitur justo leo, mattis sit amet rutrum eu, fermentum vitae metus. Suspendisse dignissim sodales ante, non bibendum lorem. Etiam non lorem id lorem sodales efficitur. Pellentesque tincidunt urna sed posuere ullamcorper. Aenean sodales venenatis augue nec vestibulum. Morbi placerat nunc urna, ullamcorper posuere ante ullamcorper eu. Integer enim nulla, elementum nec enim ac, rutrum aliquam tortor. Duis rutrum ultricies ligula vitae pulvinar.