Card

A card is like a digital business card, presenting information in a neat and organized way. It's a versatile component that can display a variety of content, from simple text to images and buttons. With a card, you can easily showcase important information without overwhelming your users.

Examples

HTML
SCSS

<div class="card">
    123
</div>

@use "sass:list";
@use "sass:string";
@use "sass:meta";
@use "sass:map";

@use "~/src/styles/app.scss" as app;
@use "@nulllogic/scssleon/scss/mixins.scss" as mixins;
@use "@nulllogic/scssleon/scss/functions.scss" as functions;

$card: functions.get-theme(app.$theme, 'components.card');

@include mixins.generate-component(
    $card,
    "card",
    app.$config,
    app.$theme
);