Comments (1)
Hello @dzcpy,
The component FieldInput
is used in the Field
context.
<Field name="password" hint="Description line" error="If set, an error will be displayed">
<Stack size={1}>
<FieldLabel>Password</FieldLabel>
<FieldInput placeholder="Placeholder" value={'Hello world'} disabled={true} onChange={() => {}} />
<FieldHint />
<FieldError />
</Stack>
</Field>
This compound component is used to build and standardize form fields (display label, error, description, etc).
The TextInput
component is just a preset that allows to avoid implementing the Field context.
In most cases, you will not need to use the context Field
because many existing form components already implement this pattern (TextInput, NumberInput, DatePicker, TimePicker, Checkbox, CarouselInput, Select, TextArea, etc).
The Field
pattern is used outside the library only in very rare and specific cases (e.g.: the creation of the Wysiwyg field (rich text) or the JSON field in Strapi).
from design-system.
Related Issues (20)
- Admin - Media field: Multiple Image files are no longer shown one by one, but side by side. Pagination works only for filenames. HOT 1
- [bug]: Select components are no longer vertical aligned HOT 1
- CarouselSlide component is not working HOT 1
- [bug]: Button line-height: 0 collapses longer labels HOT 1
- DynamicZone: Add component above/below list overflows container HOT 2
- [bug]: Combobox autocomplete `both` does not work well with async options
- [bug]: Datepicker no longer accepts string values
- [feat]: Add placeholder to SubNavHeader HOT 1
- [bug]: Dialog closes the Modal component
- The datetime field is always displayed in DD/MM/YYYY format
- Performance degradation of the DatePicker HOT 7
- Datepicker issues (causes data corruption) HOT 11
- [RFC]: Fix design system storybook HOT 6
- [bug]: TypeError: Cannot read properties of undefined (reading 'withConfig') in nextjs 13 HOT 11
- [feat]: MultiSelect and MultiSelectNested component's value prop supports number[] HOT 1
- [bug]: v2 components are not exported and can't be used in TypeScript HOT 3
- [bug]: Combobox returning NULL if no option is available HOT 1
- [feat]: SubNavHeader search's placeholder can't be customized
- [bug]: DateTimePicker changes date automatically (only for some timezones?) HOT 3
- BROKEN FILTER: Date Regexp never match
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from design-system.