• Home
• org.mvnpm.at.patternfly
• patternfly
• 6.0.0
• source code
• Alert.md

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.docs.demos.Alert.examples.Alert.md Maven / Gradle / Ivy

---
id: Alert
section: components
---## Demos

### Toast

```html isFullscreen

  

    
      Skip to content
    
  
  

    

      
        
          
            
          
        
      
      

        
          
        
      
    
    

      

        

          

            

              

                

                  
                    
                      
                    
                  
                
                

                  
                    
                      
                    
                  
                
                

                  
                    
                      
                    
                  
                
              

              

                
                  
                    
                  
                
              
            
          
        
      
    
  
  

    

      
    
  
  

    

      

        

          
        
      
      

        

          

            
Main title
            
This is a full page demo.
          
        
      
      

        

          

            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
            

              
This is a card
            
          
        
      
    
  


  

    

      

        
      
      

        Success alert:
        Newest notification
      
      

        
          
            
          
        
      
      

        
This is a description of the notification content.
      
    
  
  

    

      

        
      
      

        Info alert:
        Second newest notification
      
      

        
          
            
          
        
      
      

        
This is a description of the notification content.
      
    
  
  

    

      

        
      
      

        Last notification
        Last notification
      
      

        
          
            
          
        
      
      

        
This is a description of the notification content.
      
    
  


```

### Inline Alert in Horizontal Form

```html isFullscreen

  

    
      Skip to content
    
  
  

    

      
        
          
            
          
        
      
      

        
          
        
      
    
    

      

        

          

            

              

                

                  
                    
                      
                    
                  
                
                

                  
                    
                      
                    
                  
                
                

                  
                    
                      
                    
                  
                
              

              

                
                  
                    
                  
                
              
            
          
        
      
    
  
  

    

      
    
  
  

    

      

        

          
        
      
      

        

          

            
Main title
            
This is a full page demo.
          
        
      
      

        

          

            

              

                

                  
                
                

                  Danger alert:
                  Fill out all required fields before continuing.
                
              
            
            

              

                  Name *
              
              

                
                  
                  
                    
                      
                    
                  
                
                

                  

                    

                      
                        
                      
                      Required field
                    
                  
                
              
            
            

              

                  Email *
              
              

                
                  
                
              
            
            

              

                  Phone number *
              
              

                
                  
                  
                    
                      
                    
                  
                
                

                  

                    

                      
                        
                      
                      Required field
                    
                  
                
              
            
            

              

                  Your experience *
              
              

                

                  

                    

                      
                        
                      
                      This is a required field
                    
                  
                
                

                  

                  Follow up via email.
                
                

                  

                  Remember my password for 30 days.
                
              
            
            

              

                

                  
                    Submit
                  
                  
                    Cancel
                  
                
              
            
          
        
      
    
  


```

### Inline Alert in Stacked Form

```html isFullscreen

  

    
      Skip to content
    
  
  

    

      
        
          
            
          
        
      
      

        
          
        
      
    
    

      

        

          

            

              

                

                  
                    
                      
                    
                  
                
                

                  
                    
                      
                    
                  
                
                

                  
                    
                      
                    
                  
                
              

              

                
                  
                    
                  
                
              
            
          
        
      
    
  
  

    

      
    
  
  

    

      

        

          
        
      
      

        

          

            
Main title
            
This is a full page demo.
          
        
      
      

        

          

            

              

                

                  
                
                

                  Danger alert:
                  Fill out all required fields before continuing.
                
              
            
            

              

                  Full name *
              
              

                
                  
                  
                    
                      
                    
                  
                
                

                  

                    

                      
                        
                      
                      Required field
                    
                  
                
              
            
            

              

                  Email *
              
              

                
                  
                
              
              

                

                  

                    
                      
                    
                    Enter a valid email address: [email protected]
                  
                
              
            
            

              

                  State of residence *
              
              
                
                  Select a state
                  CA
                  FL
                  MA
                  NY
                
                
                  
                    
                  
                  
                    
                  
                
              
              

                

                  

                    
                      
                    
                    Required field
                  
                
              
            
            

              

                  How can we contact you? *
                

                  

                    

                      
                        
                      
                      This is a required field
                    
                  
                
              
              

                

                  

                  Email
                
                

                  

                  Phone
                
                

                  

                  Mail
                
              
            
            

              

                

                  
                    Submit
                  
                  
                    Cancel
                  
                
              
            
          
        
      
    
  


```