mds-input v0.0.1-beta.2

mds-input - Lit version

Install

Install the component via npm

npm install mds-input

Or use yarn

yarn add mds-input

Use in JavaScript

Import the component in your project

<script type="module">
  import 'mds-input';
</script>

His dependencies

<script type="module">
  import { defineCustomElements } from '@maggioli-design-system/mds-text/loader';
  defineCustomElements();
</script>

Maggioli Design System style in the head tag

<link rel="stylesheet" href="./node_modules/@maggioli-design-system/styles/dist/css/colors-rgb.css">

The use it in your HTML

<mds-input type="text" placeholder="Write something"></mds-input>

Properties

Events

Form support for Safari

To be able to use the form component in Safari, you will need to include this polyfill in your application's dependencies and add it in your main TypeScript file:

import 'element-internals-polyfill'

or in your main HTML file like:

<script type="module">
  import 'element-internals-polyfill'
</script>

Built with lit and vite