Frontend

Props

The inputs you pass into a component to configure how it renders.

Props are like arguments to a function — you hand a component data from the outside and it renders accordingly, as in `<Button label="Save" variant="primary" />`. Props flow one direction, from parent down to child, so when a child needs to send something back up you pass a callback prop like `onClick`. When the AI writes a component that 'doesn't know' about some value, the fix is almost always to thread that value in as a prop.