VSCode snippets such as Selection are outdated.

[Darkiee12]

Description

As the code is updated, it appears the snippets haven't caught up yet.

CodeSandbox/Snack link

https://marketplace.visualstudio.com/items?itemName=gluestack.gluestack-vscode

Steps to reproduce

Install gluestack extension type gs-select-lg (others are also outdated)

<Select size={"lg"} variant={"outline"} isInvalid={false} isDisabled={false}>
  <SelectTrigger size={size} variant={variant}>
    <SelectInput placeholder="Select option" />
    <SelectIcon className="mr-3" as={ChevronDownIcon} />
  </SelectTrigger>
  <SelectPortal>
    <SelectBackdrop />
    <SelectContent>
      <SelectDragIndicatorWrapper>
        <SelectDragIndicator />
      </SelectDragIndicatorWrapper>
      <SelectItem label="UX Research" value="UX Research" />
      <SelectItem label="Web Development" value="Web Development" />
      <SelectItem label="Cross Platform Development Process" value="Cross Platform Development Process" />
      <SelectItem label="UI Designing" value="UI Designing" isDisabled={true} />
      <SelectItem label="Backend Development" value="Backend Development" />
    </SelectContent>
  </SelectPortal>
</Select>;

size={"lg"} and variant={"outline"} are no longer a valid attributes of <Select/> component. Meanwhile it should be <SelectTrigger size={size} variant={variant}> which adopts the correct attribute rather than user input

gluestack-ui Version

@gluestack-ui/[email protected]

Platform

• [X] Expo
• [X] React Native CLI
• [ ] Next
• [ ] Web
• [ ] Android
• [ ] iOS

Other Platform

No response

Additional Information

No response

[rajat693]

Hi @Darkiee12, thank you for bringing this up! This is already in our pipeline, and we’ll be updating it soon.

[rajat693]

Hello @Darkiee12, this issue has been resolved. You can verify it now. Thank you!