Skip to content

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
- France

Select behavior depends on the option syntax:

Option syntaxRendered patternUse for
- AdminPlain selectChoosing a value
- [Jira](./jira.md)Navigation selectApp, workspace, project, or page switching
- [Archive]Action selectCompact action menus in wireframes

Select — Required

Role
[Select a role             v]{required}
- Admin
- Editor
- Viewer

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]