0.0.14 • Published 1 year ago
c5-ts-ui v0.0.14
c5-ts-ui
These are the components that we currently support
- Button
- Calendar
- CirclularProgressBar
- CodeDisplay
- MultiSelect
- OutlineButton
- Password Strength Meter
- RippleButton
- SelectField
- TextField
- ToggleSwitch
- Tooltip
components
Button
RippleButton
name | optional | datatype | description |
---|---|---|---|
text | [] | string | the test to appear on the button |
onClick | ✅ | MouseEvent | the callback for the button click event |
color | ✅ | string | the color scheme for the button |
textColor | ✅ | string | the color of the text |
hoverColor | ✅ | string | the hover color |
style | ✅ | CSSProperties | any additional css styles |
type | ✅ | 'green', 'purple', 'danger', 'success', 'info' | the style of the button |
OutlineButton
TextField
SelectField
CodeDisplay
all booleans default to true
ToggleSwitch
CircularProgressBar
Tooltip
MultiSelect
Password Strength Meter
name | optional | datatype | description |
---|---|---|---|
userid | number | userid to associate with the password | |
confirmPasswordChange | function | function to use when submitting the new password. returns new password |
Calendar
This calendar is capable of handling events in the props now
export interface CalendarEvent {
id: number;
date: Date;
title: string;
description: string;
start?: string;
end?: string;
}