Card

intro the card component provides a content wrapper with the default card styling used by all widgets it can also be used to create custom blocks that maintain visual consistency with the widget system on its own, it acts as an empty container, allowing you to pass custom content via its slot set up styling the card component inherits the same styling as the widgets by default it uses the ip widget css variables, ensuring visual consistency across all components you can override this behavior in two ways globally, by updating the ip widget variables (affects both widgets and the card component) see theming info docid\ wwt6qejyzjvb5jnvzgmjc specifically for the card, by targeting the ip card element directly or by defining the ip card variables the ip card variables are optional and not set by default when not defined, they fall back to the corresponding ip widget values this allows you to customize the card component independently while maintaining shared defaults css variables fallback ip card border width ip widget border width ip card border color ip widget border color ip card border radius ip widget border radius ip card background color ip widget background color ip card text color ip widget text color usage example