Tabbed card table example

This example shows how to use tabs to control visible card sets

Flex utilities

This example also makes extensive use of the Flex Utilities.

Tabbed Card Table


Lorem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non turpis eu urna fermentum viverra eu eget lorem. Morbi vel diam sit amet elit ultricies efficitur quis nec felis. Nulla justo ipsum, gravida ac nunc a, aliquam elementum massa. Donec varius accumsan risus quis egestas. Quisque suscipit diam ut tortor rhoncus, ut fringilla nisl aliquet. Fusce eu arcu in nunc imperdiet commodo viverra quis arcu. Fusce rutrum id nisi finibus feugiat.

Ipsum

Pellentesque ac lectus elementum ante convallis consequat id a nisi. Quisque orci dui, iaculis et magna et, pulvinar posuere justo. Vivamus diam tortor, fermentum eget nisi ac, pharetra malesuada orci. Proin et orci consequat, tempor neque quis, venenatis sapien. Quisque in venenatis magna, a porta ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Etiam elementum turpis vehicula mattis cursus. Vestibulum sit amet odio eu metus ultrices viverra. Cras risus neque, sagittis quis porta vel, porttitor id urna. Vestibulum finibus lacus in neque iaculis tempus.

Dolar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non turpis eu urna fermentum viverra eu eget lorem. Morbi vel diam sit amet elit ultricies efficitur quis nec felis. Nulla justo ipsum, gravida ac nunc a, aliquam elementum massa. Donec varius accumsan risus quis egestas. Quisque suscipit diam ut tortor rhoncus, ut fringilla nisl aliquet. Fusce eu arcu in nunc imperdiet commodo viverra quis arcu. Fusce rutrum id nisi finibus feugiat.

Sit

Pellentesque ac lectus elementum ante convallis consequat id a nisi. Quisque orci dui, iaculis et magna et, pulvinar posuere justo. Vivamus diam tortor, fermentum eget nisi ac, pharetra malesuada orci. Proin et orci consequat, tempor neque quis, venenatis sapien. Quisque in venenatis magna, a porta ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Etiam elementum turpis vehicula mattis cursus. Vestibulum sit amet odio eu metus ultrices viverra. Cras risus neque, sagittis quis porta vel, porttitor id urna. Vestibulum finibus lacus in neque iaculis tempus.

Ammet

Pellentesque ac lectus elementum ante convallis consequat id a nisi. Quisque orci dui, iaculis et magna et, pulvinar posuere justo. Vivamus diam tortor, fermentum eget nisi ac, pharetra malesuada orci. Proin et orci consequat, tempor neque quis, venenatis sapien. Quisque in venenatis magna, a porta ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Etiam elementum turpis vehicula mattis cursus. Vestibulum sit amet odio eu metus ultrices viverra. Cras risus neque, sagittis quis porta vel, porttitor id urna. Vestibulum finibus lacus in neque iaculis tempus.