(0.65)
@@ -59,6 +60,36 @@ export default function CustomBalanceRatio() {
1 (compact, the default)
+
+
+
+
+ Note that if the native CSS balance (
+
+ text-wrap: balance
+
+ ) is available, React Wrap Balancer will use it instead. And the `ratio`
+ option will be ignored in that case.
+
>
)
}
diff --git a/website/src/sections/GettingStarted.tsx b/website/src/sections/GettingStarted.tsx
index 960e707..81af862 100644
--- a/website/src/sections/GettingStarted.tsx
+++ b/website/src/sections/GettingStarted.tsx
@@ -103,7 +103,7 @@ export default function GettingStarted() {
Features
- 0.95 kB Gzipped
+ 1 kB Gzipped
Fast O(log n) algorithm
Doesn’t cause{' '}
@@ -117,6 +117,13 @@ export default function GettingStarted() {
{' '}
supported
+
+ Switches to native CSS{' '}
+
+ text-wrap: balance
+ {' '}
+ if available
+
Next.js 13 app directory and React Server Components