ui-kit

What problem does this feature solve?

I want to provide additional properties to a menu for example to make it better testable. This works but TS is reporting an error as the attribute 'data-test' does not exit in type ItemType.

const items: Array<ItemType> = [
    {
      key: 'exercises',
      // @ts-ignore
      'data-test': 'exercises',
      icon: <Fa icon={faTasks} fixed

Environment

Vuetify Version: 2.6.4
Vue Version: 2.6.13
Browsers: Chrome 98.0.4758.102
OS: Linux x86_64

Steps to reproduce

• Click on "Dropdown" button, the menu is shown under the button;
• Click on "Toggle Menu" twice;
• Click on "Dropdown" button, the menu is shown somewhere at the left;

Expected Behavior

It should work in a stable way. Menu should be

Same as in #1035 but expanded for all components

https://vuestic.epicmax.co/admin/ui/notifications

Alert can't be closed because it has not modelValue.

Need to make similar demo like in docs https://vuestic.dev/en/ui-elements/alert#closeable

See this discussion: epicmaxco/vuestic-ui#1626

The DatePicker component is already created and it's functional, but it was written some time ago and it can be refactored (migrating from class-based to hooks). In order to achieve a good result, we also need a good test coverage.

Running storyb

Describe how this feature will help us improve
This component is needed to provide good level of notification system in applications.

Is your proposal related to a problem?
No

Describe the solution you'd considered
https://web.dev/building-a-toast-component/

┆Issue is synchronized with this Jira Zadanie by Unito

Vuestic-ui version: 1.4.8