https://github.com/ucsc/truss
Web components for branded UC Santa Cruz websites and applications
https://github.com/ucsc/truss
components stencil stenciljs ui web-components
Last synced: 2 months ago
JSON representation
Web components for branded UC Santa Cruz websites and applications
- Host: GitHub
- URL: https://github.com/ucsc/truss
- Owner: ucsc
- License: mit
- Created: 2022-03-07T23:14:53.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2026-03-30T23:49:27.000Z (2 months ago)
- Last Synced: 2026-03-31T01:07:31.071Z (2 months ago)
- Topics: components, stencil, stenciljs, ui, web-components
- Language: SCSS
- Homepage:
- Size: 1.12 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Truss (in active development)
Truss is a component library for anyone building a UC Santa Cruz website.
> Please note that the visual design of Truss components is dependent on the design choices in the [UCSC 2022 WordPress theme](https://github.com/ucsc/ucsc-2022), which is still in development. Consider Truss to be beta in both design and functionality.
Truss contains branded web components built with StencilJS. Truss components use the web components standard so they are cross-browser compatible.
## Component status
### In use today (status)
- [trss-ucsc-header](src/components/trss-ucsc-header) (stable)
- [trss-ucsc-footer](src/components/trss-ucsc-footer) (stable)
- [trss-news-list](src/components/trss-news-list) (beta)
- [trss-logo](src/components/trss-logo) (stable)
## In development (status)
- [trss-site-title](src/components/trss-site-title) (beta)
- [trss-events-list](src/components/trss-data-list) (beta)
- [trss-alert](src/components/trss-alert) (beta)
- [trss-breadcrumbs](src/components/trss-breadcrumbs) (pre-alpha)
- [trss-card](src/components/trss-card) (pre-alpha)
- [trss-carousel](src/components/trss-carousel) (pre-alpha)
## Using Truss components
The simplest way to get started with Truss is to add the released CSS and Javascript files to the bottom of your webpage.
````html
````
After you've added the two files to your page, you can use any of the custom elements in Truss anywhere on your page. See [the README file for each component](tree/main/src/components) for a list of attributes you can add to an element.
````html
````