Skip to content

New components/input #293

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sebherrerabe wants to merge 34 commits into
base: main
Choose a base branch
from
Open

New components/input #293

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
ab06d89
Create component
sebherrerabe Mar 18, 2023
ee097f0
Create story for storybook
sebherrerabe Mar 18, 2023
4de841c
Delete button example from storybook
sebherrerabe Mar 18, 2023
b2e12fc
Correct styling issues
sebherrerabe Mar 18, 2023
029316b
Add preview-head to import Poppins font
sebherrerabe Mar 19, 2023
42a8f19
add possibility to use an anchor
sebherrerabe Mar 19, 2023
b654f4e
Correct types
sebherrerabe Mar 19, 2023
4455e31
Change name
sebherrerabe Mar 19, 2023
97a47e5
add defaultvalues
sebherrerabe Mar 19, 2023
084c01f
Correct formatting
sebherrerabe Mar 19, 2023
47ec1f3
add as prop
sebherrerabe Mar 24, 2023
57e3b79
reduce number of font weights
sebherrerabe Mar 24, 2023
d4714eb
Install polished
sebherrerabe Mar 25, 2023
db9e9cd
Add styles to "active" and "focus" states
sebherrerabe Mar 25, 2023
794f9d4
install @storybook/test-runner
sebherrerabe Apr 2, 2023
45fd6a6
install @storybook/testing-library @storybook/jest @storybook/addon-i…
sebherrerabe Apr 2, 2023
0c118c6
Test click event for each story
sebherrerabe Apr 2, 2023
8982b25
install @storybook/addon-a11y for accesbility tests
sebherrerabe Apr 2, 2023
22c70cc
add @storybook/addon-a11y to StoryBook config
sebherrerabe Apr 2, 2023
0a74744
install @storybook/addon-coverage as dev dependency
sebherrerabe Apr 2, 2023
40bdfdb
Add @storybook/addon-coverage to storybook config
sebherrerabe Apr 2, 2023
9d51398
Add test assertions to story play function
sebherrerabe Apr 2, 2023
8bfb338
Replicate Input's figma into code
sebherrerabe Apr 8, 2023
e193c0a
Create new storybook story for the new component
sebherrerabe Apr 8, 2023
e1e0c95
Add error and isRequired props
sebherrerabe Apr 8, 2023
8ca4f8c
Add args controls and new variants
sebherrerabe Apr 8, 2023
e6bb62d
Improve styles of error container
sebherrerabe Apr 8, 2023
bfba115
Improve error display
sebherrerabe Apr 8, 2023
bad35c3
Add text area support
sebherrerabe Apr 11, 2023
dc5d883
Add isError to conditionally apply position relative to the div
sebherrerabe Apr 11, 2023
cc0b71e
Update button component
sebherrerabe Apr 11, 2023
ca88ef1
improve component's definition type
sebherrerabe Apr 11, 2023
0a4aa24
Add tests to each story
sebherrerabe Apr 11, 2023
1850634
Update button story
sebherrerabe Apr 11, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion .storybook/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,9 @@ module.exports = {
"addons": [
"@storybook/addon-links",
"@storybook/addon-essentials",
"@storybook/addon-interactions"
"@storybook/addon-interactions",
"@storybook/addon-a11y",
"@storybook/addon-coverage",
],
"framework": "@storybook/react",
"core": {
Expand Down
5 changes: 5 additions & 0 deletions .storybook/preview-head.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500&display=swap"
rel="stylesheet">
Loading