Create a button component #6

Closed
opened 2022-07-23 10:01:12 +00:00 by decamel · 1 comment
decamel commented 2022-07-23 10:01:12 +00:00 (Migrated from 85.143.176.51:3000)

Make a research of our UI desing.
Figure out possible button states, like hover, active, disabled, focus.
Figure out possible button stylings, like filled, outlined, text.
Figure out possible button color schemas.

Write comments!
Define string-literals for stylings and color schemas.
Create component!

Component must support:

  1. Leading icon
  2. Trailing icon
  3. Any children from outside (it is a prop)
  4. Different stylings controled with property.
  5. Default style.
  6. Different color schemas.

Follow https://www.w3schools.com/accessibility/index.php to make component accessible.

Make a research of our UI desing. Figure out possible button states, like `hover`, `active`, `disabled`, `focus`. Figure out possible button stylings, like `filled`, `outlined`, `text`. Figure out possible button color schemas. Write comments! Define string-literals for stylings and color schemas. Create component! Component **must** support: 1. Leading icon 2. Trailing icon 3. Any children from outside (it is a prop) 4. Different stylings controled with property. 5. Default style. 6. Different color schemas. Follow https://www.w3schools.com/accessibility/index.php to make component accessible.
maximus commented 2022-08-10 12:18:18 +00:00 (Migrated from 85.143.176.51:3000)
Closed http://85.143.176.51:3000/free-land/front-end/pulls/67
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Scipaper/Frontend#6
No description provided.