Tabs Block
Display key information in an interactive manner to attract your users with the Gutenberg Tabs block.
Tabs Block Features
Tabs Block Demos
Left Aligned Tabs
Tab 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Tab 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Tab 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Vertical Left Aligned Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Center Aligned Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Vertical Right Aligned Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit tortor sem, pharetra volutpat orci tempor pellentesque. Curabitur consequat, dui id imperdiet lobortis, elit ante tristique diam, sed eleifend diam ipsum ultrices ipsum. Integer id eros mauris.
Ut molestie venenatis consectetur. Suspendisse cursus pharetra porttitor. Nullam fermentum vulputate nunc nec ornare. Donec sit amet venenatis urna, nec rhoncus magna. Fusce vestibulum mauris ornare, porta augue et, fringilla arcu.
Want to give it a try? You’ll Love it
Get started with Responsive Gutenberg Blocks Library to build awesome websites.