Utilities

Go Back

A back button that never leaves the app: back in history after an in-app visit, a fallback route when the page was opened directly.

Part of @tectra-ng/utils (npm install @tectra-ng/utils, also included in tectra-ng).

Features2

API

Theming

Basic

This button really works: it takes you to the docs page you came from, or to the Introduction when you opened this page directly.

Opened directly — goes to /docs.

13 lines

<div class="flex">  <button    txButton    icon="arrow-left"    label="Back"    severity="secondary"    txGoBack="/docs"    #back="txGoBack"  ></button>  <span class="hint">{{    back.canGoBack() ? 'Goes back in history.' : 'Opened directly — goes to /docs.'  }}</span></div>

Breadcrumb

On a plain element the directive adds role="button" and a tab stop; router commands work as the fallback.

All components