Textarea & Select
Textarea
Use {rows:N} to create a multi-line text area.
Message
[Write your message here...]{rows:4}Textarea — Required
Bio
[Tell us about yourself...]{rows:3 required}Select / Dropdown
A bracket line followed by a list creates a dropdown. The bracket content is the placeholder label.
Country
[Select country v]
- United States
- United Kingdom
- Germany
- FranceSelect behavior depends on the option syntax:
| Option syntax | Rendered pattern | Use for |
|---|---|---|
- Admin | Plain select | Choosing a value |
- [Jira](./jira.md) | Navigation select | App, workspace, project, or page switching |
- [Archive] | Action select | Compact action menus in wireframes |
Select — Required
Role
[Select a role v]{required}
- Admin
- Editor
- ViewerNavigation Select
Use Markdown links for options when the select should navigate. This keeps the component modeled as a select, while each option carries its destination.
Workspace
[Workspace v]
- [Acme Inc](./acme.md)
- [Personal](./personal.md)
- [Create workspace](./new-workspace.md)This pattern is useful for app switchers, workspace switchers, project switchers, and compact page navigation.
Action Select
Use button-style options when the select represents commands rather than values or links. Renderers expose these as action options for prototyping.
Project actions
[Actions v]
- [Duplicate]
- [Archive]
- [Delete]Combined Example
## Feedback
Category
[Select category v]
- Bug report
- Feature request
- General feedback
Description
[Describe the issue...]{rows:5 required}
[Submit Feedback]* [Cancel]Syntax
[Placeholder...]{rows:4} textarea
[Placeholder...]{rows:4 required} required textarea
[Select label v] dropdown opener
- Option 1 followed by list
- Option 2
[Workspace v] navigation select
- [Acme Inc](./acme.md) linked options
- [Personal](./personal.md)
[Actions v] action select
- [Duplicate] action options
- [Archive]