New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@vaadin/vaadin-custom-field

Package Overview
Dependencies
Maintainers
19
Versions
259
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vaadin/vaadin-custom-field - npm Package Compare versions

Comparing version 22.0.0-beta1 to 22.0.0-beta2

6

package.json
{
"name": "@vaadin/vaadin-custom-field",
"version": "22.0.0-beta1",
"version": "22.0.0-beta2",
"publishConfig": {

@@ -35,5 +35,5 @@ "access": "public"

"dependencies": {
"@vaadin/custom-field": "22.0.0-beta1"
"@vaadin/custom-field": "22.0.0-beta2"
},
"gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
"gitHead": "f13833683e6667f6ca6678452db14aa6b7eac4a4"
}

@@ -1,56 +0,10 @@

# <vaadin-custom-field>
# @vaadin/vaadin-custom-field
[<vaadin-custom-field>](https://vaadin.com/components/vaadin-custom-field) is a Web Component providing field wrapper functionality, part of the [Vaadin components](https://vaadin.com/components).
> ⚠️  Starting from Vaadin 22, this package is deprecated.
> Please use [`@vaadin/custom-field`](https://www.npmjs.com/package/@vaadin/custom-field) instead.
[Live Demo ↗](https://vaadin.com/components/vaadin-custom-field/html-examples)
|
[API documentation ↗](https://vaadin.com/components/vaadin-custom-field/html-api)
A web component for wrapping multiple components as a single field.
[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-custom-field)](https://www.npmjs.com/package/@vaadin/vaadin-custom-field)
[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-custom-field)
[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
[Documentation + Live Demo ↗](https://vaadin.com/docs/latest/ds/components/custom-field)
```html
<vaadin-custom-field label="Appointment time">
<vaadin-date-picker></vaadin-date-picker>
<vaadin-time-picker></vaadin-time-picker>
</vaadin-custom-field>
```
[<img src="https://raw.githubusercontent.com/vaadin/vaadin-custom-field/master/screenshot.png" width="200" alt="Screenshot of vaadin-custom-field">](https://vaadin.com/components/vaadin-custom-field)
## Installation
Install `vaadin-custom-field`:
```sh
npm i @vaadin/vaadin-custom-field --save
```
Once installed, import it in your application:
```js
import '@vaadin/vaadin-custom-field/vaadin-custom-field.js';
```
## Getting started
Vaadin components use the Lumo theme by default.
To use the Material theme, import the correspondent file from the `theme/material` folder.
## Entry points
- The component with the Lumo theme:
`theme/lumo/vaadin-custom-field.js`
- The component with the Material theme:
`theme/material/vaadin-custom-field.js`
- Alias for `theme/lumo/vaadin-custom-field.js`:
`vaadin-custom-field.js`
## Contributing

@@ -64,2 +18,3 @@

Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
Vaadin collects usage statistics at development time to improve this product..
For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc