Tabs are web design components that let you stack multiple groups of content in the same space on a web page.<\/p>\n
Watch the Tabs shortcode video<\/u><\/a><\/p>\n\n\n\n The information you’re viewing here is being displayed in tabs. Tabs reduce the amount of page real estate used to display content. In the mobile view, the content from tabs stack up starting from the left tab and moving right.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n Make sure that the tabs in a group contain parallel types of information about a single topic. Also, make sure you’ve grouped the information on each tab in ways that make sense to your site visitors, and you’ve labeled each tab using terms that are familiar to your visitors.<\/p>\n If site visitors are likely to want to compare two types of information, think very<\/em> carefully before hiding the content in a tab. In most cases, your visitors would rather not<\/em> have to click to see one set of content and then another.<\/p>\n Consider using tabs when…<\/strong><\/p>\n Don’t use tabs when…<\/strong><\/p>\n The <\/span>tab<\/b> shortcode allows you to group related content into blocks organized by up to 5 tabs. The shortcode requires a Heading 4 (H4) title and any type of content.<\/span><\/p>\n Check these things if your tabs aren’t behaving:<\/p>\n You can always contact the EASI Web Team<\/a> with questions.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n\n\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n How-To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
How-To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
Best practice<\/strong><\/h2>\n
Tips<\/h3>\n
\n
\n
How to create tabs<\/h2>\n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n