@lrnwebcomponents/b-r
v8.0.2
Published
Creates break statements to show conditional rendering
Downloads
48
Readme
<b-r>
R
Creates break statements to show conditional rendering
Usage
To use this web component in your project you can utilize one of the following styles of syntax.
/* In an existing JS module / web component */
import '@lrnwebcomponents/b-r/b-r.js';
/* At top of an application with build routine */
<script type="module" src="@lrnwebcomponents/b-r/b-r.js"></script>
/* Alternatives for top of application */
<script type="module">
import '@lrnwebcomponents/b-r/b-r.js';
// imperative form
import {BR} from '@lrnwebcomponents/b-r';
// if you don't have a build routine and need to reference directly
import './node_modules/@lrnwebcomponents/b-r/b-r.js';
</script>
// via unpkg CDN (good for testing)
<script type="module" src="https://unpkg.com/@lrnwebcomponents/b-r/b-r.js"></script>
Tag Properties
amount="number"
Specify the number of br tags to be inserted. No value or 0 will use the screen height to generate br tags.
Develop / Demo
Run yarn start
will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src
directory for changes and automatically rebuilding the element and documentation site for the demo.
$ yarn start
Test
$ yarn run test
Build
Builds ensure that wcfactory can correctly compile your web component project to work on the maximum number of browsers possible.
$ yarn run build
Contributing
- Fork it!
git clone https://github.com/elmsln/lrnwebcomponents.git
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Code style
R (and all lrnwebcomponents) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.