Skip to content

CRUD Buttons

svadmin includes 10 action buttons that integrate with data hooks and routing.

ButtonDescriptionKey Action
CreateButtonNavigate to create formnavigate('/{resource}/create')
EditButtonNavigate to edit formnavigate('/{resource}/edit/{id}')
DeleteButtonDelete with confirmationuseDelete().mutate()
ShowButtonNavigate to detail viewnavigate('/{resource}/show/{id}')
ListButtonNavigate to listnavigate('/{resource}')
RefreshButtonInvalidate queriesqueryClient.invalidateQueries()
ExportButtonExport data as CSVuseExport()
ImportButtonImport from CSVuseImport()
SaveButtonSubmit formTriggers onFinish()
CloneButtonClone existing recordnavigate('/{resource}/create?clone={id}')
<script>
import { EditButton, DeleteButton } from '@svadmin/ui';
</script>
<EditButton resource="posts" id={record.id} />
<DeleteButton resource="posts" id={record.id} onSuccess={() => refetch()} />