Menu Create New

ProNew

A New button that opens a grouped menu of what can be created, with icons, shortcuts written as text and a button name that states what it does.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Guide and examples

When to use it

Use this for the main create action of files, docs and project apps with more than two kinds of thing to create.

Do not use it when there is one thing to create (use a plain button) or when creation needs a dialog first.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

MenuCreateNew

Prop	Type	Default	Description
`onCreate`	`(kind: document \| spreadsheet \| folder \| document-template \| spreadsheet-template) => void`	-	Called with what was chosen.

Accessibility

The button is named "New: create a document, spreadsheet or folder", so the short visible label is not the whole story.
Items are in labelled groups (Create, From a template) and carry their shortcuts as text; icons are aria-hidden.
It opens from the start edge, so the menu never covers its button.

Keyboard

Key	Action
Enter, Space or ArrowDown	opens the menu
Arrow keys and typeahead	move
Enter	creates
Escape	closes

Testing

The pattern ships a Testing Library test (menu-create-new.test.tsx) that covers the button name, groups and shortcut text, creating, templates and keyboard choice.

Guide and examples

When to use it

Use this for the main create action of files, docs and project apps with more than two kinds of thing to create.

Do not use it when there is one thing to create (use a plain button) or when creation needs a dialog first.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

MenuCreateNew

Prop	Type	Default	Description
`onCreate`	`(kind: document \| spreadsheet \| folder \| document-template \| spreadsheet-template) => void`	-	Called with what was chosen.

Accessibility

The button is named "New: create a document, spreadsheet or folder", so the short visible label is not the whole story.
Items are in labelled groups (Create, From a template) and carry their shortcuts as text; icons are aria-hidden.
It opens from the start edge, so the menu never covers its button.

Keyboard

Key	Action
Enter, Space or ArrowDown	opens the menu
Arrow keys and typeahead	move
Enter	creates
Escape	closes

Testing

The pattern ships a Testing Library test (menu-create-new.test.tsx) that covers the button name, groups and shortcut text, creating, templates and keyboard choice.