# Card

**Path:** Components/Layout

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

Card

 A card is a flexible and extensible content container. 
 It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

 Property

 Show code

 Account info

 Some info may be visible to other people using the services.
 Learn more 

 Name Name

 John Smith

 Birthday Birthday

 September 19, 1995

 Gender Gender

 Male

 With Input

 Show code

 Registration Form

 Please fill the form.

 Type Type

 Date Date

 This is single column property. You can click here for further information.

 Property Picker List Multi

 Show code

 Globalization

 Select available application languages.

 Available Languages Available Languages

 English, Turkish

 Stored Value Stored Value

 en, tr

 Boolean Property Picker

 Show code

 Boolean Property Picker

 Compare the default picker behavior with direct value toggling.

 Open picker on click Open picker on click

 No

 Toggle value on click Toggle value on click

 No

 Single Column

 Show code

 Set The Operation Type

 Please select the operation type what you want.

 This is single column property. You can click here for further information.

 Responsive Single Column

 Show code

 Resize the container horizontally. The card switches to a single-column property layout below 520px.

 Responsive account details

 The layout responds to the card width rather than the viewport width.

 Account owner Account owner

 Alexandra Johnson

 Email address Email address

 alexandra.johnson@example.com

 Preferred language Preferred language

 English

 Selection

 You can simulate the selection group.

 Show code

 Products

 Please select the product what you want to purchase.

 750 USD

 3 Months Sports Membership

 1.400 USD

 6 Months Sports Membership

 2.2500 USD

 1 Year Sports Membership (+1 Month)

 List

 Show code

 Reload 

 No Data To Display

 List Filter

 Show code

 Reload 

 No Data To Display

 RTL Support

 Show code

 معلومات الحساب

 يمكن أن تظهر بعض المعلومات للآخرين داخل الخدمات.
 اعرف المزيد 

 الاسم الاسم

 أحمد علي

 تاريخ الميلاد تاريخ الميلاد

 19 سبتمبر 1995

 المدينة المدينة

 إسطنبول

 ✕

 Contents