Message Builder

Preferred Option

Expands when you type or click but not on focus. This allows Message Hub to set input focus while still keeping the builder collapsed. No click outside to close so you can quickly access actions.

Pin prototype to bottom of screen to mimic message builder placement

Explorations

Standard

Message Builder base component. No functionality. Ignore this for now.

Standard - with actions

Close
Open
Read
Unread
Claim
Unsubscribe

Compact

Compact version. Uses an input instead of textarea. Don't like the input but wanted to test. Do like the layout better though with the input separate from actions.

Close
Open
Read
Unread
Claim
Unsubscribe

Compact - Popup on focus

I like this but would probably get annoying. Also doesn't allow you to automatically set focus on page load because the input ins't visible. We do this in Message Builder so it's probably a no-go. Also annoying because it would cover up the most recent message when it expands.

Close
Open
Read
Unread
Claim
Unsubscribe

Compact - Transform on focus

Close
Open
Read
Unread
Claim
Unsubscribe

Compact - Transform on type

Close
Open
Read
Unread
Claim
Unsubscribe

Compact - Expand on type - inline

Close
Open
Read
Unread
Claim
Unsubscribe

Compact - Expand on type or click - inline

Expands when you type or click but not on focus. This allows Message Hub to set input focus while still keeping the builder collapsed. No click outside to close so you can quickly access actions.

Transform

Input transforms into text area. Happens on type.

Message Builder

Testing various Message Builder configurations and input styles.

Home H
Show HUD on Load
NoYes
Show Info Button
NoYes
Press I to toggle HUD

Message Builder

Testing various Message Builder configurations and input styles.

Home H
Show HUD on Load
NoYes
Show Info Button
NoYes
Press I to toggle HUD