@bobbykim/mcl-forms

Demo

MCL Storybook Page

• MCL Checkbox
• MCL Form Group
• MCL Input File
• MCL Input Radio
• MCL Input Switch
• MCL Input Text
• MCL Select
• MCL Text Area

Install

npm i @bobbykim/mcl-forms

Usage

import { MclFormGroup, MclInputFile, MclInputRadio, MclInputSwitch, MclInputText, MclSelect, MclTextArea } from "@bobbykim/mcl-forms";

<script setup lang="ts">
...
import { MclFormGroup, MclInputFile, MclInputRadio, MclInputSwitch, MclInputText, MclSelect, MclTextArea, MclCheckbox } from "@bobbykim/mcl-forms"
...
</script>

<template>
  <form-group>
    <mcl-input-file></mcl-input-file>
  </form-group>
  <form-group>
    <mcl-input-radio></mcl-input-radio>
  </form-group>
  <form-group>
    <mcl-input-switch></mcl-input-switch>
  </form-group>
  <form-group>
    <mcl-checkbox></mcl-checkbox>
  </form-group>
  <form-group>
    <mcl-input-text></mcl-input-text>
  </form-group>
  <form-group>
    <mcl-input-select></mcl-input-select>
  </form-group>
  <form-group>
    <mcl-text-area></mcl-text-area>
  </form-group>
</template>

Dependencies

• @bobbykim/manguito-theme

Maintainer

• Bobby Kim - Initial work

License

This project is licensed under the MIT License - see the LICENSE.md file for details