<CCard style={{ width: '18rem' }}>
        <CCardBody>
          <CCardTitle>Card title</CCardTitle>
          <CCardSubtitle className="mb-2 text-medium-emphasis">Card subtitle</CCardSubtitle>
          <CCardText>
            Some quick example text to build on the card title and make up the bulk of the card's content.
          </CCardText>
          <CCardLink href="#">Card link</CCardLink>
          <CCardLink href="#">Another link</CCardLink>
        </CCardBody>
      </CCard>

      Javascript language logo
      your recipe card header background
      React Cards

      React Snippets

      The following code creates a CCard element with the following attributes:

      style="width: 18rem;"

      The style attribute sets the overall width of the card element. The value 18rem sets the card's width to be 18rem.

      The following code creates a Card title, Card subtitle, and Card text elements. The Card title element has the className="mb-2 text-medium-emphasis" attribute, which sets the text styling for the Card title element. The Card subtitle element has the className="mb-2 text-medium-emphasis" attribute, which sets the text styling for the Card subtitle element. The Card text element has the className="mb-2" attribute, which sets the text styling for the Card text element.

      The code also creates two Card link elements. The first Card link element has the href="#" attribute, which links to the Card title element. The second Card link element has the href="#" attribute, which links to the Card subtitle element.

      0 Comments

        Add Comment

        Log in to add a comment

        Codiga - All rights reserved 2022.