feat: add breakAfter & breakBefore & breakInside

yamada-ui · Dec 14, 2023 · 2ab14b0 · 2ab14b0
1 parent 467b108
commit 2ab14b0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/.changeset/tender-lemons-repeat.md b/.changeset/tender-lemons-repeat.md
@@ -0,0 +1,5 @@
+---
+"@yamada-ui/core": patch
+---
+
+add `breakAfter` & `breakBefore` & `breakInside`.
diff --git a/packages/core/src/styles/layout.ts b/packages/core/src/styles/layout.ts
@@ -37,6 +37,9 @@ export const layout: Configs = {
   objectPosition: true,
   visibility: true,
   isolation: true,
+  breakAfter: true,
+  breakBefore: true,
+  breakInside: true,
 }
 
 Object.assign(layout, {
@@ -205,4 +208,16 @@ export type LayoutProps = {
    * The CSS `aspect-ratio` property.
    */
   aspectRatio?: Token<CSS.Property.AspectRatio>
+  /**
+   * The CSS `break-after` property.
+   */
+  breakAfter?: Token<CSS.Property.BreakAfter>
+  /**
+   * The CSS `break-before` property.
+   */
+  breakBefore?: Token<CSS.Property.BreakBefore>
+  /**
+   * The CSS `break-inside` property.
+   */
+  breakInside?: Token<CSS.Property.BreakInside>
 }