cca9dd1297
This PR adds `cms-payload` to the examples folder. The demo provides a NextJS frontend, built with Payload, which can be deployed together in a single instance. ### Improving Documentation or adding/fixing Examples - [x] The "examples guidelines" are followed from our contributing doc https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md - [x] Make sure the linting passes by running `pnpm build && pnpm lint`. See https://github.com/vercel/next.js/blob/canary/contributing/repository/linting.md --------- Co-authored-by: Lee Robinson <me@leerob.io> Co-authored-by: JJ Kasper <jj@jjsweb.site>
28 lines
576 B
TypeScript
28 lines
576 B
TypeScript
import React from 'react'
|
|
import classes from './index.module.scss'
|
|
|
|
export type VerticalPaddingOptions = 'large' | 'medium' | 'none'
|
|
|
|
type Props = {
|
|
top?: VerticalPaddingOptions
|
|
bottom?: VerticalPaddingOptions
|
|
children: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
export const VerticalPadding: React.FC<Props> = ({
|
|
top = 'medium',
|
|
bottom = 'medium',
|
|
className,
|
|
children,
|
|
}) => {
|
|
return (
|
|
<div
|
|
className={[className, classes[`top-${top}`], classes[`bottom-${bottom}`]]
|
|
.filter(Boolean)
|
|
.join(' ')}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|