<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>
</>