Module Solidtype_heroui.Alert

HeroUI's Alert: a <div> that shows a message, with HeroUI's classes from Styles.Alert, its Indicator drawing its status's icon, and its Content's Title and Description. It is a default surface to what is inside it, as HeroUI's is.

  <Alert status=`success>
    <Alert.Indicator />
    <Alert.Content>
      <Alert.Title>"Saved"</Alert.Title>
      <Alert.Description>"Your changes are saved."</Alert.Description>
    </Alert.Content>
  </Alert>

It has no role, as HeroUI's has none: Kobalte's Alert is role="alert", which a reader announces as it appears; an alert that should be announced is given the role, role=`alert, as HeroUI's documentation says. A part is used inside an Alert: elsewhere it raises Invalid_argument as it is made.

type status = [
  1. | `default
  2. | `accent
  3. | `success
  4. | `warning
  5. | `danger
]
module Indicator : sig ... end

The status's icon -- HeroUI's info, success, warning or danger -- or the children it is given: a <div>.

module Content : sig ... end

The title and description: a <div>.

module Title : sig ... end

The message's title: a <p>.

module Description : sig ... end

The message: a <span>.

module Props : sig ... end