Configuration object for style variants
JSS object with composed styles and appropriate className
// Two-column with normal gaps
const styles = composeGap({ columns: 2 });
// Three-column with large gaps
const styles = composeGap({ columns: 3, size: 'large' });
// Four-column centered with large gaps
const styles = composeGap({ columns: 4, size: 'large', centered: true });
// Stacked single column with gaps
const styles = composeGap({ columns: 'stacked' });
Composable gap grid style selector
Creates grid layouts with configurable column count, gap sizes, and centering. Gap grids provide responsive spacing between grid items.