tiptap/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx
2025-01-06 09:35:00 +01:00

13 lines
399 B
JavaScript

import './MenuItem.scss'
import React from 'react'
import remixiconUrl from 'remixicon/fonts/remixicon.symbol.svg'
export default ({ icon, title, action, isActive = null }) => (
<button className={`menu-item${isActive && isActive() ? ' is-active' : ''}`} onClick={action} title={title}>
<svg className="remix">
<use xlinkHref={`${remixiconUrl}#ri-${icon}`} />
</svg>
</button>
)