Closed
Description
Prerequisites
- I have read the documentation
What theme are you using?
chakra-ui
Is your feature request related to a problem? Please describe.
The chakra-ui theme uses Text components for helper text. This makes the spacing look a bit off, especially when using a LayoutGrid.
Describe the solution you'd like
The FieldTemplate component in the chakra-ui theme could follow the closed component composition format shown in the Chakra documentation, and helper text could be shown with Field.HelperText
Describe alternatives you've considered
Users could write their own components, but that would add a lot of overhead for individual projects for a relatively minor UI change.
Metadata
Metadata
Assignees
Type
Projects
Milestone
Relationships
Participants
Activity
heath-freenome commentedon May 14, 2025
@antpaw Do you understand what the ask is here? And if so are you able to do the work?
If not, @dtemkin1 are you open to providing a PR for the theme?
antpaw commentedon May 16, 2025
I've tried it out and it's not safe to add
<Field.HelperText>as it depends on<Field.Root>. Not every component is wrapped by<Field.Root>this is because eg: chakra ui can not deal with multiple checkboxes inside one<Field.Root>.However I'm happy to change or modify the
<Text>element to something other that fixes the spacing issues. I just need to reproduces this issues first. Maybe you can provide a config for the playground and a screenshot of the issue.heath-freenome commentedon May 16, 2025
@dtemkin1 Can you provide some test cases for @antpaw ?