Favorite
component
A button component for toggling a favorite state, typically used for products. You can view the Storybook for more interactive examples.
Was this section helpful?
FavoriteButton
import {useState} from 'react'
import {FavoriteButton} from '@shopify/shop-minis-react'
export default function MyComponent() {
const [isFavorited, setIsFavorited] = useState(true)
const handleClick = () => {
setIsFavorited(!isFavorited)
}
return <FavoriteButton filled={isFavorited} onClick={handleClick} />
}
examples
FavoriteButton
import {useState} from 'react' import {FavoriteButton} from '@shopify/shop-minis-react' export default function MyComponent() { const [isFavorited, setIsFavorited] = useState(true) const handleClick = () => { setIsFavorited(!isFavorited) } return <FavoriteButton filled={isFavorited} onClick={handleClick} /> }
Preview
