TextInput UI

[xmha97]

Hi, I want to create exactly this UI (TextInput app Win+H)

Please guide me.
MicrosoftWindows.Client.CBS
Windows Feature Experience Pack

[Jame9703]

you can write xaml like this:

    <Grid>
        <Grid
            x:Name="AppTitleBar"
            Height="28"
            VerticalAlignment="Top">
            <Grid.Background>
                <SolidColorBrush Opacity="0.1" Color="Gray" />
            </Grid.Background>
            <FontIcon
                FontSize="28"
                Foreground=" Gray"
                Glyph="&#xF8AB;" />
        </Grid>
        <StackPanel
            Margin="0,20,0,0"
            HorizontalAlignment="Center"
            Orientation="Horizontal">
            <Button Background="Transparent" BorderBrush="Transparent">
                <FontIcon Glyph="&#xE713;" />
            </Button>
            <Button
                Width="60"
                Height="60"
                CornerRadius="30">
                <FontIcon
                    FontSize="32"
                    Foreground="{ThemeResource SystemAccentColorDark1}"
                    Glyph="&#xE720;" />
            </Button>
            <Button Background="Transparent" BorderBrush="Transparent">
                <FontIcon Glyph="&#xE9CE;" />
            </Button>
        </StackPanel>
    </Grid>

you can write c# code like this:

        public MainWindow()
        {
            this.InitializeComponent();
            this.ExtendsContentIntoTitleBar = true;
            this.SetTitleBar(AppTitleBar);
            var compactPresenter = Microsoft.UI.Windowing.CompactOverlayPresenter.Create();
            AppWindow.SetPresenter(compactPresenter);
            AppWindow.Resize(new SizeInt32(200, 140));
        }

you can add Mica to your app:

    <Window.SystemBackdrop>
        <MicaBackdrop Kind="Base" />
    </Window.SystemBackdrop>

result(win11):

[xmha97]

@Jame9703 Thank you.

[snigdha011997]

Closing as this issue has been solved