> For the complete documentation index, see [llms.txt](https://funcui.avaloniaui.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://funcui.avaloniaui.net/view-basics.md).

# View Basics

FuncUI comes with a DSL to describe views and their attributes. 

```fsharp
DockPanel.create [
    DockPanel.children [
        Button.create [
            Button.dock Dock.Bottom
            Button.onClick (fun _ -> state.Current - 1 |> state.Set)
            Button.content "-"
            Button.horizontalAlignment HorizontalAlignment.Stretch
        ]
        Button.create [
            Button.dock Dock.Bottom
            Button.onClick (fun _ -> state.Current + 1 |> state.Set)
            Button.content "+"
            Button.horizontalAlignment HorizontalAlignment.Stretch
        ]
        TextBlock.create [
            TextBlock.dock Dock.Top
            TextBlock.fontSize 48.0
            TextBlock.verticalAlignment VerticalAlignment.Center
            TextBlock.horizontalAlignment HorizontalAlignment.Center
            TextBlock.text (string state.Current)
        ]
    ]
]
```