Modal
Komponentit modaalisten dialogien toteutukseen. Modal pakottaa käyttäjän pysähtymään ja valitsemaan jonkin tarjotuista toiminnoista.
Komponentit modaalisten dialogien toteutukseen. Modal pakottaa käyttäjän pysähtymään ja valitsemaan jonkin tarjotuista toiminnoista.
Tyyppi: string
Oletusarvo: ""
Koko sovelluksen sisältävän elementin id-attribuutti, sumentaa taustan.
Tyyppi: "light" | "dark"
Oletusarvo: light
Modaalin ulkopuolelle jäävän alueen sumennuksen sävy.
Tyyppi: boolean
Oletusarvo: false
Keskittää dialogin pystysuunnassa
Tyyppi: ReactNode
Komponentin sisältö
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen
Tyyppi: string
Oletusarvo: Sulje
Aria-label sulje-painikkeelle.
Tyyppi: boolean
Oletusarvo: true
Sulkee dialogin, kun käyttäjä klikkaa Modalin ulkopuolelta. Tämän estäminen estää myös sulkemisen ESC-näppäimellä.
Tyyppi: RefObject<HTMLElement>
Reactin ref johon modal siirtää kohdistuksen. Jos tätä ei anneta kohdistus toimii oletustavalla.
Tyyppi: Element
Modaalin kuvake.
Tyyppi: string
Ikonille välitettävä aria-label
Tyyppi: boolean
Oletusarvo: false
Auki / kiinni -tila.
Tyyppi: boolean
Oletusarvo: true
Poistaa sisällön automaattisen lukemisen (ruudunlukijat)
Tyyppi: boolean
Näytetäänkö sulje-painike.
Tyyppi: "sm" | "md" | "lg" | "xl"
Oletusarvo: md
Dialogin leveys
Tyyppi: string
Komponentin juurielementille data-testid -attribuuttiin välitettävä arvo testausta varten
Tyyppi: (e: KeyboardEvent<Element> | MouseEvent<Element, MouseEvent>) => void
Funktio, joka muuttaa isOpen-tilan, kun käyttäjä klikkaa dialogin ulkopuolelta tai painaa ESC-näppäintä.
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.
Tyyppi: "primary" | "danger" | "success" | "light" | "dark"
Komponentin väri / tyyppi.
Ref-prop välitetään otsikon sisältävälle div-elementille.
Tyyppi: ElementType<any, keyof IntrinsicElements>
Oletusarvo: "div" as E
Renderöitävä HTML-elementti
Tyyppi: ReactNode
Komponentin sisältö
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen
Tyyppi: any
Komponentin ref, tyypittyy renderöitävän HTML-elementin mukaan
Tyyppi: string
Komponentin juurielementille data-testid -attribuuttiin välitettävä arvo testausta varten
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.
Ref-prop välitetään komponentin div-elementille.
Tyyppi: ReactNode
Komponentin sisältö
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen
Tyyppi: Ref<HTMLDivElement>
Komponentin ref, tyypittyy renderöitävän HTML-elementin mukaan
Tyyppi: string
Komponentin juurielementille data-testid -attribuuttiin välitettävä arvo testausta varten
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.
Ref-prop välitetään komponentin div-elementille.
Tyyppi: ReactNode
Komponentin sisältö
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen
Tyyppi: Ref<HTMLDivElement>
Komponentin ref, tyypittyy renderöitävän HTML-elementin mukaan
Tyyppi: string
Komponentin juurielementille data-testid -attribuuttiin välitettävä arvo testausta varten
Tyyppi: string
Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.