SimpleGrid
This component is used for page layouts. The NYPL page standard is to have three columns. This is set by default.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
But this layout can be changed only if needed. This next example has a column of 5 set.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
The gap width between columns is also set to the NYPL standard by default. If this needs to be updated, pass in the new value to the `gaps` prop with the `GridGaps` enum. This next example has a gap set to `GridGaps.ExtraExtraSmall`.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.
Card Heading
Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.