Component basic/000

Component ID: basic/000

A versatile text card with a headline and body paragraphs. The card fades in, then headline and body text slide up into view with staggered timing. Supports multi-paragraph body text (pass an array of strings). Supports RTL text. The card can be positioned anywhere in the frame and styled with CSS properties.

Section	Text card components with headline, body, and optional decorative elements
Animation	Card fades in (500ms). Headline and body slide up from below with staggered delay (400ms between elements, 500ms duration).
Intro duration	10 s

Preview

Element schema

Minimal shape of a basic/000 component element:

{
    "type": "component",
    "component": "basic/000",
    "settings": {}
}

See the full component element reference for shared properties like duration, start, x, y, etc.

Settings

The settings property accepts the following groups. Each group contains CSS-like properties; see component CSS properties for the full list of supported keys.

`card`

Overall card container positioning and layout.

Property	Type	Default	Description
`vertical-align`	string (enum)	`top`	Vertical position. Values: `top`, `center`, `bottom`
`horizontal-align`	string (enum)	—	Horizontal position. Values: `left`, `center`, `right`
`text-align`	string (enum)	`left`	Text alignment. Values: `left`, `center`, `right`
`width`	string	—	Card width (e.g. '80%', '50vw').
`margin`	string	`1vw`	Margin around card.
`padding`	string	`20px`	Inner padding.
`background`	string	—	Card background color or gradient.
`border-radius`	string	—	Corner rounding (e.g. '10px').
`overflow`	string	`hidden`	Overflow behavior.

`headline`

Main headline text.

Property	Type	Default	Description
`text`	string	—	Headline text.
`color`	string	—	Text color.
`font-size`	string	`5vw`	Font size (e.g. '5vw', '40px').
`font-family`	string	`Inter`	Google Font name.
`font-weight`	string	`700`	Font weight.
`letter-spacing`	string	—	Letter spacing.
`margin`	string	—	Margin below headline.

`body`

Body text paragraphs. The 'text' property can be a single string or an array of strings for multiple paragraphs.

Property	Type	Default	Description
`text`	string\|array	—	Body text. String or array of strings for multiple paragraphs. Supports HTML tags like , .
`color`	string	—	Text color.
`font-size`	string	`3.5vw`	Font size.
`font-family`	string	`Inter`	Google Font name.
`font-weight`	string	`700`	Font weight.
`direction`	string (enum)	—	Text direction. Set to 'rtl' for right-to-left languages. Values: `ltr`, `rtl`