Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/system76/forms
System76 Vue components for forms
https://github.com/system76/forms
Last synced: 15 days ago
JSON representation
System76 Vue components for forms
- Host: GitHub
- URL: https://github.com/system76/forms
- Owner: system76
- License: gpl-3.0
- Created: 2020-01-20T17:53:57.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-09-29T08:29:25.000Z (3 months ago)
- Last Synced: 2024-12-06T14:44:36.498Z (about 1 month ago)
- Language: Vue
- Homepage: https://forms.origin76.com
- Size: 8.55 MB
- Stars: 1
- Watchers: 7
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
@system76/forms
System76 Vue components for forms
---
This repository contains all the System76 form Vue components including buttons,
inputs, and labels. It also holds client side validation logic.## Using
```
npm install --save-dev @system76/forms
```### Tips
- You will need to include the stylesheets for this package, as well as for
`@system76/design`. If you are using nuxt, simply add this to the configuration
file:```
{
css: [
'@system76/design/dist/index.common.css',
'@system76/forms/dist/index.common.css'
]
}
```- You will need to ensure that babel `sourceType` is set to `unambiguous`. In
nuxt, this means adding the following to your configuration:```
build: {
babel: {
sourceType: 'unambiguous'
}
}
```## Development
1) Download the repository
2) Run `npm ci`
3) Run `npm run build`
4) Run `npm start`
5) Start hacking
### Documenting
We use styleguide to document our components. Please write your own stories
and documentation in markdown format like the other `.mdx` files. Along with
storybook, we also use styleguidist for documentation in the component file.
This gets outputted in the form of nice prop tables in storybook. Here are some
resources on how to get started:- [Storybook markdown syntax](https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/mdx.md)
- [vue-docgen-api](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api#full-example)## Deployment
To [trigger a release](https://semantic-release.gitbook.io/semantic-release/#triggering-a-release),
push a commit to the `master` branch in the
[Angular Commit Message Conventions](https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#-git-commit-guidelines)
format.