CAD

This is the raw CAD widget. It is a wrapper around the ModelViewer Project and takes GLTF/GLB files as an input parameter:

<script lang="ts">
    import { Widgets } from "@bojit/svelte-components";
</script>

<div style="width: 100%; height: 600px;">
    <Widgets.CAD geometry="https://cdn.bojit.org/files/glb/kinectIP.glb" />
</div>

When used in Markdown content we may want to wrap it in a Container element to allow fullscreen viewing:

<script lang="ts">
    import { UI, Widgets } from "@bojit/svelte-components";
</script>

<UI.Container>
    <Widgets.CAD geometry="https://cdn.bojit.org/files/glb/BOJIT_V3.glb" />
</UI.Container>