Slack Blocks to JSX

v1.0.1

Playground for library which allows rendering Slack blocks in React with custom branding.

Loading...

Support this project

Your support keeps this project alive and evolving. Every contribution helps maintain and improve the library.

Buy me a coffee

Preview

Open in Slack Block Kit Builder
Acme Bot

Acme Bot

APP
15:08

This is my friend @Harry.

This is a rich text section with regular text. This is bold. This is italics. This is strikethrough. This is code.

  1. 1.

    This is an

  2. 2.

    ordered

  3. 3.

    list

  • This is an

  • unordered

  • list

This is a text quote

This is a
multi-line 
code block

This is a link to google.

  • We should also support nested styling like this bolded text

  • in an unordered list

  • on a text quote.

Or this bolded code. And preserve whitespace/newlines?

🧑🏼‍❤️‍🧑🏾👍👍@John hello man hello world hi.com @here hi everyone @channel hello everyone @everyone hejjThis is a rich text section with regular text. This is bold. This is italics. This is strikethrough. This is code.

Hellow world hello world

hellow orld @Amanda and @Harry have been recognized for 👥 Collaborates Radically by @John on #general and @My User Group and #general @here @everyone @channel @hello this is italic and this is strikethrough This is a like break, another strikethrough and this is is inline **code** okay cool

This is a code block And it's multi-line

now here is the list - Detective Chimp - Bouncing Boy

- Aqualad hello dot. This message is a link Hello Posted Feb 18, 2014 2:39:42 PM hello ❤️ 👌🏻