Skip to content
Block Kit for React
Esc
↑↓navigate↵open⌘Jpreview
On this page

Context

A small row of muted text and images for metadata, like a byline or a timestamp.

context displays supplementary info below a section or message: a byline, a “last updated” timestamp, reaction counts, or small avatars. Its elements render smaller and muted, and none of them are clickable.

Your AppAPP
Grace HopperGrace Hopper and 2 others reacted :+1:Last updated 5 min ago

Fields

PropType
typestring

Always `context`.

Typestring
elements(ImageElement | PlainTextElement | MrkdwnElement)[]

The row's content, in order. Slack allows up to 10 elements, mixing images and text freely.

Type(ImageElement | PlainTextElement | MrkdwnElement)[]
block_id?string

A unique identifier for this block. Auto-generated if omitted. Maximum length is 255 characters.

Typestring

Each image element is a small image object:

PropType
typestring

Always `image`.

Typestring
image_urlstring

A public URL to the image.

Typestring
alt_textstring

A plain-text summary of the image, for screen readers. Should not contain markup.

Typestring

Text elements are ordinary text objects, mrkdwn or plain_text, rendered smaller than a section’s text and in a muted color.

Examples

Text only

Your AppAPP
Last updated 5 min ago

Multiple text elements

Slack lays text elements out left to right, wrapping to a new line when they don’t fit:

Your AppAPP
Alan TuringPosted in #general9:41 AM

Mixed images and text

Images sit on the row’s baseline; several in a row hug together before the text that follows them.

Your AppAPP
YouTubeAdaAda Lovelace and 2 others reacted :+1:Last updated 5 min ago

Was this page helpful?