{"data":{"identifier":"getting-started-patterns","script":"<script>\n    import {\n        Button,\n        Card,\n        Text,\n    } from \"@kahi-ui/framework\";\n</script>\n\n<Card.Container class=\"getting-started-patterns\">\n    <Card.Figure>\n        <img src={IMAGE_BACKGROUND} />\n    </Card.Figure>\n\n    <Card.Header>Lorem Ipsum</Card.Header>\n\n    <Card.Section>\n        <Text>\n            Lorem ipsum dolor sit amet, consectetur\n            adipiscing elit. Proin et consectetur orci.\n            Curabitur a egestas turpis, vitae convallis\n            sapien. Sed pellentesque rutrum tellus, in\n            iaculis dolor tincidunt non. Orci varius\n            natoque penatibus et magnis dis parturient\n            montes, nascetur ridiculus mus.\n        </Text>\n    </Card.Section>\n\n    <Card.Footer>\n        <Button palette=\"affirmative\">\n            Open Details\n        </Button>\n    </Card.Footer>\n</Card.Container>\n\n<style>\n    :global(.getting-started-patterns) {\n        max-width: 35ch;\n    }\n</style>","title":"Getting Started Patterns"}}