close
menu
home
BESPA
arrow_forward
menu_open
home
Home
arrow_forward
rocket_launch
Get started
arrow_forward
play_arrow
Showcase
arrow_forward
school
Basics
arrow_forward
build
Build
arrow_forward
extension
Extend
arrow_forward
download
Git it
arrow_forward
phone
Find us
arrow_forward
person
!
Profile
!
arrow_forward
arrow_back
Main menu
arrow_forward
play_arrow
Overview
arrow_forward
text_format
Text formatting
arrow_forward
construction
Toolbar
arrow_forward
collections
Gallery
arrow_forward
dashboard
Deck of cards
arrow_forward
tab
Tab switcher
arrow_forward
explore
Navigation
arrow_forward
pending
Progress
arrow_forward
edit
Form input
arrow_forward
checklist
Form validation
arrow_forward
table_view
Data table
arrow_forward
edit_note
CRUD
arrow_forward
code_blocks
Code blocks
arrow_forward
bar_chart
Charts
arrow_forward
account_tree
Mermaid
arrow_forward
arrow_back
Main menu
arrow_forward
school
Overview
arrow_forward
dataset
Declarative views
arrow_forward
link
Action-URL pattern
arrow_forward
autorenew
Incremental updates
arrow_forward
dashboard_customize
Embedded pages
arrow_forward
view_quilt
Nesting pages
arrow_forward
space_dashboard
Targeting frames
arrow_forward
summarize
Cheat sheet
arrow_forward
arrow_back
Main menu
arrow_forward
build
Overview
arrow_forward
schema
Handlers & routing
arrow_forward
hub
State patterns
arrow_forward
autorenew
When to redraw
arrow_forward
edit
Forms & validation
arrow_forward
table_view
Data tables
arrow_forward
web_asset
Modals & side panels
arrow_forward
alt_route
Navigation patterns
arrow_forward
error
Errors
arrow_forward
lock
Sessions & auth
arrow_forward
bolt
Live data
arrow_forward
palette
Theming
arrow_forward
rocket_launch
Deployment
arrow_forward
arrow_back
Main menu
arrow_forward
extension
Overview
arrow_forward
widgets
Widget anatomy
arrow_forward
autorenew
State-aware widgets
arrow_forward
dashboard
Composing
arrow_forward
style
Assets & CSS
arrow_forward
palette
Material theming
arrow_forward
edit
Custom form inputs
arrow_forward
inventory_2
Packaging
arrow_forward
play_arrow
Overview
arrow_forward
text_format
Text formatting
arrow_forward
construction
Toolbar
arrow_forward
collections
Gallery
arrow_forward
dashboard
Deck of cards
arrow_forward
tab
Tab switcher
arrow_forward
explore
Navigation
arrow_forward
pending
Progress
arrow_forward
edit
Form input
arrow_forward
checklist
Form validation
arrow_forward
table_view
Data table
arrow_forward
edit_note
CRUD
arrow_forward
code_blocks
Code blocks
arrow_forward
bar_chart
Charts
arrow_forward
account_tree
Mermaid
arrow_forward
school
Overview
arrow_forward
dataset
Declarative views
arrow_forward
link
Action-URL pattern
arrow_forward
autorenew
Incremental updates
arrow_forward
dashboard_customize
Embedded pages
arrow_forward
view_quilt
Nesting pages
arrow_forward
space_dashboard
Targeting frames
arrow_forward
summarize
Cheat sheet
arrow_forward
build
Overview
arrow_forward
schema
Handlers & routing
arrow_forward
hub
State patterns
arrow_forward
autorenew
When to redraw
arrow_forward
edit
Forms & validation
arrow_forward
table_view
Data tables
arrow_forward
web_asset
Modals & side panels
arrow_forward
alt_route
Navigation patterns
arrow_forward
error
Errors
arrow_forward
lock
Sessions & auth
arrow_forward
bolt
Live data
arrow_forward
palette
Theming
arrow_forward
rocket_launch
Deployment
arrow_forward
extension
Overview
arrow_forward
widgets
Widget anatomy
arrow_forward
autorenew
State-aware widgets
arrow_forward
dashboard
Composing
arrow_forward
style
Assets & CSS
arrow_forward
palette
Material theming
arrow_forward
edit
Custom form inputs
arrow_forward
inventory_2
Packaging
arrow_forward
home
Home
arrow_forward
rocket_launch
Get started
arrow_forward
play_arrow
Showcase
arrow_forward
school
Basics
arrow_forward
build
Build
arrow_forward
extension
Extend
arrow_forward
download
Git it
arrow_forward
phone
Find us
arrow_forward
person
!
Profile
!
arrow_forward
{"delete":""}
Directory
CRUD is a common pattern in most applications. The table shows the current data. The plus button allows adding new data. The kebab menu on each row includes the options to edit or delete existing data.
add
First name
Last name
arrow_upward
First
and
last
arrow_upward
name
Age
email
State
Michael
Brown
Michael Brown
21
michael.brown@example.com
AZ
more_horiz
Edit
Delete
Donald
Perez
Donald Perez
63
donald.perez@example.com
IN
more_horiz
Edit
Delete
John
Wilson
John Wilson
39
john.wilson@example.com
CA
more_horiz
Edit
Delete