Ask a user for dollar amounts

Prompt users to enter monetary values using a consistent input format that supports validation and currency symbols.

When to use

Use this pattern when:

• Collecting cost or expense information
• Users need to enter multiple monetary values
• You want consistent currency formatting

Considerations

• Use the leadingContent prop to show the $ symbol
• Consider if decimal places are needed
• Group related amounts together
• Provide clear labels for each amount field