
Product
Introducing Socket Fix for Safe, Automated Dependency Upgrades
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
@formio/core
Advanced tools
This library is the core rendering engine behind the Form.io platform. It is a tiny (12k gzipped) rendering frameworks that allows for the rendering of complex components as well as managing the data models controlled by each component.
To use this library, you will first need to install it into your own application.
npm install --save @formio/core
Next, you can create a new component as follows.
import { Components } from '@formio/core';
Components.addComponent({
type: 'h3',
template: (ctx) => `<h3>${ctx.component.header}</h3>`
});
And now this component will render using the following.
const header = Components.createComponent({
type: 'h3',
header: 'This is a test',
});
console.log(header.render()); // Outputs <h3>This is a test</h3>
You can also use this library by including it in your webpage scripts by including the following.
<script src="https://cdn.jsdelivr.net/npm/@formio/base@latest/dist/formio.core.min.js"></script>
After you do this, you can then do the following to create a Data Table in your website.
FormioCore.render(document.getElementById('data-table'), {
type: 'datatable',
key: 'customers',
components: [
{
type: 'datavalue',
key: 'firstName',
label: 'First Name'
},
{
type: 'datavalue',
key: 'lastName',
label: 'First Name'
}
]
}, {}, {
customers: [
{firstName: 'Joe', lastName: 'Smith'},
{firstName: 'Sally', lastName: 'Thompson'},
{firstName: 'Mary', lastName: 'Bono'}
]
});
See https://formio.github.io/core for more examples of how to use this library.
FAQs
The core Form.io renderering framework.
The npm package @formio/core receives a total of 7,186 weekly downloads. As such, @formio/core popularity was classified as popular.
We found that @formio/core demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 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.
Product
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
Security News
CISA denies CVE funding issues amid backlash over a new CVE foundation formed by board members, raising concerns about transparency and program governance.
Product
We’re excited to announce a powerful new capability in Socket: historical data and enhanced analytics.