user-avatar

Kyle J. Roux

jstacoder
Developer Program Member

a python/javascript/php/linux guru ready to take on the world...

CasePeer
orange, CA, USA
jstacoder@gmail.com
https://jstacoder.github.io

Organizations

Hi
Home

Jstacoders Profile
06 24 2019 dark mode hook2019 06 09 graphql and gatsby2019 06 13 graphql schema definition 101About linkAdd Blog
Blog
Clipboard iconReact Hooks TasklistVanilla Redux
Commit blockCommit block list
Components
Slider
Flex
DynamicFlex
General
Flex docs
GridGrid2Header linksHeader logoHomeIndex
Layouts
Base layoutColumn layout
My Profile
Projects
AlertContextualClose button
SidebarTable notes
blogs
Custom checkbox
select-dropbox-root-foldersodebrrr

Here is an alert component ive written.

Here are its props

Here is an example of using it.

Your Alert Message

Try changing the code in the example below. Here are some more examples.

My Message with no type and custom icon

Contextual

Warning

<Alert kind='warning'>  
  A warning alert  
</Alert>

Danger with custom icon

<Alert icon={props=>(<GitBranch {...props} size={25}/>)} kind='danger'>
    Danger will robinson with custom icon  
</Alert>

Error

<Alert kind='error'>
    An error alert  
</Alert>

Success

<Alert kind='success' dismissable>
    A successful alert  
</Alert>
Home