Skip to main content

@remotion/design

View source

<Button />

Button with label

Disabled

Primary

Click to disable

Click to disable (primary)

Loading state

Loading state (primary)

Rounded

Full width

Full width rounded
Circular
Remove
Link button

Link button with <span>

External link button
Remove (small)

<Counter />


<Switch />


<Card />

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<Select />


<Tabs />

Content for Tab 1

<Input />



<Textarea />



<InlineCode />

Use useCurrentFrame() to get the current frame and useVideoConfig() to get the video configuration.


<Link />

See the Remotion documentation for more information.



Example form set


Change email

A email will be sent to the new email address. You will need to click on the link in the email to confirm the change.



Manage team members

Add a new team member to your team.