This is the Pattern Library for Project Bread.
{{
svg.render({
name: 'logo-dark',
classes: 'o-icon--logo',
iconClasses: true,
alt: 'Project Bread's Logo'
})
}}
{{
svg.render({
name: 'logo-light',
classes: 'o-icon--logo-footer',
iconClasses: true,
alt: 'Project Bread's Logo'
})
}}
{{ button.primary(
{
path: '',
linkText: '',
classes: ''
}
) }}
{{ button.secondary(
{
path: '',
linkText: '',
classes: ''
}
) }}
{{
link.primary(
{
path: '',
linkText: '',
classes: ''
}
)
}}
{{
pager.render(
{
page: 2,
total: 10,
shown: 3
},
'http://localhost:3000/styleguide'
)
}}
Access the recipe index below for new recipes to try at home or in your school!
Access the recipe index below for new recipes to try at home or in your school!
{{
headlineCallout.render ({
headline: '',
body: '',
theme: ''
})
}}
{{
richText.render({
headline: '',
subtitle: '',
body: '',
ctaStyle: '',
ctas: [
{
path: '',
linkText: ''
}
]
})
}}
Lorem ipsum dolor sit amet, ubique ridens iracundia vis an, sit ut ullum noster impedit, sea ad. Eros eloquentiam eum no. Et mnesarchum adversarium suscipiantur mel, quas omnes audiam. Lorem ipsum dolor sit amet, ubique ridens iracundia vis an, sit ut ullum.
See how our work is impacting communities in MA
See how our work is impacting communities in MA
See how our work is impacting communities in MA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{{
cta.render({
headline: '',
subtitle: '',
description: '',
image: {
src: '',
alt: ''
},
cta: {
linkText: '',
path: ''
}
})
}}
There is no reason why any child in the City of Boston should sit in a classroom with an empty stomach and suffer in silence.
There is no reason why any child in the City of Boston should sit in a classroom with an empty stomach and suffer in silence.
{{
quoteBlock.render({
quote: '',
attribution: '',
theme: '',
image: {
src: '',
alt: '',
focalPoint: ''
}
})
}}
have access to school breakfast in MA
{{
stat.render({
headline: '',
subtitle: '',
description: ''
})
}}
{{
footer.render({
address: '',
phone: '',
fax: '',
email: '',
secondaryNav: [
{
linkText: '',
path: ''
},
...
]
})
}}
Lorem ipsum dolor sit amet, ubique ridens iracundia vis an, sit ut ullum noster impedit, sea ad quando decore.