Components Layout - saipat/Eton GitHub Wiki

Component Layout

Root
- App
  - Sidebar
    - Logo with username
    - New Note button
    - All Notes button
    - Notebooks dropdown
      - Default notebook - inbox
    - Tags button
  - Note Component
    - All Notes Bar (NotesListIndex)
      - Title
      - Counts on the left side and sort by, tags and three dots icons on the right side
      - NotesListItem
        
        Title
        
        Preview
        
        Time updated
    - Rich text editor
      - Notebook name on the left and save button and three dots icons on the right
      - Rich text controls
      - Title
      - Content area
    - Footer to add tag
  - NotebookIndex Component
    - NotebookIntexItem Component