1 possible answer(s) on “ButtonGroup appearance missing option ‘ghost’

  1. @artyorsh It feels inconsistent, as filled and outline options work, but not ghost. I wanted to create a rating buttongroup like this.

    <ButtonGroup  
        style={styles.reviewButtons}
        appearance="ghost"
        status="warning"
    >
    	{steps.map((v, i) => (
    		<Button
    			key={i}
    			icon={
    				ratingReview > i ? StarIconFill : StarIcon
    			}
    			onPress={() => setRatingReview(v)}
    		/>
    	))}
    </ButtonGroup>
    

    ended up doing what you suggested:

    <View style={styles.reviewButtons}>
    	{steps.map((v, i) => (
    		<Button
    			key={i}
    			appearance="ghost"
    			status="warning"
    			icon={
    				ratingReview > i ? StarIconFill : StarIcon
    			}
    			onPress={() => setRatingReview(v)}
    		/>
    	))}
    </View>
    

    I reported the issue because I thought it’s kind of inconsistent how filled and outlined works but ghost doesn’t. It’s up to you.

    Thanks.