diff --git a/components/ui/Breadcrumbs/FullWidth.vue b/components/ui/Breadcrumbs/FullWidth.vue new file mode 100644 index 0000000..6b376a0 --- /dev/null +++ b/components/ui/Breadcrumbs/FullWidth.vue @@ -0,0 +1,95 @@ + + + \ No newline at end of file diff --git a/components/ui/Breadcrumbs/FullWidthWithIcons.vue b/components/ui/Breadcrumbs/FullWidthWithIcons.vue new file mode 100644 index 0000000..3c3e142 --- /dev/null +++ b/components/ui/Breadcrumbs/FullWidthWithIcons.vue @@ -0,0 +1,121 @@ + + + \ No newline at end of file diff --git a/components/ui/Breadcrumbs/Simple.vue b/components/ui/Breadcrumbs/Simple.vue new file mode 100644 index 0000000..e1d6f29 --- /dev/null +++ b/components/ui/Breadcrumbs/Simple.vue @@ -0,0 +1,79 @@ + + + \ No newline at end of file diff --git a/components/ui/Breadcrumbs/WithArrow.vue b/components/ui/Breadcrumbs/WithArrow.vue new file mode 100644 index 0000000..2983b92 --- /dev/null +++ b/components/ui/Breadcrumbs/WithArrow.vue @@ -0,0 +1,91 @@ + + + \ No newline at end of file diff --git a/components/ui/Breadcrumbs/WithIcons.vue b/components/ui/Breadcrumbs/WithIcons.vue new file mode 100644 index 0000000..2e9169e --- /dev/null +++ b/components/ui/Breadcrumbs/WithIcons.vue @@ -0,0 +1,117 @@ + + + \ No newline at end of file diff --git a/components/ui/Tabs/EndClosed.vue b/components/ui/Tabs/EndClosed.vue new file mode 100644 index 0000000..0bfacb2 --- /dev/null +++ b/components/ui/Tabs/EndClosed.vue @@ -0,0 +1,43 @@ + + + \ No newline at end of file diff --git a/components/ui/Tabs/EndClosedWithIcons.vue b/components/ui/Tabs/EndClosedWithIcons.vue new file mode 100644 index 0000000..1530b95 --- /dev/null +++ b/components/ui/Tabs/EndClosedWithIcons.vue @@ -0,0 +1,80 @@ + + + + \ No newline at end of file diff --git a/components/ui/Tabs/Line.vue b/components/ui/Tabs/Line.vue new file mode 100644 index 0000000..df7b46c --- /dev/null +++ b/components/ui/Tabs/Line.vue @@ -0,0 +1,44 @@ + + + + \ No newline at end of file diff --git a/components/ui/Tabs/LineWithIcons.vue b/components/ui/Tabs/LineWithIcons.vue new file mode 100644 index 0000000..6dcf5ea --- /dev/null +++ b/components/ui/Tabs/LineWithIcons.vue @@ -0,0 +1,80 @@ + + + + \ No newline at end of file diff --git a/components/utilities/ViewComponent.vue b/components/utilities/ViewComponent.vue index efdead5..9e30777 100644 --- a/components/utilities/ViewComponent.vue +++ b/components/utilities/ViewComponent.vue @@ -37,7 +37,7 @@
-
+
diff --git a/models/Components.js b/models/Components.js index 9de39af..cad492e 100644 --- a/models/Components.js +++ b/models/Components.js @@ -21,6 +21,16 @@ export default [ { name: "LoginWithSideImage" }, ], }, + { + name: "Breadcrumbs", + components: [ + { name: "Simple" }, + { name: "WithArrow" }, + { name: "WithIcons" }, + { name: "FullWidth" }, + { name: "FullWidthWithIcons" }, + ], + }, { name: "Buttons", components: [ @@ -106,6 +116,15 @@ export default [ { name: "ParagraphWithImage" }, ], }, + { + name: "Tabs", + components: [ + { name: "Line" }, + { name: "LineWithIcons" }, + { name: "EndClosed" }, + { name: "EndClosedWithIcons" }, + ], + }, { name: "Pricing", components: [ diff --git a/pages/index.vue b/pages/index.vue index 564011e..2e41c44 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -154,6 +154,12 @@ import AlertsErrorFullWidth from "~/components/ui/Alerts/ErrorFullWidth"; import AuthenticationSimpleLogin from "~/components/ui/Authentication/SimpleLogin"; import AuthenticationLoginWithSocialMediaLinks from "~/components/ui/Authentication/LoginWithSocialMediaLinks"; import AuthenticationLoginWithSideImage from "~/components/ui/Authentication/LoginWithSideImage"; +// Breadcrumbs +import BreadcrumbsSimple from "~/components/ui/Breadcrumbs/Simple"; +import BreadcrumbsWithArrow from "~/components/ui/Breadcrumbs/WithArrow"; +import BreadcrumbsWithIcons from "~/components/ui/Breadcrumbs/WithIcons"; +import BreadcrumbsFullWidth from "~/components/ui/Breadcrumbs/FullWidth"; +import BreadcrumbsFullWidthWithIcons from "~/components/ui/Breadcrumbs/FullWidthWithIcons"; // Buttons import ButtonsPrimary from "~/components/ui/Buttons/Primary"; import ButtonsWithIcon from "~/components/ui/Buttons/WithIcon"; @@ -210,8 +216,13 @@ import SectionsFeature from "~/components/ui/Sections/Feature"; import SectionsProductsWithSideLinks from "~/components/ui/Sections/ProductsWithSideLinks"; import SectionsOurTeam from "~/components/ui/Sections/OurTeam"; import SectionsParagraphWithImage from "~/components/ui/Sections/ParagraphWithImage"; +// Tabs +import TabsLine from "~/components/ui//Tabs/Line"; +import TabsLineWithIcons from "~/components/ui//Tabs/LineWithIcons"; +import TabsEndClosed from "~/components/ui/Tabs/EndClosed"; +import TabsEndClosedWithIcons from "~/components/ui/Tabs/EndClosedWithIcons"; // Pricing -import PricingSimple from "~/components/ui//Pricing/Simple"; +import PricingSimple from "~/components/ui/Pricing/Simple"; import PricingPopular from "~/components/ui//Pricing/Popular"; import PricingWithNavigation from "~/components/ui//Pricing/WithNavigation"; // paginations @@ -242,6 +253,11 @@ export default { AuthenticationSimpleLogin, AuthenticationLoginWithSocialMediaLinks, AuthenticationLoginWithSideImage, + BreadcrumbsSimple, + BreadcrumbsWithArrow, + BreadcrumbsWithIcons, + BreadcrumbsFullWidth, + BreadcrumbsFullWidthWithIcons, ButtonsPrimary, ButtonsWithIcon, ButtonsWithMenu, @@ -290,6 +306,10 @@ export default { SectionsProductsWithSideLinks, SectionsOurTeam, SectionsParagraphWithImage, + TabsLine, + TabsLineWithIcons, + TabsEndClosed, + TabsEndClosedWithIcons, PricingSimple, PricingPopular, PricingWithNavigation, @@ -304,7 +324,7 @@ export default { data() { return { sidebarOpen: false, - components_count: 65, + components_count: 78, categories: [], activeCategory: "Alerts", component: new Component(),