Tabs

Get Multiplex

Tabs are information dense controls, great for displaying a lot of information without confusing visitors. Use Multiplex's tab control in complex column layouts to add variety. Choose the tab locations (horizontal or vertical) and pick an icon for each tab.
Get Multiplex

Choose Colors and Icons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id ultricies erat, at tempus quam. In lobortis cursus magna, sit amet efficitur lacus faucibus ac. Quisque tempor bibendum lorem ultricies viverra. Morbi hendrerit nisl et magna sodales porta. Quisque eget leo dolor. Sed tincidunt urna nec orci interdum egestas.

Integer sollicitudin neque laoreet, sollicitudin mauris sed, dictum est. Donec finibus vestibulum urna at egestas. Nam in eros nisl. Mauris aliquet eu ipsum eu varius. Quisque fermentum tortor vitae cursus posuere. Mauris massa magna, ultrices eleifend quam et, placerat lobortis lectus. Curabitur sollicitudin sit amet sem nec condimentum. Nulla facilisi. Fusce rutrum nisl ac velit euismod semper.

Sed a finibus urna. Integer accumsan, ex vitae tincidunt tincidunt, enim tellus bibendum nisi, non interdum dui dui a elit. Cras lacus neque, volutpat id turpis id, placerat finibus nisl. Quisque ac felis at sem sodales vulputate a non sapien. Maecenas sit amet diam lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id ultricies erat, at tempus quam. In lobortis cursus magna, sit amet efficitur lacus faucibus ac. Quisque tempor bibendum lorem ultricies viverra. Morbi hendrerit nisl et magna sodales porta. Quisque eget leo dolor. Sed tincidunt urna nec orci interdum egestas.

Integer sollicitudin neque laoreet, sollicitudin mauris sed, dictum est. Donec finibus vestibulum urna at egestas. Nam in eros nisl. Mauris aliquet eu ipsum eu varius. Quisque fermentum tortor vitae cursus posuere. Mauris massa magna, ultrices eleifend quam et, placerat lobortis lectus. Curabitur sollicitudin sit amet sem nec condimentum. Nulla facilisi. Fusce rutrum nisl ac velit euismod semper.

Sed a finibus urna. Integer accumsan, ex vitae tincidunt tincidunt, enim tellus bibendum nisi, non interdum dui dui a elit. Cras lacus neque, volutpat id turpis id, placerat finibus nisl. Quisque ac felis at sem sodales vulputate a non sapien. Maecenas sit amet diam lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id ultricies erat, at tempus quam. In lobortis cursus magna, sit amet efficitur lacus faucibus ac. Quisque tempor bibendum lorem ultricies viverra. Morbi hendrerit nisl et magna sodales porta. Quisque eget leo dolor. Sed tincidunt urna nec orci interdum egestas.

Integer sollicitudin neque laoreet, sollicitudin mauris sed, dictum est. Donec finibus vestibulum urna at egestas. Nam in eros nisl. Mauris aliquet eu ipsum eu varius. Quisque fermentum tortor vitae cursus posuere. Mauris massa magna, ultrices eleifend quam et, placerat lobortis lectus. Curabitur sollicitudin sit amet sem nec condimentum. Nulla facilisi. Fusce rutrum nisl ac velit euismod semper.

Sed a finibus urna. Integer accumsan, ex vitae tincidunt tincidunt, enim tellus bibendum nisi, non interdum dui dui a elit. Cras lacus neque, volutpat id turpis id, placerat finibus nisl. Quisque ac felis at sem sodales vulputate a non sapien. Maecenas sit amet diam lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id ultricies erat, at tempus quam. In lobortis cursus magna, sit amet efficitur lacus faucibus ac. Quisque tempor bibendum lorem ultricies viverra. Morbi hendrerit nisl et magna sodales porta. Quisque eget leo dolor. Sed tincidunt urna nec orci interdum egestas.

Integer sollicitudin neque laoreet, sollicitudin mauris sed, dictum est. Donec finibus vestibulum urna at egestas. Nam in eros nisl. Mauris aliquet eu ipsum eu varius. Quisque fermentum tortor vitae cursus posuere. Mauris massa magna, ultrices eleifend quam et, placerat lobortis lectus. Curabitur sollicitudin sit amet sem nec condimentum. Nulla facilisi. Fusce rutrum nisl ac velit euismod semper.

Sed a finibus urna. Integer accumsan, ex vitae tincidunt tincidunt, enim tellus bibendum nisi, non interdum dui dui a elit. Cras lacus neque, volutpat id turpis id, placerat finibus nisl. Quisque ac felis at sem sodales vulputate a non sapien. Maecenas sit amet diam lectus.

Customization Options

  • Tab Position whether to show the tabs on the top or the left
  • Items choose each tab's icon, heading and content
  • Accent Color the accent color of the tab control
  • Margin Left number of pixels to add to spacing on the left
  • Margin Right number of pixels to add to spacing on the right
  • Margin Top number of pixels to add to spacing on the top
  • Margin Bottom number of pixels to add to spacing on the bottom
  • CSS Classes css classes to add to the element
  • ID string to use as the element ID
  • Entrance Animation the way to animate the element onto the page
  • Animation Delay how long to wait before animating in the element

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies