@logo-elements/custom-field

A web component for wrapping multiple components as a single field.

Documentation

<logo-elements-custom-field label="Enrollment period" helper-text="Cannot be longer than 30 days" required>
  <logo-elements-date-picker id="start" placeholder="Start date"></logo-elements-date-picker>
  &ndash;
  <logo-elements-date-picker id="end" placeholder="End date"></logo-elements-date-picker>
</logo-elements-custom-field>

Installation

Install the component:

npm i @logo-elements/custom-field

Once installed, import the component in your application:

import '@logo-elements/custom-field';

Themes

You can import the LEDS version of the component explicitly:

import '@logo-elements/custom-field/theme/leds/logo-elements-custom-field.js';

Finally, you can import the un-themed component from the src folder to get a minimal starting point:

import '@logo-elements/custom-field/src/logo-elements-custom-field.js';

For more detailed information, please visit:

Logo Elements Documentation ↗