My take on CRED's Synth Design System. I tried to recreate the components as close to the real thing as possible and will be adding more components down the line.
Add the plugin to your pubspec.yaml using :
flutter pub add synthImport the package and use the components, Its that simple !
SynthSoftbutton(
text: 'Your Text',
width: 100,
height: 50,
onPressed: ()
{
//write your function definition
},
)
SynthSoftbutton(
text: 'Your Text',
width: 100,
height: 50,
onPressed: ()
{
//write your function definition
},
)
SynthDrawablebutton(
text: 'Your Text',
width: 100,
height: 50,
onPressed: ()
{
//write your function definition
},
)
SynthFlatbutton(
text: 'Your Text',
width: 100,
height: 50,
onPressed: ()
{
//write your function definition
},
)
SynthFlatDrawablebutton(
text: 'Your Text',
width: 100,
height: 50,
onPressed: ()
{
//write your function definition
},
icon: Icon(
Icons.add,
color: primarySynthWhite100,
),
)
)
NeuImgbutton(
radius: 80,
onPressed: ()
{
//write your function definition
},
icon: Icon(
Icons.arrow_back_ios_new_rounded,
),
)
ElevatedView(
width: 300,
height: 100,
child: Center(
child: Text(
'synth',
style: TextStyle(
fontSize: 25,
fontFamily: 'Gilroy',
fontWeight: FontWeight.w900,
color: primarySynthCopper400,
),
),
),
)
SynthCircularcheckbox(
width: 30,
height: 30,
onPressed: ()
{
//write your function definition
},
)
SynthRoundedRectcheckbox(
width: 30,
height: 30,
onPressed: ()
{
//write your function definition here
},
)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent