> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trydailybread.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Using Recipes
> Scale recipes, track costs, and produce consistent results
export const MediaToggle = ({mobile, desktop, isVideo = false, alt = ''}) => {
const [view, setView] = useState(typeof window !== 'undefined' && window.innerWidth >= 640 ? 'desktop' : 'mobile');
useEffect(() => {
function handleResize() {
setView(window.innerWidth >= 640 ? 'desktop' : 'mobile');
}
window.addEventListener('resize', handleResize);
return () => {
window.removeEventListener('resize', handleResize);
};
}, []);
const buttonBaseClasses = "rounded-xl flex items-center px-3 text-gray-700 dark:text-gray-300 py-1.5 border border-gray-200 dark:border-white/[0.07] bg-background-light dark:bg-background-dark hover:bg-gray-600/5 dark:hover:bg-gray-200/5";
const iconClasses = "inline-flex items-center h-5 w-5";
const videoClasses = "rounded-lg border border-gray-200";
return
{isVideo ?
: }
;
};
## Viewing Recipes
All of your recipes are stored in the "Recipes" page. You can view all of your recipes, and you can filter them by category and change the published
state. You can also search for recipes by name or description. This is a great way to find recipes that you want to use, or to find recipes that
you want to edit.
Click on any of the recipes in this list to see the edit page if you have access. If you do not, you will be taken to the view recipe page.
### Ingredient Checklist
When following a recipe, you can cross off the ingredients as you go. This is a great way to keep track of what you've done, and to make sure that you
don't miss any steps.
### Scaling Recipes
To scale a recipe, you can use the "Scale" buttons on the top-left of the recipe page. This will allow you to change the yield of the recipe, and
it will automatically adjust the ingredient amounts for you.
By default, you can scale the recipe by 2 or 3. If you need to scale it by a different amount, you can use the "Custom" button. Clicking this button
will show a new input. Typing in a number will scale the recipe by that amount.
#### Scaling tooltips
When you hover over the "info" icon next to a scaled ingredient, it will tell you the original quantity of that item for a given recipe. This ensures
you can keep the original context in mind when scaling recipes up or down.
[Step-ingredients](/recipes/managing-recipes#adding-ingredients-to-steps) will also be scaled, and have the same tooltip as recipe ingredients.
### Highlighting Steps
When following a recipe, you can highlight the steps as you go. This is a great way to keep track of what you've done, and to make sure that you
don't miss any steps.
[Step-ingredients](/recipes/managing-recipes#adding-ingredients-to-steps) will also be scaled, and have the same tooltip as recipe ingredients.
### Highlighting Steps
When following a recipe, you can highlight the steps as you go. This is a great way to keep track of what you've done, and to make sure that you
don't miss any steps.