/

<Text> Component

Share
Code Editor


<>

  <div style={{ padding: 16 }}>

    <Text field={{ name: 'input' }} placeholder="Placeholder" label="Label" />

    <Text field={{ name: 'input' }} placeholder="Placeholder" label="Label" helpText="Help Text" required />

    <Text field={{ name: 'input' }} placeholder="Placeholder" label="Label" error="Error message" />

    <Text field={{ name: 'input' }} placeholder="Placeholder" label="Label" helpText="Help Text" required error="Error message" />

  </div>

  <div style={{ padding: 16, backgroundColor: 'black' }}>

      <Text appearance="dark" field={{ name: 'input' }} placeholder="Placeholder" label="Label" />

      <Text appearance="dark" field={{ name: 'input' }} placeholder="Placeholder" label="Label" helpText="Help Text" required />

      <Text appearance="dark" field={{ name: 'input' }} placeholder="Placeholder" label="Label" error="Error message" />

  </div>

  <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '24px', padding: '16px' }}>

      <Text field={{ name: 'input' }} label="Label" helpText="Help Text" error="Error message" />

      <Text field={{ name: 'input' }} label="Label" />

  </div>

</>