Block Kit examples
Ready-to-copy Block Kit messages, modals and Home tabs for common jobs, from approval requests and deploy notifications to forms and dashboards.
Each example below is a complete Block Kit payload for a common job, rendered live. Open the JSON tab to copy the payload, or edit it there and watch the preview change. Every block in them is one this package compares against Slack’s own rendering, and the names and ids are placeholders.
Paste a message payload into chat.postMessage as blocks, a modal into views.open as view,
and a Home tab into views.publish as view. To render the same JSON in your own React app, pass
it to <Message> or <View> (see Surfaces).
Messages
Approval request
Ask someone to approve or deny a request, with the details they need to decide on the spot. Click a
button to see the block_actions payload your app receives.
Laptop replacement
Computer (laptop)
Oct 1
Issued Mar 2022
The keyboard stopped working.
The Quickstart builds this flow end to end, replacing the buttons with the outcome once someone answers.
Deploy notification
Report a finished deploy to a channel, with a link out to the logs and a way to roll back.
Deployed api@4.2.0 to production
api
Production
@Grace Hopper
4m 12s
• Retry failed webhooks with backoff
• Cache the billing plan lookup
• Upgrade the database driver
Incident alert
Page a channel about an incident, show its severity and owner, and let people acknowledge it or pick a follow-up from an overflow menu.
SEV-2: Checkout error rate above 5%
POST /checkout rose to 7.4% over the last 10 minutes. The on-call engineer has been paged.SEV-2
Investigating
@Alan Turing
12:00 PM
Poll
Let a channel vote. Each option is a section with a button, and a context row under it shows who voted.
LisbonWarm, walkable, good food.
2 votes
OsloFjords, saunas, a short flight.
1 vote
Stay remoteA day of talks over video.
Every Vote button shares the action_id vote; the block_id and value tell your app which
option was picked. Update the message with the new counts when a vote comes in.
Weekly report with a chart and a table
Post numbers to a channel as a chart and a small table instead of a wall of text. Slack allows two
data_visualization blocks per message; see Limits.
Support report: week 40
Tickets closed per day
| Queue | Open | Median reply |
|---|---|---|
| Billing | 12 | 38 min |
| Accounts | 7 | 1 h 5 min |
| Integrations | 3 | 2 h 20 min |
For larger datasets that need sorting and paging, use a data table. The table and data visualization pages list every field.
AI answer with feedback buttons
Show an assistant’s answer with thumbs up and down under it, so you can collect feedback on each response.
Modals
Request form
Collect a structured request: a required title, a priority, optional details and notification choices. Press Create with the title empty to see Slack’s client-side validation.
New ticket
The Modals guide shows how to open this from a button and answer the
view_submission with errors; Validation lists the checks that run first.
Confirm a destructive change
Warn before something that can’t be undone, with an alert (a block Slack accepts only in modals) and a short summary of what changes.
Delete project
Home tab
Onboarding Home tab
Greet new users in your app’s Home tab with the first steps to take, and a place to come back to.
Welcome to Tickets 
Requests posted in it become tickets automatically.
Everyone you add can pick up and close tickets.
Or use the
/ticket command from any channel.
Questions? Ask in #general or read the docs.Dashboard Home tab
Show each user their own open work, with a menu of actions per item.
Your tickets
Opened 2 days ago · High
Opened today · Medium