diff --git a/design-system/projects/lib/package.json b/design-system/projects/lib/package.json index 38f3d46..addef9f 100644 --- a/design-system/projects/lib/package.json +++ b/design-system/projects/lib/package.json @@ -1,6 +1,6 @@ { "name": "@mprisma/components", - "version": "0.0.72", + "version": "0.0.73", "repository": { "type": "git", "url": "https://github.com/gabriel-gn/prisma-components.git" diff --git a/design-system/projects/lib/src/components/inputs/multi-select/multi-select.component.html b/design-system/projects/lib/src/components/inputs/multi-select/multi-select.component.html index d9687a2..af0fd94 100644 --- a/design-system/projects/lib/src/components/inputs/multi-select/multi-select.component.html +++ b/design-system/projects/lib/src/components/inputs/multi-select/multi-select.component.html @@ -12,7 +12,7 @@
(); + /** + * Texto a ser exibido no input + */ @Input() placeholder: string = ''; + /** + * opções a serem exibidas no input + */ @Input() options: MultiSelectOption[] = []; @Input() borderRadius: Sizes = Sizes.md; + /** + * se as thumbnails serão arredondadas + */ @Input() roundedThumbnail: boolean = true; + /** + * limite máximo de seleções de itens + */ + @Input() limit: number = 0; myControl = new FormControl(); _selectedOptions: MultiSelectOption[] = []; filteredOptions: Observable; diff --git a/design-system/projects/lib/src/components/inputs/multi-select/multi-select.stories.ts b/design-system/projects/lib/src/components/inputs/multi-select/multi-select.stories.ts index bc51ecf..93563f4 100644 --- a/design-system/projects/lib/src/components/inputs/multi-select/multi-select.stories.ts +++ b/design-system/projects/lib/src/components/inputs/multi-select/multi-select.stories.ts @@ -16,6 +16,7 @@ export const Template: Story = (args) => ({ [placeholder]="placeholder" [borderRadius]="borderRadius" [roundedThumbnail]="roundedThumbnail" + [limit]="limit" > ` @@ -25,7 +26,8 @@ export const defaultArgs = { options: [], placeholder: '', borderRadius: Sizes.md, - roundedThumbnail: true + roundedThumbnail: true, + limit: 0 }; export const DefaultMultiSelect = Template.bind({});