Guides overview
Task-by-task guides for wiring rendered Block Kit into your React app, from handling actions and modals to mentions, theming and server rendering.
The quickstart renders a message. These guides take it from there: each one covers a single job a real app has to do, with a working preview and the code behind it.
Interactivity
Handling actions
Respond to clicks, selects and inputs with onAction, read state.values, and update or delete
the message they came from.
Modals
Open, push and update modals from an action, validate and submit them, and react to
response_action.
External data
Fill an external_select’s options from your own data with onOptions.
Connecting your app
Send real, signed Slack interaction payloads from the browser to an existing Bolt app.
Validation
The checks Slack runs on a modal before view_submission, and how to trigger or override them.
Content
Mentions and resolvers
Turn user, channel and user group ids into names, backed by the real Slack Web API.
Linking to your app
Send mentions to your own pages and route every link through your router.
Emoji
Standard, custom and skin-toned :shortcode: emoji, and the plain_text emoji flag.
mrkdwn
Slack’s mrkdwn syntax, its parser and formatting helpers, and the Mrkdwn and Text
components.