@rakuten-rex/form-input-label
Advanced tools
This project is part of ReX Design Language and it can be used to create React UI Components.
For more information visit:
Github
https://github.com/rakuten-rex
NPM
https://www.npmjs.com/org/rakuten-rex
How it was built:
npm install @rakuten-rex/form-input-label@0.0.3 --save
For a complete guide of properties for React and HTML classes please visit the Storybook site:
https://rakuten-rex.github.io/form-input-label/
For projects with full ReX implementation.
import RexComponent from '@rakuten-rex/form-input-label';
For integration projects.
import RexComponent from '@rakuten-rex/form-input-label/without-fonts.js';
For integration projects using Static HTML or if you use a build tools without duplicated CSS classes removal.
Note: Requires global import of ReX Core.
import RexComponent from '@rakuten-rex/form-input-label/without-core.js';
For plug and play components integration.
Example:
import RexComponent from '@rakuten-rex/form-input-label';
function MyComponent() {
return <RexComponent>Hello World</RexComponent>;
}
For your own JavaScript integration (React, Vue, Angular, etc.) or Static HTML.
Example:
import '@rakuten-rex/form-input-label/css';
function MyComponent() {
return <h1 className="rex-core-h1 rex-h1">Hello World</h1>;
}
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
You can choose between development (dev comments and unminified) or production (without dev comments and minified) mode.
We recommend to use production mode if your build process doesn't support to switch between both.
Development mode URL:
https://r.r10s.jp/com/rex/form-input-label/0.0.3/form-input-label.development.css
Production mode URL:
https://r.r10s.jp/com/rex/form-input-label/0.0.3/form-input-label.production.min.css
Add it from our CDN into your HTML template or HTML static page.
<!-- ReX form-input-label -->
<link href="https://r.r10s.jp/com/rex/form-input-label/0.0.3/form-input-label.production.min.css" rel="stylesheet">
Note: use form-input-label-without-core.min.css version to avoid duplicated code from ReX Core.
<!-- ReX Core -->
<link href="https://r.r10s.jp/com/rex/core/2.3.1/full-version.production.min.css" rel="stylesheet">
<!-- ReX form-input-label -->
<link href="https://r.r10s.jp/com/rex/form-input-label/0.0.3/form-input-label-without-core.production.min.css" rel="stylesheet">
Example:
<div class="rex-form-input-label">
<h1 class="rex-core-h1 rex-h1">Welcome to React</h1>
</div>
FAQs
Form label
The npm package @rakuten-rex/form-input-label receives a total of 0 weekly downloads. As such, @rakuten-rex/form-input-label popularity was classified as not popular.
We found that @rakuten-rex/form-input-label demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
TypeScript is porting its compiler to Go, delivering 10x faster builds, lower memory usage, and improved editor performance for a smoother developer experience.
Research
Security News
The Socket Research Team has discovered six new malicious npm packages linked to North Korea’s Lazarus Group, designed to steal credentials and deploy backdoors.
Security News
Socket CEO Feross Aboukhadijeh discusses the open web, open source security, and how Socket tackles software supply chain attacks on The Pair Program podcast.