toeverything / blocksuite

🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.
https://blocksuite.io
Mozilla Public License 2.0
4.39k stars 403 forks source link

​Callout Block feature request #6709

Open IveTian opened 6 months ago

IveTian commented 6 months ago

Description

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

image

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.

image

3.Change the Icon of Callout Block:

image

Anything else?

No response

Are you willing to submit a PR?

affine-issue-bot[bot] commented 6 months ago

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 commented 6 months ago

please add figma link 🤔

IveTian commented 6 months ago

Figma link here: Callout Block Design