Components
Basic Content
Content Display
Feedback
Forms
Media & Icons
Navigation
Overlay & Switchers
Page Layout
Typography & Styles
Full Pages
Primary
Functional Forms
Reinterpretation Designs
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.