Skip to content

Refactor all our input components #563

@juancwu

Description

@juancwu

Description

Refactor our input wrapper components to use Chakra as much as possible.

Example:

// Using chakra components
<Field.Root required={required} invalid={!!error}>
	<Field.Label>
		{label}
		{required && <Field.RequiredIndicator />}
	</Field.Label>
	<Input {...props} />
	<Field.HelperText>{description}</Field.HelperText>
	<Field.ErrorText>{error}</Field.ErrorText>
</Field.Root>

Checklist

Before submitting this ticket, make sure this ticket:

  • Is labelled properly - if this is a refactor, add the label!
  • Has the correct project assigned to it.
  • Has an assigned milestone.

And lastly:

  • Once someone picks up this ticket, make sure to assign it.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestfrontendRelated to the frontend of the project

    Projects

    Status

    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions