Card

RhCard is a versatile component that can display different content types, making it suitable for various use cases such as product information or UI creation.

Usage

Once installed, you can import the RhCard component into your React application:

copy

import {RhCard} from "@rhythm-ui/react"

Then, you can use the RhCard component in your JSX code:

copy

<RhCard className="w-96 mx-auto">
  <RhCardBody className="text-justify">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
    vulputate risus at nulla varius euismod. Suspendisse vestibulum, enim vel
    ultricies finibus, ipsum urna venenatis nulla, at dignissim mi diam in sem.
    Fusce metus neque, faucibus et risus sit amet, luctus faucibus tortor. Sed
    scelerisque, neque vel efficitur iaculis, nunc felis mattis est, id aliquam
    sapien mauris auctor enim. Nulla scelerisque venenatis turpis, sit amet
    sollicitudin urna congue malesuada.
  </RhCardBody>
</RhCard>