kozea / formol Goto Github PK
View Code? Open in Web Editor NEWAn opinionated react form framework.
License: MIT License
An opinionated react form framework.
License: MIT License
All the props processing could be put in an HOC
:
Need z-index adjusting for sure
Currently the form crashes with this message : An invalid form control with name='my_input_name' is not focusable.
Ex: it's nice to have a phone number field with the right width, not 800px long
We are a bit lost in front of all these class mixed with input and textarea selectors.
How can I do the webpack rules if I'm using https://github.com/facebook/create-react-app
If I do a successful mutation that returns some data in the response, I get this console.error:
Lines 232 to 235 in cf3aad2
I'm using https://github.com/trojanowski/react-apollo-hooks#usemutation Am I doing something wrong?
Now it's not possible to use Formol with TypeScript
Hi,
First of all, thank you so much for the wonderful library. Forms have been a pain and this is just makes it unbelievably easy.
I was wondering if there is any hook/handler available to customize submit button to display loading and disabling it white form gets submitted.
Do you plan on supporting rn?
If so using formol is going to be my default choice on every activity of my life. even cooking
Hi!
I would like to use formol with Gatsby. Any idea how to set it up?
Thanks!
It's the react-select-2 branch
Phone number, bank account...
These dependencies were not found:
* date-fns in ./node_modules/formol/src/async/CalendarField.jsx, ./node_modules/formol/src/async/CalendarFieldLocales.js
* date-fns/locale/fr in ./node_modules/formol/src/async/CalendarFieldLocales.js
To install them, you can run: npm install --save date-fns date-fns/locale/fr
And it's still fast (using react window / virtualized and fast filter)
I've followed the docs here: https://kozea.github.io/formol/?path=/story/home--home
Using like this:
import Formol, {Field} from 'formol'
const onSubmit = ({ login, password }) =>
doLogin(login, password)
<Formol onSubmit={onSubmit}>
<Field>Login</Field>
<Field type="password-strength">Password</Field>
</Formol>
and none of the input styling is there. I checked the repo for CSS files to add, but there is only scss and no compiled css. Since I'm not using scss, I'm not sure how to proceed with using this library.
If you open any of your Select Menu's in your storybook and open the list and start pressing the down arrow, once you get to the end it won't auto load the view of the list items. From what I can tell this is due to React-Window and rendering as the MenuList component for React-Select.
Min Max and Value
With its own toolbar and with calendar
Length (Kg, g...), Money (โฌ, $...).
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.