Smartfrog Component Framework
Smartfrog UI Components Library



!https://github.com/smartfrog-oss/frogkit
using yarn
``bash`
yarn add @smartfrog/frogkit
using npm
`bash`
npm i -S @smartfrog/frogkit
folder
$3
`js
import button from '@smartfrog/frogkit/src/components/button'Vue.component(button.name, button)
`$3
`js
import button from '@smartfrog/frogkit/src/components/button'export default {
name: 'Example',
components: { button },
}
`icons
1. place SVG files inside
src/assets/icons
> NOTE: make sure that the SVG file contain viewBox attribute2. run
yarn icon
the script will optimise the SVG and generate an icon component for itsocial icons
1. place a social icon SVG file inside
src/assets/social/base2. run
yarn social-icon
the script will update the social icons sprite (image and css) adding the new oneContribution
1. Fork the repo
2. install dependencies
`bash
yarn
`3. Start the storybook
`bash
yarn storybook
`4. Build component
5. Add Story for it
6. Cover it with test
7. Make sure that the test is passing
`bash
yarn test
``8. Open a PR!
We use semantic release now to control the version and to publish to npm registry.
According to the commit message we decide what the next version would be.
Please check the following table:
| Commit message | Update |
|----------------|:---------:|
| feat | Major |
| fix | Minor |
| docs | Patch |
| style | Patch |
| refactor | Minor |
| perf | Patch |
| test | Patch |
| build | Patch |
| ci | Patch |
| chore | Patch |
| revert | Minor |
Happy Coding!