Textfield

const Preview = () => {
  return <Textfield label='Label' />;
};

render(<Preview />)

const WithRows = () => {
  return <Textfield label='Label' multiline rows={4} />;
};

render(<WithRows />)

const WithAffixEn = () => {
  return (
    <Textfield
      prefix='GBP'
      suffix='per month'
      label='How much does it cost per month?'
    />
  );
};

render(<WithAffixEn />)

const WithCounterEn = () => {
  return (
    <Textfield counter={10} label='How many pounds does it cost per month?' />
  );
};

render(<WithCounterEn />)