Component basic/001

Component ID: basic/001

A text card with a decorative colored vertical bar on the left side, plus headline and body text. The bar animates in first, then headline and body paragraphs slide in from above with elastic bounce easing. Similar to basic/000 but with the added visual accent of a colored bar. The bar color can be customized to match branding.

Section	Text card components with headline, body, and optional decorative elements
Animation	Bar height grows from 0 to 100%. Text slides in from top with easeOutElastic bounce (500ms, 400ms stagger between elements).
Intro duration	10 s

Preview

Element schema

Minimal shape of a basic/001 component element:

{
    "type": "component",
    "component": "basic/001",
    "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`

Container positioning.

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`
`overflow`	string	`hidden`	Overflow behavior.

`bar`

Vertical decorative bar on the left side.

Property	Type	Default	Description
`background`	string	`red`	Bar color.
`width`	string	`3vw`	Bar width.
`margin-right`	string	`3vw`	Space between bar and text.
`border-radius`	string	—	Bar corner rounding.

`headline`

Main headline text.

Property	Type	Default	Description
`text`	string	—	Headline text.
`color`	string	—	Text color.
`font-size`	string	`5vw`	Font size.
`font-family`	string	`Inter`	Google Font name.
`font-weight`	string	`700`	Font weight.

`body`

Body paragraphs. Supports array of strings.

Property	Type	Default	Description
`text`	string\|array	—	Body text or array of paragraphs. Supports , HTML.
`color`	string	—	Text color.
`font-size`	string	`3.5vw`	Font size.
`font-family`	string	`Inter`	Google Font name.
`font-weight`	string	`700`	Font weight.