t-app

This component provides necessary global utilities that every app needs. You should place this component at the root of your app. It provides theming and localization support, @font-face definitions, and preflight CSS.

Basic usage

Current Theme: light

Current Direction: ltr

import { TApp } from "@dija/tohama-components";
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    return () => (
      <TApp>
        <></>
      </TApp>
    );
  },
});

Layout

Use t-app component in combination with other components to create a layout that fits the width and height of the viewport.

Learn more about layouts.

My Topbar
My Content
My Footnote
import { TApp, TCell, TDivider } from "@dija/tohama-components";
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    return () => (
      <TApp>
        <TCell p>My Topbar</TCell>

        <TDivider />

        <TCell fill p>
          My Content
        </TCell>

        <TDivider />

        <TCell p>My Footnote</TCell>
      </TApp>
    );
  },
});

API

No options available

Components

t-app-loader

Components

t-aspect-ratio

Table of Contents