Add text overflow behavior to Text component

[RayRedGoose]

🚀 Feature Proposal

Add possibility to crop text based on container width in Text component.

Spike Questions:

• Should be the same behavior for single and multi-line text?
• Should be the tooltip provided by default?
• How to make text with tooltip accessible?

A GH discussion will be created to capture this information

Motivation

User should be able to add props to Text component which handle text overflow behavior for single and multi-line text.

Example

Chakra implementation