@jaredreisinger/react-crossword
Version:
A flexible, responsive, and easy-to-use crossword component for React apps
30 lines (27 loc) • 551 B
Markdown
```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>;
```