Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Fluent] CommandBar Samples #226

Open
6 tasks
kazo0 opened this issue Apr 22, 2021 · 0 comments
Open
6 tasks

[Fluent] CommandBar Samples #226

kazo0 opened this issue Apr 22, 2021 · 0 comments
Labels
kind/enhancement New feature or request. triage/untriaged Indicates an issue requires triaging or verification.

Comments

@kazo0
Copy link
Contributor

kazo0 commented Apr 22, 2021

What would you like to be added:

Samples for the Fluent CommandBar

Uno guidance:
https://platform.uno/docs/articles/controls/CommandBar.html

Fluent guidance
https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.commandbar?view=winrt-19041

image

<CommandBar Background="Transparent" IsOpen="False" DefaultLabelPosition="Right">
    <AppBarButton Icon="Add" Label="Add"/>
    <AppBarButton Icon="Edit" Label="Edit"/>
    <AppBarButton Icon="Share" Label="Share"/>
    <CommandBar.SecondaryCommands>
        <AppBarButton Icon="Setting" Label="Settings">
            <AppBarButton.KeyboardAccelerators>
                    <KeyboardAccelerator Modifiers="Control" Key="I" />
            </AppBarButton.KeyboardAccelerators>
        </AppBarButton>
    </CommandBar.SecondaryCommands>
</CommandBar>

image

<CommandBar>
	<AppBarToggleButton Icon="Shuffle"
						Label="Shuffle" />
	<AppBarToggleButton Icon="RepeatAll"
						Label="Repeat" />
	<AppBarSeparator />
	<AppBarButton Icon="Back"
					Label="Back" />
	<AppBarButton Icon="Stop"
					Label="Stop" />
	<AppBarButton Icon="Play"
					Label="Play" />
	<AppBarButton Icon="Forward"
					Label="Forward" />

	<CommandBar.SecondaryCommands>
		<AppBarButton Icon="Like"
						Label="Like" />
		<AppBarButton Icon="Dislike"
						Label="Dislike" />
	</CommandBar.SecondaryCommands>
</CommandBar>

Why is this needed:

For which Platform:

  • iOS
  • Android
  • WebAssembly
  • WebAssembly renders for Xamarin.Forms
  • Windows
  • Build tasks

Anything else we need to know?

@kazo0 kazo0 added kind/enhancement New feature or request. triage/untriaged Indicates an issue requires triaging or verification. labels Apr 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind/enhancement New feature or request. triage/untriaged Indicates an issue requires triaging or verification.
Projects
None yet
Development

No branches or pull requests

1 participant