Component name

RadioButton and RadioButtonGroup

Description

RadioButton should work inside EditForm or RadioButtonGroup. Inside RadioButtonGroup can contains only a list of RadioButtons or passed in parameter as a list of RadioButton model.

RadioButton

Parameters:

• Value
• Validatable
• Disabled
• ChildContent
• CssClass
• OnChangeCallback

RadioButtonGroup

Parameters:

• Value
• Validatable
• Disabled (will disable all child radio buttons)
• Direction
  • column (default)
  • row
• Items *(list of RadioButton model)
• CssClass
• OnChangeCallback

Component name

Checkbox

Description

Component should work inside EditForm and has three states: checked, unchecked and indeterminate.
Parameters:

• Value
• Validatable
• Disabled
• ReadOnly
• Indeterminate
• ChildContent
• CssClass
• OnChangeCallback

Component name

Navbar, NavItemGroup, NavItem, NavLogo

Description

Component which allow to create navigation on site.

Navbar

Can contains NavItemGroup, NavItem, NavLogo
Parameters:

• CssClass
• Fixed

NavItemGroup

Can contains NavItem
Parameters:

• CssClass
• Position
  • left
  • center
  • right

NavItem

Parameters:

• Active
• Disabled
• Url
• CssClass

NavLogo

Parameters:

• CssClass
• Url

Typography

Description

Classses for headers (h1-h6), paragraph, blockquote and utility classes (small, highlight, underline, strikethrough, bold and italicized, indent, align)

Dictionary name

Color dictionary

Description

Dictionary created as partial class containing all colors available in Gumiho with dark/light variants to be useable in other places.

Component name

TextBox

Description

Add new parameters:

• FullWidth
• ReadOnly
• Clearable
• CssClass
• OnChangeCallback

UI/UX Design

New css class for full width and new x icon to clear text box.

Component name

Card

Description

Component allows user to set content in 3 add any number of card content render fragments:

• header
• body
• footer

Each part contains separator between of them (if card content doesn't have a background).
Developer should be able to set an alignment of each part.

Card parameters:

• CssClass

Card content parameters:

• CssClass
• BackroundColor (#14)
• Remove margins
• Align content

UI/UX Design

Component name

Select

Description

Select with list of items and search to filter results. It should be also possible to use native select element on mobile devices.
Parameters:

• Value
• Validatable
• Disabled
• ShowSearch
• UseNativeOnMobile (false) (to be done later)
• Items (SelectList)
• MultiSelect
• CssClass
• OnSelectCallback

Methods:

• Select(optionValue) (just set desired value into model and select component will be updated)