Box and Card

Box and Card (jds-card)

The Box and Card component can be used for something as simple as a rounded corner box, or more complex lists and forms. It includes optional modifiers for padding density and color themes.

We need to add class jds-card in the parent dome.

Code View


    This is a Box and Card
    Use it to provide information when no dynamic content exists.

We can make Card horizontal or vertical bu adding another CSS class card-horizontal or card-vertical also we need Flex Basis class flex-basis-1


    This is a Box and Card
    Use it to provide information when no dynamic content exists.


    This is a Box and Card
    Use it to provide information when no dynamic content exists.

Card basic Structer


    
        
    
    
        
            Box and Card title goes here
        

        
            Use it to provide information when no dynamic content exists.

Box and Card horizontal, Radius Defult

Use it to provide information when no dynamic content exists.

Box and Card horizontal Radius Medium

Use it to provide information when no dynamic content exists.

Box and Card horizontal Radius Larg

Use it to provide information when no dynamic content exists. Use it to provide information.

This is a Box and Card Vertical

Use it to provide information when no dynamic content exists. Use it to provide information when no dynamic exists.

This is a Box and Card Vertical

Use it to provide information when no dynamic content exists. Use provide info.

Box and Card

Use it to provide information when no dynamic content exists.

Box and Card

Use it to provide information.

Box and Card

Use it to provide information when no dynamic content exists.

Box and Card

Use it to provide information when no dynamic content exists.

Box and Card

Use it to provide information.

Box and Card

Use it to provide information when no dynamic content exists.

Box and Card

Use it to provide information when no dynamic content exists.

Learn more

Box and Card

Use it to provide information when no dynamic content exists.

Learn more

Box and Card

Use it to provide information when no dynamic content exists.

Learn more

Box and Card

Use it to provide information when no dynamic content exists.

Learn more