Chunk

Chunk is the smallest unit used to separate discreet "chunks" of content.

While larger components like Stripe and Section divide larger collections of related content, Chunk provides separation for smaller blocks of related content using whitespace.

Chunk is usually a child of Section. Chunk rarely contains other Chunks, but it's possible that you need to separate content within a Chunk—for example: in a member list, each member row is a Chunk, the member's name is a Chunk, and the member's bio is a Chunk.

Chunk is not simply used for adding bottom space. Chunk is a element used for visually grouping related content. If you need arbitrary spacing, see swarm-sasstools.

Chunk, in isolation

Chunks dividing smaller bits of content

Chunk examples

Event home basic info

Event home: Comments

Event home: Description