@recipe-book/react v0.0.3

@recipe-book/react

Unstyled, accessible, compound React components for displaying recipes

Core concepts

Compound structure

Recipe components are designed to be used as building blocks for displaying recipes. They are unstyled, and can be composed together to create a custom recipe interface.

function MyRecipeComponent() {
  <Recipe.Root>
    <Recipe.Thumbnail />
    <h3>Ingredients</h3>
    <Recipe.Ingredients />
    <h3>Instructions</h3>
    <Recipe.Instructions renderer={(instruction) => <MyInstructionComponent {...instruction}>} />
    <hr />
    <RecipeNotes />
  </Recipe.Root>
}