Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library

Forms & actions

Controls and editing patterns for clear, accessible product workflows.

7 blocks
Scope: Forms & actions

7 blocks found

Forms & actionsAdapted

Inline select

Edit in place. A searchable pill or field with colored options, clear action and keyboard support.

Inline editSearchPopover
View block
Forms & actionsAdapted

Button variants

One action, one clear shape. Primary, secondary, outline, ghost, link and destructive, in every size, with a leading-icon pattern for creation actions.

VariantsSizesIcon button
View block
Forms & actionsAdapted

Save & sync buttons

Saving or syncing, said in the button. A fill sweeps across it instead of a separate spinner: determinate Save, indeterminate Sync, and a multi-stage Publish.

ProgressSavingSync
View block
Forms & actionsAdapted

Rich text editor

Write it, format it. A shadcn.io-style toolbar — lists, block types, inline marks, undo and @-mention — over a real editable area.

contentEditableToolbarFormatting
View block
Forms & actionsPackage

Inline select

The shared Tukiverse inline field. Searchable popover with colored options in ghost-cell or bordered-field variants.

Inline editSearchPopover
View block
Forms & actionsPackage

Rich editor

The shared Tukiverse editor. Toolbar, lists, marks and @-mentions over a real editable area — no heavy framework.

contentEditableToolbarSanitized
View block
Forms & actionsPackage

Segmented

An accessible segmented control with roving keyboard selection, disabled options and tab semantics.

KeyboardTablistViews
View block
Built with intention. Shared with the team.GauchoCode UI Gallery ✳