component

TuxIconFeature

The "our services" / "focus areas" block. Each item: a Lucide icon in a tinted circle, a short headline, a 1–2-sentence body, and an optional CTA link. Two layouts: grid (cards, 2/3/4 columns) for landing pages, and list (vertical stack, icons left) for sidebars and inline content.

canonical

Grid · 3-up

  • Connected & Automated Vehicles

    Field-deployed sensor networks across the Texas Triangle, with longitudinal corridor data feeding both safety research and policy frameworks.

    Browse program

  • Roadway Safety

    Twelve-county before/after studies on rural intersection treatments. Outcomes tracked through 36-month follow-up windows for durability.

    Browse program

  • Mobility & Economics

    Equity-weighted outcome measures for state DOT performance frameworks. Validated against three years of corridor data.

    Browse program 
<TuxIconFeature :items="items" :columns="3" />

grid · 4-up

Compact · four columns

  • Connected & Automated Vehicles

    Field-deployed sensor networks across the Texas Triangle, with longitudinal corridor data feeding both safety research and policy frameworks.

    Browse program

  • Roadway Safety

    Twelve-county before/after studies on rural intersection treatments. Outcomes tracked through 36-month follow-up windows for durability.

    Browse program

  • Mobility & Economics

    Equity-weighted outcome measures for state DOT performance frameworks. Validated against three years of corridor data.

    Browse program

  • Policy Research

    Translation of research findings into actionable guidance for TxDOT, FHWA, and member institutions.

    Browse program

list layout

Sidebar / inline

Pass layout="list". Icons are smaller, copy is denser, items are separated by hairlines. Right for sidebars and inline content where a marketing-y grid would feel out of place.

  • Connected & Automated Vehicles

    Field-deployed sensor networks across the Texas Triangle, with longitudinal corridor data feeding both safety research and policy frameworks.

    Browse program

  • Roadway Safety

    Twelve-county before/after studies on rural intersection treatments. Outcomes tracked through 36-month follow-up windows for durability.

    Browse program

  • Mobility & Economics

    Equity-weighted outcome measures for state DOT performance frameworks. Validated against three years of corridor data.

    Browse program

  • Policy Research

    Translation of research findings into actionable guidance for TxDOT, FHWA, and member institutions.

    Browse program

tones

Maroon / gold / navy cycling

Icon circles cycle through three tones automatically. Override per item with tone if a specific item needs to break the cycle.

  • Maroon

    Default brand color — primary tone.

  • Gold

    Accent tone — for emphasis.

  • Navy

    Secondary brand color.

props

Props + item shape

  • items — array. Required.
  • Each item — { icon, title, body?, cta?, tone? }.
  • icon — Lucide icon name ("lucide:radar").
  • cta — { label, to?, href? }. Renders as a small "Read more →" link.
  • tone — "maroon" | "gold" | "navy". Cycles automatically if omitted.
  • layout — "grid" | "list". Defaults to "grid".
  • columns — 2 | 3 | 4. Grid layout only.