@trimble-oss/moduswebcomponents/collection/components/modus-wc-input-label/modus-wc-input-label.stories.js

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

import { html } from "lit";
import { ifDefined } from "lit/directives/if-defined.js";
const meta = {
    title: 'Components/Forms/Input Label',
    component: 'modus-wc-input-label',
    args: {
        'label-text': 'Label',
        required: false,
        size: 'md',
    },
    argTypes: {
        size: {
            control: { type: 'select' },
            options: ['sm', 'md', 'lg'],
        },
    },
};
export default meta;
const Template = {
    render: (args) => html `
    <modus-wc-input-label
      for-id=${ifDefined(args['for-id'])}
      custom-class=${ifDefined(args['custom-class'])}
      label-text=${ifDefined(args['label-text'])}
      ?required=${args['required']}
      size=${args.size}
      sub-label-text=${ifDefined(args['sub-label-text'])}
    ></modus-wc-input-label>
  `,
};
export const Default = Object.assign({}, Template);
export const Required = Object.assign(Object.assign({}, Template), { args: { required: true } });