creativetimofficial / ct-argon-dashboard-pro

A beautiful Premium Dashboard for Bootstrap 5.
https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/landing
30 stars 13 forks source link

Request : Tabs #24

Closed Parth-Kadakia closed 4 years ago

Parth-Kadakia commented 4 years ago

This is more like a request or support question for whether its possible or not.

For Vue-Argon project you have tabs supported

https://demos.creative-tim.com/vue-argon-design-system/documentation/components/tabs.html

Is it possible to do the same in Argon Dashboard Pro?

Parth

rarestoma commented 4 years ago

Hi @Parth-Kadakia,

The navs are designed for the Argon Dashboard PRO. We have to add it also to our documentation.

Please test this code:

<div class="nav-wrapper"> <ul role="tablist" class="nav nav-pills nav-fill"> <li class="nav-item"> <a data-toggle="tab" role="tab" href="#UI/UX Design" class="nav-link active" aria-selected="true"> <div>UI/UX Design</div> </a> </li> <li class="nav-item"> <a data-toggle="tab" role="tab" href="#Programming" class="nav-link"> <div>Programming</div> </a> </li> <li class="nav-item"> <a data-toggle="tab" role="tab" href="#Graphic" class="nav-link"> <div>Graphic</div> </a> </li> </ul> </div>

Please let me know if it works.

All the best, Rares

Parth-Kadakia commented 4 years ago

That works.

Thank you Parth