北极星流血
应用负边距以允许内容渗透到周围的布局中。
α
该组件及其文档正在开发中。在北极星的非主要版本中可能会有突破性的变化。请谨慎使用。
使用垂直支柱，内容将垂直渗透到周围的布局中。
进口反应从“反应”；进口｛流血，盒子，文本，内联｝从“@shopify /北极星”；函数BleedVerticalExample（）｛返回（<盒子背景＝“表面”边境＝“基地”填充＝“4”><流血marginInline＝“0”marginBlock＝“4”><占位符标签＝“垂直”/></流血></盒子>）；｝常量占位符＝（｛标签＝”，高度＝“汽车”，宽度＝“汽车”｝）=＞｛返回（<div风格＝｛｛背景：“# 7 b47f1”，填充：“14 px var(——p-space-2)”，高度：高度，宽度：宽度，｝｝><内联对齐＝“中心”><div风格＝｛｛颜色：“# FFFFFF”，｝｝><文本作为＝“氢气”变体＝“bodyMd”fontWeight＝“普通”>｛标签｝</文本></div></内联></div>）；｝；道具
想要帮助完善这个功能吗?请分享你的反馈．
接口
BleedProps
- 孩子们? 反应．ReactNode
- marginInline? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
儿童周围的负水平空间。
默认为“5”．
- marginBlock? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
儿童周围的负垂直空间。
- marginBlockOB欧宝娱乐APPStart? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
儿童周围的负顶部空间。
- marginBlockEnd? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
孩子周围的负底空间。
- marginInlineOB欧宝娱乐APPStart? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
儿童周围留有负面空间。
- marginInlineEnd? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
儿童周围的负右侧空间。
流血的价值观
内容不应该超出父容器的边缘。选择在包含布局内工作的流血值。