FavoriteButton

A button component for toggling a favorite state, typically used for products.

Anchor to propsProps

Anchor to filled filled boolean: Whether the product is currently favorited
Anchor to onClick onClick () => void: Click handler for toggling favorite state

Examples

tsx

import React from 'react'

import {FavoriteButton} from '@shopify/shop-minis-react'

export default function MyComponent() {

return (

</div>

)

}

Preview

Examples

tsx

import React from 'react'

import {FavoriteButton} from '@shopify/shop-minis-react'

export default function MyComponent() {
  return (
    <div className="flex items-center gap-4">
      <FavoriteButton />
      <FavoriteButton filled />
    </div>
  )
}

Was this page helpful?