Skip to content

Commit

Permalink
Merge branch 'main' of github.com:nextui-org/nextui into canary
Browse files Browse the repository at this point in the history
  • Loading branch information
jrgarciadev committed May 26, 2024
2 parents 31bfaeb + a3bf209 commit 5194a02
Showing 1 changed file with 24 additions and 2 deletions.
26 changes: 24 additions & 2 deletions apps/docs/content/blog/v2.3.0.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -297,7 +297,9 @@ export function Providers({children}: ProvidersProps) {

## Breaking Changes

In order to improve the performance and reduce the bundle size, we have removed the `units` creation from the
### Removal of the `units` creation

To improve performance and reduce bundle size, we have removed the `units` creation from the
`nextui` plugin. [TailwindCSS v3.4](https://tailwindcss.com/blog/tailwindcss-v3-4) added support for `min-h-*` and `min-w-*` classes, so it is no longer needed.

How to upgrade:
Expand Down Expand Up @@ -335,8 +337,28 @@ export const MyButton = () => {
};
```

That's it! Your project should now be using the latest version of TailwindCSS and NextUI.
### Separation for `errorMessage` and `isInvalid`

We are currently working on supporting multiple types of validation, including native HTML constraint validation, custom validation, and real-time validation.
Due to this reason, the requirements for displaying error messages have become more varied, and it is necessary to handle validation conditions separately from the `errorMessage`.

How to upgrade:

1. To display `errorMessage`, `isInvalid` must be set to `true`.

```diff-jsx
<Input
type="email"
label="Email"
variant="bordered"
defaultValue="junior2nextui.org"
+ isInvalid={true}
errorMessage="Please enter a valid email"
className="max-w-xs"
/>
```

That's it! Your project should now be using the latest version of TailwindCSS and NextUI.

<Spacer y={4} />

Expand Down

0 comments on commit 5194a02

Please sign in to comment.