2

The Office Fabric UI docs don't seem to specify how to present inline/contextual help alongside TextFields:

add-ins/design/textfield

E.g. is it smaller text below the field in some kind of container with a background color?

closed as off-topic by Devin, Shreyas Tripathy, jazZRo, Wanda, plainclothes Apr 6 '18 at 17:13

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Devin, Shreyas Tripathy, jazZRo, Wanda, plainclothes
If this question can be reworded to fit the rules in the help center, please edit the question.

1

I am in the process of designing an Outlook plugin and ran into the same issue. In Fabric, there seem to be no official guidelines for the help text unlike Material Design.

In the Fabric UI Design Toolkit, there are some guidelines for autosave and error states that appear beneath the text fields. In my opinion, we can follow a similar approach to the help text too. I found this example on a Softpedia News article that does it. Hope this helps!

enter image description here

Edit: attached a part of the linked image for convenience.

Not the answer you're looking for? Browse other questions tagged or ask your own question.