ArticleLayout
an ordinary article: a centred reading column, the cover wide above it, topics and the next reads below
role: editorial pages: article motion: none
Install
npx shadcn-vue@latest add @trame/editorial-article-layout # Vue
npx shadcn@latest add @trame/editorial-article-layout # Reactprose
@trame/editorial-article-layout--prose an ordinary article: a centred reading column, the cover wide above it, topics and the next reads below
steps
@trame/editorial-article-layout--steps a how-to: a strip of key facts, then numbered steps each with its picture
deep-dive
@trame/editorial-article-layout--deep-dive an article with figures in its flow: wide captioned pictures, fact tables and large pull quotes breaking out of the column
split-header
@trame/editorial-article-layout--split-header a feature or a launch story with a portrait or square cover: the cover beside the title, standfirst and byline (and the opening quote, when the article starts on one), the body centred below
aside-related
@trame/editorial-article-layout--aside-related a long article whose key facts and next reads should stay in view: the cover wide above a reading column and a sticky aside holding both