​Callout Block feature request

[IveTian]

Description

We need a Callout Block to set "important information" or "highlight information" in the Doc and Edgeless.

Use case

I already have a Callout Block design draft.

How to insert Callout Block:

The Callout Block will be inserted via Slash Menu.

Callout Block supported operations:

1. Nested Content:

When the user can evoke the Slash Menu in the Callout Block, all Slash Menu Items will be displayed, but only if the user selects Normal Text, Headings, Inline Format (Bold, Italic, Underline, DeleteLine, Inline But only when user selects Normal Text, Headings, Inline Format (Bold, Italic, Underline, DeleteLine, Inline Code, Highlights, Inline Link, Inline's linked Doc) and List, they will be embedded, and when user selects unsupported type, it will be put directly under the Callout Block, and of course, the Callout Block itself supports to be nested up to three times.

2. Change the colour of Callout Block:

Callout Block supports AFFiNE colour system and Dark/Light mode.

3.Change the Icon of Callout Block:

Anything else?

No response

Are you willing to submit a PR?

• [ ] Yes I'd like to help by submitting a PR!

[affine-issue-bot[bot]]

Issue Status: 🆕 *Untriaged

*🆕 Untriaged

The team has not yet reviewed the issue. We usually do it within one business day. Docs: https://github.com/toeverything/AFFiNE/blob/canary/docs/issue-triaging.md

^{_{This is an automatic reply by the bot.}}

[hwangdev97]

please add figma link 🤔

[IveTian]

Figma link here: Callout Block Design