---
title: Overview
description: Widgets Overview.
---

import CodeSnippetMD from '@slint/common-files/src/components/CodeSnippetMD.astro';
import Link from '@slint/common-files/src/components/Link.astro';

```slint playground
import { Palette, HorizontalBox } from "std-widgets.slint";

export component MyCustomWidget {
    in property <string> text <=> label.text;

    Rectangle {
        background: Palette.control-background;

        HorizontalBox {
            label := Text {
                color: Palette.control-foreground;
            }
        }
    }
}
```


Slint provides a series of built-in widgets that can be imported from `"std-widgets.slint"`.

The widget appearance depends on the selected style.
See <Link type="StyleWidgets" label="Selecting a Widget Style"/> for details how to select the style and how to use the `Palette` and `StyleMetrics` properties. If no style is selected, `native` is the default. If `native` isn't available, `fluent` is the default.


All widgets support all <Link type="CommonProperties" label="properties common to builtin elements"/>.
