Module Solidtype_heroui.Card

HeroUI's Card: a <div> and its parts, with HeroUI's classes from Styles.Card. A card but a transparent one is a surface, which it gives what is inside it by Surface.Context, as HeroUI's does.

  <Card class_="w-[400px]">
    <Card.Header>
      <Card.Title>"Become an Acme Creator!"</Card.Title>
      <Card.Description>"Sign up today."</Card.Description>
    </Card.Header>
    <Card.Footer>"Footer"</Card.Footer>
  </Card>

Kobalte has no card, and a card has no behaviour. A part's classes are the same in any card, so a part outside one has them too.

module Header : sig ... end

The title and description at a card's top: a <div>.

module Title : sig ... end

A card's title: an <h3>, given an id where the card is labelled by it.

module Description : sig ... end

The text under a card's title: a <p>.

module Content : sig ... end

A card's main content: a <div>.

The actions at a card's foot: a <div>.

module Props : sig ... end