HeroViews
hero · 2 variants · pages: home, landing, appnpx shadcn-vue@latest add @trame/landing-hero-views # Vue
npx shadcn@latest add @trame/landing-hero-views # React -
tabs-over@trame/landing-hero-views--tabs-overthe words centred, a row of pill tabs under the actions and the chosen screen in a wide frame below: a product whose screens weigh the same (planning, invoices, reports).
-
stepper-side@trame/landing-hero-views--stepper-sidethe words on the left with a numbered stepper under the actions, the chosen screen on the right running off the page: screens that follow an order (set up, run, report).