wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweaks

Browse source
This commit is contained in:
MinamiFunakoshiTR 2025-03-20 12:37:27 -07:00
parent 0689435f3b
commit 8a7e79afff
Failed to extract signature
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/PaddingReset/PaddingReset.mdx
View file

@ -14,7 +14,7 @@ Sometimes you want a visual element to be fluid, i.e., edge-to-edge, but keep pa
</script>
<Block width="fluid">
<!-- Image in `fluid` block is edge-to-edge -->
<!-- Edge-to-edge image -->
<img src="https:..." alt="Alt text" />
<!-- Wrap text in `PaddingReset`to add padding back in -->
@ -39,9 +39,10 @@ You can add the padding conditionally by setting the `containerIsFluid` prop to
</script>
<Block {width}>
<img {src} alt="Alt text" />
<!-- Edge-to-edge image -->
<img src="https:..." alt="Alt text" />
<!-- Set `containerIsFluid: true` if `width === 'fluid'` -->
<!-- Set conditional padding with the `containerIsFluid` prop -->
<PaddingReset containerIsFluid={width === 'fluid'}>
<p>A caption for the image that is padded when Block is fluid.</p>
</PaddingReset>