crud.mdx

import {Layout} from '../../../src/Layout'; export default Layout;

import '../../../tailwind/tailwind.css';

import App from './plants/App'; import {ExampleApp} from '../../../src/ExampleApp'; import {ComponentList} from '../../../src/ComponentCard';

export const hideNav = true; export const section = 'Examples'; export const keywords = ['react-aria', 'example', 'table', 'search', 'filters', 'taggroup', 'actions', 'form', 'menu', 'popover', 'searchfield', 'dropzone', 'crud']; export const description = 'Table with search, filters, column resizing, and form validation.';

Filterable CRUD Table

A plant tracking app with CRUD operations, search, filters, table column resizing, form validation, and more.

Components

<ComponentList pages={props.pages} components={[ 'react-aria/Button.html', 'react-aria/Checkbox.html', 'react-aria/ComboBox.html', 'react-aria/DatePicker.html', 'react-aria/DropZone.html', 'react-aria/Form.html', 'react-aria/GridList.html', 'react-aria/Menu.html', 'react-aria/Modal.html', 'react-aria/Popover.html', 'react-aria/SearchField.html', 'react-aria/Select.html', 'react-aria/Table.html', 'react-aria/TagGroup.html', 'react-aria/TextField.html', 'react-aria/ToggleButton.html', 'react-aria/Tooltip.html' ]} />