Description:

tailwind components

Flutter components based on Tailwind CSS.
Features #



Features
Status




TWColors Library
✔️


Input Field Widget
✔️


Validators Library
✔️


TaskCard Widget
✔️


RoundedButton Widget
✔️


GradientButton Widget
✔️


SpaceCol Widget
✔️


TWWrapper Widget
✔️


Modal Function
✔️


SpaceRow Widget
✔️



Usage #
Here are some examples how to use some of the components
Colors
TWColors.red_600;
TWColors.indigo_600;
TWColors.emerald_400;
copied to clipboard
InputField
Form(
key: _formKey,
child: InputField(
controller: _controller,
color: TWColors.indigo_600,
textCapitalization: TextCapitalization.none,
keyboardType: TextInputType.emailAddress,
validators: [Validators.isNotEmpty, Validators.isValidEmail],
autovalidateMode: AutovalidateMode.always,
label: 'Email *',
placeholder: 'Enter your email',
errorMessage: 'Custom error message',
enableErrorIcon: true,
),
),
copied to clipboard
SpaceCol
SpaceCol(
spaceBetween: 10,
children: [],
),
copied to clipboard
SpaceRow
SpaceRow(
spaceBetween: 10,
children: [],
),
copied to clipboard
AutoGrid
Automatically creates a grid with a specific amount of columns. All columns extent their height to the largest of the row.
AutoGrid(
amountCols: 4,
gap: 10,
children: [],
),
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter