CSS Foundations: Forms
npm install @coopdigital/foundations-formsnpm or Yarn:bash
$ npm install @coopdigital/foundations-forms --save
OR
$ yarn add @coopdigital/foundations-forms
`Usage
You can include in your project by referencing it from your existing CSS via @import statement, i.e.:
`css
@import "node_modules/@coopdigital/foundations-forms/dist/forms.css";
`If you use PostCSS in your build pipeline, you can reference the sources directly like so:
css
@import "node_modules/@coopdigital/foundations-forms/src/forms.pcss";
`If you use a
plugin, it gets even easier:
`css
@import "@coopdigital/foundations-forms";
`Examples
Here's a bunch of examples, showing how you can integrate this CSS module in your project, based on most popular stacks of project. You can either use a post-processed and pre-built CSS form the directory, ot use PostCSS sources from the src` dir.The latter have certain dependencies, which should be consumed by your frontend toolkit to postprocess the CSS correctly.