Giter Club home page Giter Club logo

ember-foxy-forms's Introduction

ember-foxy-forms

Compatibility

  • Ember.js v3.13 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

ember install ember-foxy-forms

Usage

<Form @for={{this.model}} as |f|>
   <f.field @for="attribute" @using="input" />
</Form>

Not just forms, Foxy Forms.

This addon allows you to build simple declarative forms with some snazy features. It is UI framework agnostic and generates minimal dom, so as to not interfere with what ever UI framework you might be using.

You can read more in the docs here

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

ember-foxy-forms's People

Contributors

aklkv avatar aledalgrande avatar arthur5005 avatar bj-mcduck avatar c-brooks avatar camerondubas avatar dependabot[bot] avatar ember-tomster avatar hew avatar jayseo5953 avatar joegaudet avatar kennethdavidbuck avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ember-foxy-forms's Issues

Add required class to introspected validation fields

#285 introduced the ability for Foxy Form to self-identify required fields eliminating the need to have @required={{true}} in the template code.

However, @required is still needed for Foxy Forms to set the 'required' class, which is needed for CSS purposes, ie:

.form-for .field-for.required > label::after {
  content: "*";
  color: #e93c3c;
}

Customization to make it work with other projects(Suggestions)

Hi, i like the ember-foxy-forms.

But I have some doubts to make the add-on works in some projects.
For example:

  • Translations (Buttons like submit)
  • html customizations in fields... Like put HTML validations
  • HTML5 validations.
  • Support for existing validator for ember.
  • Ways to load the options from Ember Data promise. Customizing the options using some attribute by name.

My use case is, an form using Ember Data and Ember Octane with Glimmer.
In that scenario I want to pass an "Ember.store.find" promise to the template using component tracked attribute.
And use the tracked attribute with Ember Store find promise as combo select options, instead use simple hash.

Could someone help me with that? I tried many many other form add-ons but can't do that things.
@joegaudet @abeforgit

Thanks.

Add support for configurable ui styles

as a developer
in order to apply custom field and form styles
I need ember-form-for to support a configuration setting that allows for defining form-for field-for settings.

ac:

  • Configuration params that are applied to both the form-for and field-for components in their class definitions.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.