| import React from 'react'; | |
| import Documentation from '@siteComponents/Documentation'; | |
| import Example from '@siteComponents/Example'; | |
| import docs from '../docs/code.md'; | |
| import PagetestExample1Raw from '!raw!./page-test-example1.hbs'; | |
| import PagetestExample2Raw from '!raw!./page-test-example2.hbs'; | |
| import PagetestExample1 from './page-test-example1.hbs'; | |
| import PagetestExample2 from './page-test-example2.hbs'; | |
| import '../styles.scss'; |
Always add a modifier class to add color to the button.
| Attribute | Applied | Outcome |
|---|---|---|
disabled="disabled" |
.pf-c-button |
Indicates the disabled state of the element to assistive technologies |
aria-pressed="true or false" |
.pf-c-button |
If you are using a button as a toggle, you can still force the same active appearance with pf-is-active (and include the aria-pressed="") should you need to replicate the state programmatically. |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>Patternfly Dashboard</title> | |
| <!-- PatternFly Styles --> | |
| <link rel="stylesheet" href="css/mystyles.css"> |
| ~ | |
| → IMG=$(base64 /Users/andresgalante/Desktop/MVIMG_20180409_124021.jpg); http POST http://yolo-imagescorer.apps.summit-aws.sysdeseng.com/v2/yolo content-type:application/json accept:application/json image:=“\”${IMG}\“” | |
| usage: http [--json] [--form] [--pretty {all,colors,format,none}] | |
| [--style STYLE] [--print WHAT] [--headers] [--body] [--verbose] | |
| [--all] [--history-print WHAT] [--stream] [--output FILE] | |
| [--download] [--continue] | |
| [--session SESSION_NAME_OR_PATH | --session-read-only SESSION_NAME_OR_PATH] | |
| [--auth USER[:PASS]] [--auth-type {basic,digest}] | |
| [--proxy PROTOCOL:PROXY_URL] [--follow] | |
| [--max-redirects MAX_REDIRECTS] [--timeout SECONDS] |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>CSS</title> | |
| <link rel="stylesheet" href="node_modules/normalize.css/normalize.css"> | |
| <link rel="stylesheet" href="css/base.css"> | |
| </head> |
| " .vimrc | |
| " Setup | |
| " Leader as a comma | |
| let mapleader = "," | |
| " Use Vim features, not Vi | |
| set nocompatible | |
| set encoding=utf-8 |
| --- | |
| title: Buttons | |
| --- | |
| ## Overview | |
| If this is a bootstrap component: | |
| This is a Bootstrap component, [see complete documentation here](URL) | |
| Otherwise: |
| .is-💩::after { | |
| content:" is 💩"; | |
| color: SaddleBrown; | |
| } |
Hello, we are glad you're here! We need contributors to help PatternFly improve and grow. While code contributions are important, there are many ways that you can get involved and help out.
This page contains some tips and guidelines for contributing to PatternFly. These are just guidelines, not rules. Use your best judgment and feel free to propose changes to this document in a pull request.