Pre-built Components

Explore all of WiseApp’s ready-to-use pre-built components.

Modals

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Footer

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Header

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Banners

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Carousels

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Accordions

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Buttons

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Checkbox

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Tables

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults

Cards

Enim eu turpis egestas pretium aenean pharetra magna ac. Urna nec tincidunt praesent semper feugiat nibh sed.

Use cases

Nibh venenatis cras sed felis eget velit. A arcu cursus vitae congue mauris rhoncus aenean vel. Maecenas volutpat blandit aliquam etiam. Eros in cursus turpis massa tincidunt dui. Amet dictum sit amet justo donec. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Consequat interdum varius sit amet mattis vulputate enim. Congue quisque egest

Recommended use

{% include "@wise-app-component" with {
  contentItems: [
    include("@wiseapp-components", {
      text: "Home",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Landing Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "Sub Page",
      url: "#!"
    }),
    include("@wiseapp-components", {
      text: "test",
      url: "#!",
      attributes: {
        "current": "test",
      },
    }),
  ]
} only %}

Defaults