Andres Galante andresgalante

Overview

Always add a modifier class to add color to the button.

Accessibility

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.

PR checklist (use if relevant to the PR)

Cross browser: works in IE9
Cross browser: works in IE10
Cross browser: works in IE11
Cross browser: works in Edge
Cross browser: works in Chrome
Cross browser: works in Firefox
Cross browser: works in Safari
Cross browser: works in Opera
Responsive: works in extra small, small, medium and large view ports.

Contributing to PatternFly

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.

	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';

	<!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;
	}