Table of Content

UI components

Design system components come in two forms — in Figma and in code. For developers, components are standards-based web components that can be used in any web codebase. For designers, components are ready-made building blocks that make it easier to create high-fidelity, consistent screens. For cross-functional teams, design system components smooth collaboration and remove ambiguities. Get started with development. Get started with Figma.

Component library

Component Figma @riverty/web-components
Accordion ready
Alert new
Badge ready
Button ready
Checkbox ready
Dialog preview
Fieldset
Icon ready
Input ready
List item new
Pagination ready
Progress Bar ready
Progress Steps ready
Radio button ready
Select ready
Tabs ready
Textarea ready
Toast preview
Tooltip ready

Try out and feed back

We especially invite teams to try out the @riverty/web-components package. Please report bugs and suggest improvements, it's super helpful. Join the Riverty Design System Group in MS Teams.