✨ 51 adding form components

[langehm]

Issues #51

[langehm]

The search form does need some logic for calculating the current available options. Should we use some debounce logic to reduce computation?

const debounce = (func: (...args: any[]) => any, timeout: number = 500) => {
  let timer: number;
  return (...args: any[]) => {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, args);
    }, timeout);
  };
};

I don't like such logic inside the component, as it is a very specific use case. But if this form is used with a big list of available options - this is a problem which should be addressed.

[langehm]

Suffix does not seem to work in the patternlab either ...

Prefix does work.

[langehm]

some forms are missing ...

[langehm]

Suffix does not seem to work in the patternlab either ...

Prefix does work.

Works only with icons

[langehm]

We should introduce a composable to define unique id's automagically to every html element. Ussage like the following:

const idForThisComponent = useUniqueID("muc-radio-button"); // return sth like muc-radio-button-123

vuetify uses similiar approach with some vue methods to generate the unique id's.

[FabianWilms]

We should introduce a composable to define unique id's automagically to every html element. Ussage like the following:

const idForThisComponent = useUniqueID("muc-radio-button"); // return sth like muc-radio-button-123

vuetify uses similiar approach with some vue methods to generate the unique id's.

#148

[langehm]

Above comment suggestions were done in this commit

[FabianWilms]

And one small edition when testing out the components: I can select a radio button by clicking on the text, but for the checkbox-component I can only select it by clicking into the box itself. I think clicking the text should also select it.

[github-actions]

🎉 This PR is included in version 1.11.0-beta.3 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 1.12.0-beta.1 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 1.12.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀