Role of Component name

Ouverte
  • Quelque chose ne va pas ?
#355 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
45/100
Type d'issue
Documentation
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
kotlin, typescript
Domaine
developer-experience, documentation

Piste de recherche

Start with the Compose Code Connect documentation linked in the issue and trace how the Composable function name is used in suggested imports and as the Figma component name. The issue asks for the suggested import to resolve correctly and for the component name's role to be explained; confirm the relevant documentation and suggestion behavior before deciding what change is needed.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

API question

I realised that the name of the function annotated with @Composable is used in two places :

  • in the import inside suggest code (see screenshot)
  • as the component name (I'm not sure what the component name is used for anyway in Compose)
Image

The import in the suggested code should be fixed, and point to the real import
The role of the component name in Figma should be better explained in https://developers.figma.com/docs/code-connect/compose/

Please provide:

  • Code Connect CLI version 1.3.13
  • Operating system MacOS 26.2
  • Code Connect file
@file:Suppress("unused")

package com.mycomapny.designsystem

import androidx.compose.runtime.Composable
import com.figma.code.connect.FigmaConnect
import com.figma.code.connect.FigmaVariant
import com.navico.argonsdk.compose.slider.Slider

@FigmaConnect(url = "https://www.figma.com/design/4Lp9RNH2jS1KmFqwFNJlXZ/TestFile?node-id=1-35&t=gFRxObRkPosXZapP-4")
@FigmaVariant("Style", "Horizontal")
private class TestFigma {

    @Composable
    fun Slider1() {
        Slider.Horizontal(
            value = 1f,
            onValueChange = {},
        )
    }
}

@FigmaConnect(url = "https://www.figma.com/design/4Lp9RNH2jS1KmFqwFNJlXZ/TestFile?node-id=1-35&t=gFRxObRkPosXZapP-4")
@FigmaVariant("Style", "Vertical")
private class TestVerticalFigma {

    @Composable
    fun Slider2() {
        Slider.Horizontal(
            value = 1f,
            onValueChange = {},
        )
    }
}
Langage dominant
TypeScript
Étoiles
1.6k
Forks
126
Aucune PR mergée en 30 j

Préparer son environnement

Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de figma/code-connect

Toutes les issues de figma/code-connect

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.