UNPKG

@jaredreisinger/react-crossword

Version:

A flexible, responsive, and easy-to-use crossword component for React apps

30 lines (27 loc) 551 B
```jsx import { Clue, CrosswordContext, ThemeProvider, } from '@jaredreisinger/react-crossword'; <ThemeProvider theme={{ highlightBackground: 'rgb(255,255,204)', }} > <CrosswordContext.Provider value={{ focused: true, selectedDirection: 'across', selectedNumber: '2', }} > <Clue direction="across" number="1"> This is a clue. </Clue> <Clue direction="across" number="2" highlight={true}> This is a highlighted clue. </Clue> </CrosswordContext.Provider> </ThemeProvider>; ```