glide-design-system/src/stories/modal/ModalTitle.js

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

import React, { useState } from 'react'
import { Button, Modal, ModalTitle as ModalTitleComponent } from '../../lib'

export const ModalTitle = () => {
  const [isOpen, setIsOpen] = useState(false)

  const handleModal = () => {
    setIsOpen(!isOpen)
  }
  return (
    <>
      <Button
        primary={true}
        size="medium"
        label="openModal"
        onClick={handleModal}
      >
        Open Modal
      </Button>
      <Modal open={isOpen} onClose={handleModal}>
        <ModalTitleComponent onclick={handleModal}>Title</ModalTitleComponent>
      </Modal>
    </>
  )
}