gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(tools): add Alert component (#43835)

Browse Source 
* feat(alert): initialize component

* feat(alert): add children prop

* feat(alert): add className prop

* feat(alert): add variant prop

* feat(alert): add close button and handle onDismiss click

* feat(alert): place all alert related css in alert.css

* feat: define state color variables and use them instead of bootstrap ones

* chore: remove unused classes

* feat: replace base alert styles with tailwind classes

* feat: extract close button to separate component

* chore: remove unused css

* test: add close button tests

* refactor: use more tailwind-like approach for adding colors to theme

* refactor: use more expressive prop name for close button label

* refactor: use semantic color names

* feat: add stories with/without close button

* chore: add missing variants
This commit is contained in:
Maciek Sitkowski
2021-11-27 10:28:40 +01:00
committed by GitHub
parent 32dbf3d57c
commit 58701d511b
11 changed files with 324 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
tools/ui-components/src/index.ts
View File

@@ -1,2 +1,3 @@
// Use this file as the entry point for component export
export { Button } from './button';
export { Alert } from './alert';