Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Raamakrishnan/UWP-Styles-Library

Just a collection of some cool styles that you can just add on to your next UWP project!
https://github.com/Raamakrishnan/UWP-Styles-Library

style uwp xaml

Last synced: 3 months ago
JSON representation

Just a collection of some cool styles that you can just add on to your next UWP project!

Awesome Lists containing this project

README

        

# UWP Styles Library
Just a collection of some cool styles that you can just add on to your next UWP project!

## The Collection
* [App Bar Styles](/AppBar)
* [App Bar Button Secondary Icon Style](./AppBar/AppBarButtonSecondaryIconStyle)
* [App Bar Toggle Button Underline Style](./AppBar/AppBarToggleButtonUnderlineStyle)
* [Button Styles](/Button)
* [Button Circle Style](./Button/ButtonCircleStyle)
* [Button Rounded Style](./Button/ButtonRoundedStyle)
* [Content Dialog Styles](/ContentDialog)
* [Content Dialog With Close Button Style](./ContentDialog/ContentDialogWithCloseButtonStyle)
* [Pivot Styles](/Pivot)
* [Pivot Bottom Header Style](./Pivot/PivotBottomHeaderStyle)
* [Pivot Header Item Accent Underline Style](./Pivot/PivotHeaderItemAccentUnderlineStyle)
* [Pivot Tabbed Style](./Pivot/PivotTabbedStyle)
* [Toggle Button Styles](/ToggleButton)
* [Toggle Button Twitter Style](/ToggleButton/ToggleButtonTwitterStyle)
* [Progress Ring Styles](/ProgressRing)

## Usage
The XAML Resource dictionary containing the style will be given here. Add it to your project the usual way!

Just for reference:
https://docs.microsoft.com/en-us/windows/uwp/controls-and-patterns/resourcedictionary-and-xaml-resource-references#merged-resource-dictionaries

## Conventions
### Naming
> ` Style `

`ControlName` - Name of the control for which this style can be applied
`StyleName` - A descriptive name of the style
`Index` - An index is used to number similar named styles

`StyleName` and `Index` are optional. Generally, any one of them should be mentioned

Ex. `ProgressRingStyle1`:

`ProgressRing` - ControlName, `1` - Index

### Organization
* Styles for each Controls are to be kept in separate folders
* If a control can only be used as part of another control, its folder must be placed inside its parent control's folder

Ex. `./Pivot/PivotHeader/`

`Pivot` folder contains styles for Pivot Control. Because PivotHeader can only be used inside a Pivot, `PivotHeader` folder is kept inside `Pivot` folder.

## License
You can do whatever you want :D

I will be very happy to know that I was of help to you. So, please tell let me know if you ever use this :)