Ceci est une librairie de composants React que j'ai créé au fur des années.

Tous ou presque tous les composants sont créés avec TypeScript, ce qui permet leur utilisation avec JavaScript et TypeScript.

Utilisation

1. Importer le packet avec:

• npm install sua_react_components
• yarn add sua_react_components
• pnpm add sua_react_components

RECOMMANDATION: L'utilisation du paquet sua_react_hooks, en complement de celui ci, est recommande.

2. Les utiliser facilement dans votre code. Les exemples vous montrent comment.

Composants

• Modal

Modal

Table de propriétés

Utilisation

RECOMMANDATION: L'utilisation du custom hook useToggleState du paquet sua_react_hooks pour gérer l'état est recommandée.

// Exemple de custom hook
import { useState } from "react"

export default function useModal() {
    const [isOpen, setisOpen] = useState(false)
    const toggle = () => { setisOpen(!isOpen) }
    return { isOpen, toggle }
}

import { Modal } from 'sua_react_components'
import useToggleState from 'sua_react_hooks'

function App() { 
  const { state, toggle } = useToggleState()

  return (
    <div className='app'>
      <button onClick={toggle}>Open Modal 1</button>

      <Modal isOpen={state} toggle={toggle} title={'Example 1'}>
        <div className='contenidoModal'>
          <p>Modal Content</p>
        </div>
      </Modal>
    </div>
  )
}
export default App