Blazor Components

Some components for blazor written using tailwind css.

The controls are tightly coupled to tailwind but you could port to Bootstrap or whatever.

• Multi select drop down component
• Date picker component
• Colour picker
• Toggle button

Uses singleton state object as a Cascading Parameter that holds the state for colours. The colours can be changed real time using the colour control.

Controls with popups use a bool field to show/hide then creates a hidden div to deal with close on button click outside.

• Date picker component
• Clear date option on date picker
• Move components to a component project
• Select month
• Select year to month
• Select 10 year to year to yonth
• Make multiselect use hidden div same as date picker
• Add a from date - to date component
• Add toggle component
• Add colour selector
• Add theme State to make colours same across controls
• Add colour controls for all colours
• Add labels for controls
• Add text box control
• Add currency control
• Add mulitline text control
• Add selector around selected controls
• Add place for validation message as part of label control or control wrapper

Multiselect control

• ability to customise colours quickly
• Hides items after set number (in this case 3) and display Items Selected X message.

Date control

• ability to customise colours quickly
• Can change month year and ten years

Toggle control

Colour control

• Can select one of the tailwind colours (some removed as very similar but easy to add in)