package.docs.components.Hint.examples.Hint.md Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation

Assets, source, tooling, and content for PatternFly 4

The newest version!

---
id: 'Hint'
section: components
cssPrefix: pf-v6-c-hint
---## Examples

### Hint with title

```html

  
    
  
  Do more with Find it Fix it capabilities
  Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.






  
    
  
  Do more with Find it Fix it capabilities
  Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.
  
    
  


```

### Default with no title

```html

  
    Welcome to the new documentation experience.
    Learn more about the improved features.
  






  
    
  
  Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.
  
    
  


```

### Actions with no offset

```html

  
    
  
  Do more with Find it Fix it capabilities
  Upgrade to Red Hat Smart Management to remediate all your systems across regions and geographies.


```

## Documentation

### Usage

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-c-hint` | `` | Initiates the hint component. **Required** |
| `.pf-v6-c-hint__title` | `` | Initiates the hint title element. |
| `.pf-v6-c-hint__body` | `` | Initiates the hint body element. |
| `.pf-v6-c-hint__footer` | `` | Initiates the hint footer element. |
| `.pf-v6-c-hint__actions` | `` | Initiates the hint actions element. |
| `.pf-m-no-offset` | `.pf-v6-c-hint__actions` | Removes the negative vertical margins on the actions element intended to align the action content with the hint title. |