Spacing

Hello

<table width="100%">
    <tr>
        <td>
            <div class="flex space-x-lgSpace">
                <div class="w-3xsSpace h-lgSpace bg-slate-200 rounded"></div>
                <span>3xsSpace</span>
            </div>
        </td>
        <td>
            2px
        </td>
        <td>
            0.125rem
        </td>
        <td>
            w-0.5
        </td>
    </tr>
</table>
<div class="space-y-lgSpace">
    <!-- 3xsSpace   2px    0.125rem    w-0.5 -->
    <div class="flex space-x-lgSpace">
        <div class="w-3xsSpace h-lgSpace bg-slate-200 rounded"></div>
        <span>3xsSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-2xsSpace h-lgSpace bg-slate-200 rounded"></div>
        <span>2xsSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-xsSpace h-lgSpace bg-slate-200 rounded"></div>
        <span>xsSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-smSpace h-lgSpace bg-slate-200 rounded"></div>
        <span>smSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-mdSpace h-lgSpace bg-slate-200 rounded"></div>

        <span>mdSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-lgSpace h-lgSpace bg-slate-200 rounded"></div>

        <span>lgSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-xlSpace h-lgSpace bg-slate-200 rounded"></div>

        <span>xlSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-2xlSpace h-lgSpace bg-slate-200 rounded"></div>

        <span>2xlSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="w-3xlSpace h-lgSpace bg-slate-200 rounded"></div>

        <span>3xlSpace</span>
    </div>

    <!-- Padding -->
    <div class="flex space-x-lgSpace">
        <div class="p-mdSpace w-mdSpace h-lgSpace bg-slate-200 rounded block"></div>
        <span>p-mdSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="p-xsSpace w-mdSpace h-lgSpace bg-slate-200 rounded block"></div>
        <span>p-xsSpace</span>
    </div>

    <div class="flex space-x-lgSpace">
        <div class="p-lgSpace w-mdSpace h-lgSpace bg-slate-200 rounded block"></div>
        <span>p-lgSpace</span>
    </div>
</div>
  • Content:
    https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D1%253A3%26t%3D7PFoNpgoOhnxO9FX-1
  • URL: /components/raw/spacing/figma.txt
  • Filesystem Path: components/02-atoms/spacing/figma.txt
  • Size: 178 Bytes