Install the component dependency:
Include a React component in your project:
a > Avatar
The note is a flexible component that will fit the container it's given. A user generated list is a common container layout that one might encounter in the product.
Use a List to display a group of related Notes.
Title and avatar are useful to depict the author of a note.
Metadata is free-form strings or displayable elements like links. Each bit of metadata is separated by an interpunct.
The action bar contains the on-note affordances a user can take. These are usually icon buttons. The actions can be displayed always, on hover, or without without the title.
A note can also be used without the avatar and heading. The actions will be moved to the bottom next to the metadata.