feat: add destructive border to FormControl

[pedrovrima]

This adds a border-destructive to the FormControl component in case of input error. I think this should be the default behavior in case of form error.

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 6b36c1bb14ef7107a066a6f56a89e4950f5c56dc

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ui	🔄 Building (Inspect)			Jun 28, 2023 0:10am

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
next-template	⬜️ Ignored (Inspect)			Jun 28, 2023 0:10am

[vercel[bot]]

@pedrovrima is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[dan5py]

Thanks for your work but I think this feature might be something that not everybody likes as default option. Maybe you can add an option to enable it?

And another thing, if you make any changes to a component make sure to apply them to both styles default and new-york and then build the registry using:

pnpm build:registry

[pedrovrima]

Thanks @dan5py ! I will work on it.

[pedrovrima]

Added a boolean props to FormControl 'enableErrorHighlight' that triggers the styling. Let me know if this was not how you thought of it.

[Joroze]

This is great. Thanks for adding this in!

[Fingertips18]

Thank you for this! However, it appears the merge was unsuccessful. Please note that using border-destructive alone is not sufficient. Be sure to also include focus-visible:border-destructive and focus-visible:ring-destructive.