Home

Jump to bottom

Rob Knight edited this page Mar 1, 2023 · 2 revisions

Using Truss

The simplest way to get started with Truss is to add the released CSS and Javascript files to the bottom of your webpage.

<!-- Script and style to include our components library, Truss.  -->
<script type="module" src="https://unpkg.com/@ucsantacruz/truss@latest/dist/ucsc-trss/ucsc-trss.esm.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@ucsantacruz/truss@latest/dist/ucsc-trss/ucsc-trss.css">

After you've added the two files to your page, you can use any of the custom elements in Truss anywhere on your page.

<trss-ucsc-header use-logo="true" search-action="/" search-query="s" style="--trss-content-width:80rem;"></trss-ucsc-header>