Toolbar Buttons
Kickstart your toolbar button experience with these blueprint examples.
The following blueprint examples will add a toolbar icon to writer or textarea fields. When clicked, a dialog will open with a user prompt that can be answered by the AI model. If any text is selected, it is automatically appended to the user prompt.
Writer Field
Allow all default marks and only append the Copilot button to the toolbar:
pages/default.yml
fields:
text:
label: Text
type: writer
toolbar:
inline: false
marks:
# These are the default marks
- bold
- italic
- underline
- strike
- code
- "|"
- link
- email
- "|"
- clear
# Append the Copilot button to the toolbar
- "|"
- copilot
Textarea Field
Of course, you can also disable all default buttons (either writer or textarea field) and display only the Copilot button:
pages/default.yml
fields:
text:
label: Text
type: textarea
buttons:
# These are the default buttons
# - headlines
# - "|"
# - bold
# - italic
# - code
# - "|"
# - link
# - email
# - file
# - "|"
# - ul
# - ol
# Append the Copilot button to the toolbar
- "|"
- copilot
Predefined User Prompts
Define a custom userPrompt for writer and textarea fields to pre-fill the Copilot dialog when the toolbar button is clicked:
pages/default.yml
fields:
text:
label: Text
type: writer
marks:
- bold
- italic
- "|"
- copilot
copilot:
userPrompt: Check grammar and improve writing style. Keep the original meaning and tone.
The custom prompt can be edited before generating content.