Tab
Básicos
El componente Tab funciona con el estado checked de los radio inputs que sean hijos directos
del componente.
Es importante que los radio inputs se ubiquen antes que cualquier otro elemento dentro del componente y que la cantidad de estos corresponda con la cantidad de tabs.
Profile
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Account
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Notifications
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.
Cantidad de tabs
Si en ancho de la barra de tabs supera el ancho de su contenedor, por ejemplo en dispositivos móviles, este cuenta con un scroll horizontal. Ten en cuenta que no verás una barra de scroll.
Profile
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Account
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Notifications
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.
Settings
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Cart
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Messages
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.
Vertical izquierda
Con la clase .eolo-tabs-vertical los tabs se alinean a la izquierda.
Profile
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Account
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Notifications
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.
Vertical derecha
Si usas la clase .eolo-tabs-vertical pero ubicas .eolo-tabs-content antes de
.eolo-tabs-nav, los tabs se alinearán a la derecha.
Profile
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Account
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Notifications
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.
Tabs con iconos
Profile
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Account
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Notifications
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.
Settings
Est sed vel ratione neque quos laboriosam. Numquam incidunt natus asperiores laborum delectus error iste. Exercitationem suscipit repellat nam voluptates.
Architecto nostrum at nisi doloremque magnam blanditiis doloremque. Eligendi repudiandae voluptate dignissimos minima ad aspernatur provident tempore rem. Nulla exercitationem hic dolorem incidunt soluta hic maxime.
Cart
Eligendi deleniti blanditiis. Culpa et similique minima autem facilis voluptates molestiae corporis. Quia molestias provident quisquam rerum minima culpa at.
Facere exercitationem eos eveniet. Quibusdam exercitationem quas aut saepe vel amet ipsam deleniti aspernatur. Veniam repellendus facilis voluptatum at vero sit delectus tempora.
Messages
Cumque non eaque blanditiis repellat perferendis nihil dolorem. Quae beatae asperiores perferendis alias nam libero suscipit optio repellat. Natus labore alias tenetur illum iusto possimus nihil.
Temporibus officia voluptates sint vitae consequatur doloremque nostrum earum cumque. Non hic alias amet nam quam voluptatum ipsam eius voluptatum. Cupiditate voluptas voluptatum temporibus tempore unde incidunt.