Text Input Component not holding state

[hxltrhuxze]

Describe the bug
After entering text in the Text Input, the input does not hold its filled state. This causes the label to revert back to its :empty position, clipping the inputted text.

To Reproduce
Steps to reproduce the behaviour:

1. Go to docs.royalnavy.io/components/forms/input
2. Click on the Develop Tab
3. Enter text into input and then click off to remove focus from the input
4. The label reverts back to its starting position, over the top of the entered text.

Expected behaviour
The label does not revert to its default state.

Screenshots

[antictor]

Most likely the input needs to be put in a formik form in the docs. The field itself is stateless, it's container provides the value as a prop and handle onChange events to that value