Utility
Styling
A simple container component to hold arbitrary content. It can be used as a
visual separator or to call attention to pieces of information.
<script>
import { Card } from '@thetinkerinc/colibri';
import style from './style.js';
</script>
<Card {style}><div style="text-align: center">
Hello, I am content inside of a card.
<br />
You can put anything you want inside of me.
</div></Card>
Hello, I am content inside of a card.
You can put anything you want inside of me.
You can put anything you want inside of me.
Props
style:
Object Slots
default:
Events
This component doesn't emit any events
Styling
borderRadius:
Overrides:
--colibri-border-radius-lg
border:
Overrides:
--colibri-border
backgroundColor:
Overrides:
--colibri-element-background-color
//style.js
export default style = {};