Comments (5)
released in v1.5.0
from react-ts-form.
Currently there's no way to do this without passing some prop to the component or adjusting the label which does feel clunky. Could be cool to have an API like this maybe?
function TextField() {
const {isOptional} = useFieldInfo();
// ...
}
This might be a little easier than introspection ( just having the library handle all introspection but making all the relevant field info accessible in the components )
Thoughts?
from react-ts-form.
i really like that. only reason i potentially like introspection is if there are other things in the schema that someone might want to read back.. i can't think of any atm though..
we could add both isOptional and isNullable? (maybe anything that doesn't result in a unique mapping so you can handle the difference in the component? looks like optional, nullable, branded, and default?)
from react-ts-form.
yeah that makes a lot of sense... IDK what else might be useful other than those
from react-ts-form.
Could also add some schema specific stuff, like z.string().min(5, "message")
or z.string().array().max(5, "message")
and in the component:
function TextField() {
const {min, max} = useStringInfo();
const {length} = useArrayInfo();
}
from react-ts-form.
Related Issues (20)
- issue: npm ERR Could not resolve dependency HOT 2
- actually parse with zod schema so we can get the .strip() behavior HOT 5
- Typesafe props not working for field that is nullable.optional or .nullish HOT 5
- Accessing the submitter element? (multiple submit buttons) HOT 2
- Improve z.array(z.enum([])) and z.enum([]).array() HOT 2
- New Functionality - useDateFieldInfo() HOT 2
- issue: custom field component for a type z.number().int() is ignored when I have z.number() present HOT 1
- Docs: edit this page takes me to 404
- issue: form does not get validated when submitting from parent HOT 2
- issue: error in Array schemas don't surface HOT 1
- add support for onChange HOT 1
- On the Fly adding additional fields to a form HOT 2
- issue: parse schema with createUniqueFieldSchema in Nextjs api route not working
- issue: Component props not passing down to nested objects
- issue: `useTsController` eats `onChange(undefined)` and does not bubble it
- Add support for ZodUnion
- issue: Example NumberField component can't get subsequently updated by the reset function if field is empty HOT 2
- Lower required version of React in peerDependencies HOT 1
- Unable to pass options to select field when inside of a complex field type such as an address. HOT 2
- Array support HOT 6
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 react-ts-form.