---
title: "vuer.schemas.html_components"
section: "Python API"
order: 10
description: "Python API reference for vuer.schemas.html_components"
---

# vuer.schemas.html_components

## omit

```python
def omit(d, *patterns)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L14)

Omit keys from dictionary that match any of the glob patterns.

:param d: Dictionary to filter
:param patterns: Glob patterns to match keys against (e.g., "_*", "tag")
:return: New dictionary with matching keys removed

Example::

    omit({"foo": 1, "_bar": 2, "tag": 3}, "_*", "tag")
    # Returns: {"foo": 1}

## Element

```python
class Element
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L33)

Base class for all elements

```python
tag: str = 'div'
```

## Element.__init__

```python
def __init__(self, key=None, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L43)

## BlockElement

```python
class BlockElement(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L72)

## BlockElement.__init__

```python
def __init__(self, *children, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L73)

### Inherited members

- `tag` — from [`vuer.schemas.html_components.Element`](/python-api/schemas/html_components#element)

## AutoScroll

```python
class AutoScroll(BlockElement)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L88)

### Inherited members

- `__init__` — from [`vuer.schemas.html_components.BlockElement`](/python-api/schemas/html_components#blockelement)

```python
tag = 'AutoScroll'
```

## Markdown

```python
class Markdown(BlockElement)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L92)

### Inherited members

- `__init__` — from [`vuer.schemas.html_components.BlockElement`](/python-api/schemas/html_components#blockelement)

```python
tag = 'Markdown'
```

## Page

```python
class Page(BlockElement)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L96)

A Page is an element that contains other elements.
It is represented by a div element in the DOM.

### Inherited members

- `__init__` — from [`vuer.schemas.html_components.BlockElement`](/python-api/schemas/html_components#blockelement)

```python
tag = 'article'
```

## div

```python
class div(BlockElement)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L105)

### Inherited members

- `__init__` — from [`vuer.schemas.html_components.BlockElement`](/python-api/schemas/html_components#blockelement)

```python
tag = 'Div'
```

## InputBox

```python
class InputBox(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L109)

An InputBox is an element that allows the user to input text.
It is represented by an input element in the DOM.

## InputBox.__init__

```python
def __init__(self, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L117)

```python
tag = 'Input'
```

## Header1

```python
class Header1(BlockElement)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L121)

A Text element is an element that displays text.
It is represented by a text, or p element in the DOM.

## Header1.__init__

```python
def __init__(self, *children, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L129)

```python
tag = 'h1'
```

## Header2

```python
class Header2(Header1)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L137)

Header 2

### Inherited members

- `__init__` — from [`vuer.schemas.html_components.Header1`](/python-api/schemas/html_components#header1)

```python
tag = 'h2'
```

## Header3

```python
class Header3(Header1)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L143)

Header 2

### Inherited members

- `__init__` — from [`vuer.schemas.html_components.Header1`](/python-api/schemas/html_components#header1)

```python
tag = 'h3'
```

## Paragraph

```python
class Paragraph(BlockElement)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L149)

A Text element is an element that displays text.
It is represented by a text, or p element in the DOM.

## Paragraph.__init__

```python
def __init__(self, *children, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L157)

```python
tag = 'p'
```

## span

```python
class span(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L162)

A Text element is an element that displays text.
It is represented by a text, or p element in the DOM.

## span.__init__

```python
def __init__(self, *text, sep=' ', **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L170)

```python
tag = 'Span'
```

## Bold

```python
class Bold(span)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L175)

## Bold.__init__

```python
def __init__(self, text, style=None, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L176)

### Inherited members

- `tag` — from [`vuer.schemas.html_components.span`](/python-api/schemas/html_components#span)

## Italic

```python
class Italic(span)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L182)

## Italic.__init__

```python
def __init__(self, text, style=None, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L183)

### Inherited members

- `tag` — from [`vuer.schemas.html_components.span`](/python-api/schemas/html_components#span)

## Link

```python
class Link(span)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L189)

## Link.__init__

```python
def __init__(self, text, src, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L192)

```python
tag = 'a'
```

## Button

```python
class Button(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L196)

A Button element is an element that allows the user to click on it.
It is represented by a button element in the DOM.

## Button.__init__

```python
def __init__(self, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L204)

```python
tag = 'Button'
```

## Slider

```python
class Slider(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L208)

A Slider element is an element that allows the user to slide a value.
It is represented by a slider element in the DOM.

## Slider.__init__

```python
def __init__(self, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L216)

:param min: Minimum value of the slider
:param max: Maximum value of the slider
:param step: Step size of the slider
:param value: Initial value of the slider
:param kwargs:

```python
tag = 'Slider'
```

## Image

```python
class Image(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L227)

An Image element is an element that displays an image.
It is represented by an img element in the DOM.

## Image.__init__

```python
def __init__(self, data: Union[str, np.ndarray, pil_image.Image]=None, *, src: Union[str, bytes]=None, format: Literal['png', 'jpeg', 'b64png', 'b64jpeg']='png', quality: int=None, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L235)

```python
tag = 'Img'
```

## ImageUpload

```python
class ImageUpload(Element)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L284)

A ImageUpload element is an element that allows the user to upload a file.
It is represented by a file upload element in the DOM.

## ImageUpload.__init__

```python
def __init__(self, **kwargs)
```

[Source](https://github.com/vuer-ai/vuer-docs/blob/docs/v0.0.71/src/vuer/schemas/html_components.py#L292)

```python
tag = 'ImageUpload'
```