3.1.23 • Published 1 year ago
@lendi-ui/field v3.1.23
@lendi-ui/field
A Field component with Label, Tooltip, Input and ErrorMessage component.
Installation
yarn add @lendi-ui/field
Usage
import Field from '@lendi-ui/field';
<Field
labelSize="sm"
label="This is a label"
assistiveText="Assistive text"
link={<Link>forgot</Link>}
toolTip={<></>}
error="error message"
>
<Input
size="md"
placeholder="input here ..."
onChange={() => {}}
isFullWidth={true}
after={<span style={{ width: '24px', height: '24px' }}>x</span>}
/>
</Field>;
Properties
<PropTable>
<PropTable.Entry name="assistiveText" type="string" description="The Label assistive text content"/>
<PropTable.Entry name="children" required type="React.ReactNode" description="The Field content"/>
<PropTable.Entry name="error" type="string" description="The error message"/>
<PropTable.Entry name="htmlFor" type="string" description="The for attribute of the <Field> tag should be equal to the id attribute of the related element to bind them together."/>
<PropTable.Entry name="isRequired" type="boolean" defaultValue='true' description="Whether or not a field is required"/>
<PropTable.Entry name="label" type="string" description="The Label content"/>
<PropTable.Entry name="link" type="string" description="The Label link content"/>
<PropTable.Entry name="size" type={`"lg" | "sm"`} defaultValue="sm" description="The Field Label size"/>
<PropTable.Entry name="tooltip" type="React.ReactNode" description="ToolTip"/>
<PropTable.Entry name="touched" type="boolean" description="Whether the user has interacted with the field"/>
</PropTable>
3.1.23
1 year ago
3.1.22
1 year ago
3.1.23-beta.0
1 year ago
3.1.22-beta.0
2 years ago
3.1.21
2 years ago
3.1.21-beta.0
2 years ago
3.1.20-beta.0
2 years ago
3.1.20
2 years ago
3.1.19
2 years ago
3.1.21-canary.0
2 years ago
3.1.16
2 years ago
3.1.18
2 years ago
3.1.17
2 years ago
3.1.17-beta.1
2 years ago
3.1.17-beta.0
2 years ago
3.1.16-beta.2
2 years ago
3.1.18-beta.1
2 years ago
3.1.16-beta.1
2 years ago
3.1.18-beta.0
2 years ago
3.1.18-beta.2
2 years ago
3.1.19-beta.0
2 years ago
3.1.18-canary.3
2 years ago
3.1.15
2 years ago
3.1.16-beta.0
2 years ago
3.1.15-beta.0
2 years ago
3.1.14
2 years ago
3.1.13
2 years ago
3.1.13-beta.1
2 years ago
3.1.14-beta.0
2 years ago
3.1.12
2 years ago
3.1.13-beta.0
2 years ago
3.1.11
3 years ago
3.1.9
3 years ago
3.1.8
3 years ago
3.1.7
4 years ago
3.1.6
4 years ago
3.1.5
4 years ago
3.1.3
4 years ago
3.1.4
4 years ago
3.1.2
4 years ago
3.1.1
4 years ago
3.1.0
4 years ago
4.0.0-beta.0
4 years ago
3.0.1
5 years ago
3.0.0
5 years ago
3.0.0-alpha
5 years ago
2.2.3
5 years ago
2.2.2
5 years ago
2.2.1
5 years ago
2.2.0
5 years ago
2.1.0
5 years ago
2.0.3
5 years ago
2.0.2
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.2.0
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago