-
Notifications
You must be signed in to change notification settings - Fork 37
StyledButton Examples
Ariel-MN edited this page Feb 2, 2024
·
8 revisions
Explore a variety of buttons with diverse styles and types showcased on this page, utilizing the StyledComponents library.
Style Properties |
StyleDrawTypebtRect
|
StyleDrawTypebtRoundRect
|
StyleDrawTypebtRounded
|
---|---|---|---|
StyleClass=Windows StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Amakrits StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Coral StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Ruby_Graphite StyleAppearance=Normal
|
![]() |
![]() |
![]() |
Style Properties |
StyleDrawTypebtRect
|
StyleDrawTypebtRoundRect
|
StyleDrawTypebtRounded
|
---|---|---|---|
StyleClass=Primary StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Success StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Warning StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Danger StyleAppearance=Normal
|
![]() |
![]() |
![]() |
Style Properties |
StyleDrawTypebtRect
|
StyleDrawTypebtRoundRect
|
StyleDrawTypebtRounded
|
---|---|---|---|
StyleClass=Indigo StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=DeepPurple StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Amber StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Warn StyleAppearance=Normal
|
![]() |
![]() |
![]() |
Style Properties |
StyleDrawTypebtRect
|
StyleDrawTypebtRoundRect
|
StyleDrawTypebtRounded
|
---|---|---|---|
StyleClass=Blue-gray StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Purple StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Green StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Warn StyleAppearance=Normal
|
![]() |
![]() |
![]() |
Style Properties |
StyleDrawTypebtRect
|
StyleDrawTypebtRoundRect
|
StyleDrawTypebtRounded
|
---|---|---|---|
StyleClass=clGreen StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=clPink StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=clAcquamarine StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=clBrown StyleAppearance=Normal
|
![]() |
![]() |
![]() |
Style Properties |
StyleDrawTypebtRect
|
StyleDrawTypebtRoundRect
|
StyleDrawTypebtRounded
|
---|---|---|---|
StyleClass=Aqua StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Lightsalmon StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Yellow StyleAppearance=Normal
|
![]() |
![]() |
![]() |
StyleClass=Yellowgreen StyleAppearance=Normal
|
![]() |
![]() |
![]() |