component

TuxSidebarBlock

Generic sidebar widget wrapper. Provides the consistent editorial rhythm (eyebrow → maroon underline → content) that makes a stack of distinct sidebar widgets read as a unified rail rather than orphan boxes. Compose any content inside the default slot — lists of NuxtLinks, TuxDescriptionList, TuxFactoid, prose, or a mix.

canonical · related links

Default variant

Related research

<TuxSidebarBlock title="Related research" icon="lucide:link">
  <ul>
    <li><a href="#">Twelve-county roadway safety study</a></li>
    <li><a href="#">Equity-weighted DOT performance</a></li>
    <li><a href="#">Connected vehicle pilot · 2024</a></li>
  </ul>
</TuxSidebarBlock>

stacked rail

Multiple blocks compose into a sidebar

Drop a series of blocks in a column. The maroon underline + eyebrow rhythm visually unifies them. Mix block contents freely — a TuxDescriptionList, a list of NuxtLinks, a TuxFactoid, a TuxBigStat.

In this article

Quick facts

Sites
12
Period
2020 – 2026
Sponsor
TxDOT IAC 2020-78-104
Status
Active · 36-mo follow-up

Contact

Dr. Lina Hassan

Principal Investigator

lhassan@tti.tamu.edu

variants

default / bordered / filled

Bordered wraps the block in a maroon hairline border — useful for "important sidebar" emphasis. Filled gives a sunken-gray background panel for "this is meta-content, not body."

standard

Default

No background. The maroon underline anchors the title.

emphasis

Bordered

Maroon hairline border. Use sparingly to call out one block.

meta

Filled

Sunken-gray background. For meta-content alongside body.

props

Props reference

  • title — block heading. Required. Renders ALL-CAPS tracked-out with maroon underline.
  • eyebrow — optional small lead-in above the title.
  • icon — Lucide icon name (e.g. "lucide:link"). Renders next to the title.
  • variant — "default" | "bordered" | "filled". Defaults to "default".
  • Default slot — block content. Plain prose, lists of NuxtLinks (auto-styled), a TuxDescriptionList, etc.