Instantly share code, notes, and snippets.

Embed
What would you like to do?
Calendar
import React from "react";
import ReactDOM from "react-dom";
import Calendar from "./components/Calendar";
const App = () => (
<>
<Calendar>
{({ Wrapper, Column, Box, Item, headers }) => (
<Wrapper>
{headers.map((header, index) => (
<Column>
{header}
<Box>
<Item>Item</Item>
<Item>Item</Item>
<Item>Item</Item>
</Box>
<Box>
<Item>Item</Item>
<Item>Item</Item>
<Item>Item</Item>
</Box>
</Column>
))}
</Wrapper>
)}
</Calendar>
</>
);
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment