Card
A common organizational layout component.
$ import { Card } from 'geist-ui-svelte'; Basic
A basic card
Hoverable
A hoverable card
Shadow
This card has a shadow.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus fugiat eum, quia aliquam ipsa numquam reprehenderit architecto illo nulla doloremque, dolore id tempore. Vitae iusto voluptate laborum voluptatibus dolores aliquid.
Colors
Cards can have multiple colors. They also set the `text-color` so that your text always
has a good contrast.
Transparent
Dark
Secondary
Success
Warning
Error
Abort
Rounded
Adjust the border radius with the `rounded` attribute.
sm
md
lg
xl
2xl
3xl
full
Last IPAddressInput
Next Fieldset