> ## Documentation Index > Fetch the complete documentation index at: https://docs.bfl.ml/llms.txt > Use this file to discover all available pages before exploring further. # Cookbook > Runnable FLUX recipes, with the output they produced. export const RecipeList = ({items = []}) =>

{items.map((item, i) => {item.title} {item.external && } {item.tags && item.tags.length > 0 && {item.tags.map((t, j) => {t})} } )}

; export const FeaturedCards = ({items = []}) =>

{items.map((item, i) => {item.title}

{item.title} {item.tags && item.tags.length > 0 && {item.tags.map((t, j) => {t})} } )}

; export const CookbookHero = ({eyebrow, title, lede, meta = [], clip}) => { const [playing, setPlaying] = useState(false); return

{eyebrow && {eyebrow} } {title}

{lede}

{meta.length > 0 &&

{meta.map((m, i) => {i > 0 && )}

}

{clip &&

}

; };

## Featured ## All recipes