卡片

这是一个关于表单字段筛选功能的配置说明文档，详细描述了如何配置字段的筛选器属性、操作符（如大于、包含、等于等）、布局类型（Regular, Panel, Card, Row, Details）以及相关的显示格式和摘要字段设置。该文档还提到了项目作为 Gutenberg 包的一部分，采用 monorepo 组织形式。

本文介绍卡片组件的用法与属性配置。该组件用于渲染可选内容区域，支持嵌套多个子组件。关键属性包括控制滚动的 isScrollable、设置浅灰色背景的 isShady 以及定义内部填充量的 size。注意此组件与父组件 Context 关联，直接设置属性可能覆盖派生值，开发者需留意默认设置及取值范围。

卡片分隔符是一种用于在界面中渲染可选分隔线的 UI 组件，通常应用于多个卡片或组件之间。它继承了父组件的所有属性，支持灵活配置。该元素能有效提升页面结构的清晰度与视觉层次感，是构建现代化响应式网页布局时常用的基础工具，适用于各种前端框架开发场景。

本文介绍卡片页脚组件的用法与特性。该组件基于Flex底层布局，优化了子项对齐方式。支持无边框及带浅灰背景的渲染模式。其属性如justify、size等可自定义内容与填充，需注意与父组件Context的关联关系，避免直接覆盖派生值。

本文介绍卡片头部组件的用法与属性配置。支持设置isBorderless控制边框显示，通过isShady调整背景色深浅，并允许使用size对象或标记定义填充量。该组件需关联Context，其属性值源自父组件，直接设置将覆盖派生值，适用于灵活的前端界面构建场景。

卡片媒体是一种专为全出血内容设计的容器组件，适用于图片、视频或纯色背景。该组件可作为其他元素的直接子元素按任意顺序灵活放置，甚至作为唯一子组件存在。其核心优势在于能自动将内部媒体元素进行圆角化处理，简化了样式编写工作，是构建现代界面布局的理想选择。

本文介绍了一种灵活可扩展的卡片内容容器组件。它支持自定义阴影高度、边框、圆角及填充大小等属性，并提供了一系列子组件用于构建复杂界面。该组件还具备适应不同书写方向的逻辑属性，并能通过 Context 传递上下文信息，方便开发者组合各种界面元素，实现灵活的 UI 布局设计。

WordPress Base SCSS 工具提供基础样式和变量，需配合 Dart Sass 1.23.0 及以上版本使用。该包包含用于提升和边框半径的设计令牌，兼容现有 SCSS 并支持新 UI。适用于构建 CSS Admin Themes，是 Gutenberg 项目的一部分，发布至 npm 供广泛使用。