> ## Documentation Index
> Fetch the complete documentation index at: https://juo.dev/llms.txt
> Use this file to discover all available pages before exploring further.
# Card
> Surface container with border, radius, and nested level support.
```html theme={null}
```
Surface container with border, radius, and nested level support. Levels 1–3 map to progressively
insetter surface tokens. In a normal DOM tree the level is inferred automatically from nesting via
the descendant `.card.card` selectors. As an isolated web component each card lives in its own
shadow root, so those selectors can't match across the boundary — instead we infer the level on
mount by walking the (light-DOM) ancestor `<juo-card>` hosts. An explicit `level` prop always
wins. `padding` and `rounding` map to the `--padding-*` and `--radius-*` scales.
## Usage
```html theme={null}
Card
```
## Reference
### Parameters
Surface level. Omit to infer from DOM nesting; set explicitly for web-component nesting.
Inner padding, from the `--padding-*` scale.
Corner rounding, from the `--radius-*` scale. Defaults to the level's radius.
### Slots