Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
animate
autocomplete Add background color to menu items being hovered (#13732) Feb 13, 2019
base-control Update the alt text description (#14668) Mar 28, 2019
button-group Update ButtonGroup readme (#13064) Jan 14, 2019
button
checkbox-control
clipboard-button Fix: Components doc typo (#9540) Sep 1, 2018
color-indicator Add components examples in README.md files - Part 2 (#8338) Aug 8, 2018
color-palette
color-picker
dashicon Send props to Dashicon. (#14631) Mar 27, 2019
date-time
disabled Improve handling of transpiled packages in unit tests (#14432) Mar 14, 2019
draggable
drop-zone
dropdown-menu
dropdown Dropdown: add focusOnMount prop to pass onto Popover component (#12855) Jan 23, 2019
external-link
focal-point-picker Fix: FocalPointPicker renders unlabelled input fields (#14152) Feb 28, 2019
focusable-iframe Components: Update FocusableIframe component example (#9352) Aug 27, 2018
font-size-picker Match height of font range control with the size select. (#11555) Feb 19, 2019
form-file-upload Add documentation for FormFileUpload props (#14661) Mar 27, 2019
form-toggle
form-token-field
higher-order Adjust clashing shortcuts used for character input (#14681) Apr 12, 2019
icon-button Make IconButton able to be referenced. (#14163) Mar 1, 2019
icon ESLint Plugin: Add rule dependency-group (#13757) Feb 8, 2019
isolated-event-container
keyboard-shortcuts
menu-group Minor: Formatting fix in MenuGroup Readme (#14490) Mar 18, 2019
menu-item Fix react warning for instanceId prop on a DOM element (<Button> comp… Mar 25, 2019
menu-items-choice
modal Initial update to add design documentation (#14757) Apr 9, 2019
navigable-container ESLint Plugin: Restrict tolerances as fixable error (#13785) Feb 11, 2019
notice Adding design documentation to the Notice readme (#14514) Mar 29, 2019
panel Panel: Add design documentation to readme (#14504) Mar 19, 2019
placeholder Reduce the specificity of block styles to simplify editor styles slig… Apr 17, 2019
popover Format Library: Assign Popover anchorRect to update selection position ( Apr 12, 2019
positioned-at-selection Block Editor: Update Block Editor classNames to convention (#14420) Mar 14, 2019
primitives HorizontalRule component for cross-platform separator block (#14361) Apr 17, 2019
query-controls Fix: use checkValidity() to perform the validation in RangeControl (#… Mar 16, 2019
radio-control Update the alt text description (#14668) Mar 28, 2019
range-control Update the alt text description (#14668) Mar 28, 2019
resizable-box ResizableBox: Add visual handles for side resizers (#14543) Apr 12, 2019
responsive-wrapper ESLint Plugin: Restrict tolerances as fixable error (#13785) Feb 11, 2019
sandbox Require an initial click on embed previews for interactivity (#12981) Feb 11, 2019
scroll-lock Remove findDOMNode usage from the NavigableToolbar component (#11401) Nov 6, 2018
select-control Update the alt text description (#14668) Mar 28, 2019
server-side-render ESLint Plugin: Restrict tolerances as fixable error (#13785) Feb 11, 2019
shortcut Add shortcut aria label for unreadable shortcuts (#9582) Sep 13, 2018
slot-fill Upgrade Jest to version 24 (breaking changes) (#13922) Feb 24, 2019
spinner Align Spinner circles in RTL locales (#14418) Mar 14, 2019
tab-panel Components: Set type=button for TabPanel button elements. (#11944) Jan 30, 2019
text-control Update TextControl design documentation (#14710) Mar 29, 2019
textarea-control Update the alt text description (#14668) Mar 28, 2019
toggle-control
toolbar-button Format API (#10209) Oct 26, 2018
toolbar ESLint Plugin: Add rule dependency-group (#13757) Feb 8, 2019
tooltip
tree-select Add components examples in README.md files - Part 2 (#8338) Aug 8, 2018
README.md Docs: Update examples for components to look according to guidelines (#… Sep 7, 2018
index.js Format Library: Assign Popover anchorRect to update selection position ( Apr 12, 2019
index.native.js
style.scss Add an Animate component and menu appear animation for popovers & sta… Feb 7, 2019

README.md

Components

This directory includes a library of generic React components to be used for creating common UI elements shared between screens and features of the WordPress dashboard.

Usage

Within Gutenberg, these components can be accessed by importing from the components root directory:

/**
 * WordPress dependencies
 */
import { Button } from '@wordpress/components';

const MyButton = () => {
	return <Button>Click Me!</Button>;
}
You can’t perform that action at this time.