diff --git a/vault/.obsidian/appearance.json b/vault/.obsidian/appearance.json index 59facbc..92f54f6 100644 --- a/vault/.obsidian/appearance.json +++ b/vault/.obsidian/appearance.json @@ -1,5 +1,5 @@ { "accentColor": "", "theme": "obsidian", - "baseFontSize": 13 + "baseFontSize": 16 } \ No newline at end of file diff --git a/vault/Comparison table.md b/vault/Comparison table.md index a6653cd..b4773c4 100644 --- a/vault/Comparison table.md +++ b/vault/Comparison table.md @@ -1,38 +1,60 @@ -# Comparison table +# Component tables -| Components | Apple | MUI | Yobta | -|--------------|-------------|-------------|-------------| -| Buttons  | [apple](https://developer.apple.com/design/human-interface-guidelines/buttons) | [MUI](https://m3.material.io/components/buttons/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-button--basic-usage) | -| Extended FAB  | | [MUI](https://m3.material.io/components/extended-fab/overview) | | -| Floating action buttons | | [MUI](https://m3.material.io/components/floating-action-button/overview) | | -| Icon buttons  | | [MUI](https://m3.material.io/components/icon-buttons/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-icons--all-icons) | -| Menus | [apple](https://developer.apple.com/design/human-interface-guidelines/menus) | [MUI](https://m3.material.io/components/menus/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-menu--basic-usage) | -| Context menus | [apple](https://developer.apple.com/design/human-interface-guidelines/context-menus) | | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-list--basic-usage) | -| Pop-up buttons  | [apple](https://developer.apple.com/design/human-interface-guidelines/pop-up-buttons) | | | -| Pull-down buttons  | [apple](https://developer.apple.com/design/human-interface-guidelines/pull-down-buttons) | | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-dropdown--dropdown-nested) | -| Segmented buttons  | | [MUI](https://m3.material.io/components/segmented-buttons/overview)  | | -| Radio buttons  | | [MUI](https://m3.material.io/components/radio-button/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-radio-button--basic-usage) -| Checkbox  | | [MUI](https://m3.material.io/components/checkbox/overview) [MUI](https://m3.material.io/components/chips/overview) | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-checkbox--basic-usage) | -| Switch  | [apple](https://developer.apple.com/design/human-interface-guidelines/toggles) | [MUI](https://m3.material.io/components/switch/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-switch--basic-usage) | -| Toggle  | | | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-toggle--toggling-dropdowns) | -| Combo boxes  | [apple](https://developer.apple.com/design/human-interface-guidelines/combo-boxes) |   | | -| Tooltip  | | [MUI](https://m3.material.io/components/tooltips/overview) | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-tooltip--basic-usage) | -| Text fields | [apple](https://developer.apple.com/design/human-interface-guidelines/text-fields) |   | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-textarea--text-area-usage) | -| Toolbars  | [apple](https://developer.apple.com/design/human-interface-guidelines/toolbars) | [MUI](https://m3.material.io/components/navigation-bar/overview)  | | -| Tap bars  | [apple](https://developer.apple.com/design/human-interface-guidelines/tab-bars) | [MUI](https://m3.material.io/components/navigation-rail/overview)  | | -| Sliders | [apple](https://developer.apple.com/design/human-interface-guidelines/sliders) | [MUI](https://m3.material.io/components/sliders/overview)  | | -| Placeholder  | | | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-placeholder--basic-usage) | -| Dock menus | [apple](https://developer.apple.com/design/human-interface-guidelines/dock-menus) | | | -| Pickers | [apple](https://developer.apple.com/design/human-interface-guidelines/pickers) | [MUI](https://m3.material.io/components/date-pickers/overview) [MUI](https://m3.material.io/components/time-pickers/overview)  | | -| Virtual keyboards | [apple](https://developer.apple.com/design/human-interface-guidelines/virtual-keyboards#Best-practices) |   | | -| The menu bar | [apple](https://developer.apple.com/design/human-interface-guidelines/the-menu-bar) | [MUI](https://m3.material.io/components/top-app-bar/overview)  | | -| Status bars | [apple](https://developer.apple.com/design/human-interface-guidelines/status-bars) | | | -| Progress indicators | [apple](https://developer.apple.com/design/human-interface-guidelines/progress-indicators) | [MUI](https://m3.material.io/components/progress-indicators/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-spinner--basic-usage) | -| Page controls | [apple](https://developer.apple.com/design/human-interface-guidelines/page-controls) | | | -| Bottom sheets | [apple](https://developer.apple.com/design/human-interface-guidelines/activity-views) | [MUI](https://m3.material.io/components/bottom-sheets/overview) [MUI](https://m3.material.io/components/side-sheets/overview) | | -| Edit menus  | [apple](https://developer.apple.com/design/human-interface-guidelines/edit-menus) |   | | -| Toast  | [apple](https://developer.apple.com/design/human-interface-guidelines/windows) | [MUI](https://m3.material.io/components/snackbar/overview)  | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-toast--basic-usage) | -| Sidebars  | [apple](https://developer.apple.com/design/human-interface-guidelines/sidebars) | [MUI](https://m3.material.io/components/navigation-drawer/overview)  | | -| Input  | | [MUI](https://m3.material.io/components/text-fields/overview) | [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-input--basic-usage) | -| Search  |[apple](https://developer.apple.com/design/human-interface-guidelines/search-fields) | [MUI](https://m3.material.io/components/search/overview) | | +# Buttons + |  Buttons |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Buttons    |      [apple](https://developer.apple.com/design/human-interface-guidelines/buttons)    |        [MUI](https://m3.material.io/components/buttons/overview)   |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-button--basic-usage)    | + |      Extended FAB    |        |        [MUI](https://m3.material.io/components/extended-fab/overview)  |         + |      Floating action buttons   |          |        [MUI](https://m3.material.io/components/floating-action-button/overview)  |        | + |      Pop-up buttons    |      [apple](https://developer.apple.com/design/human-interface-guidelines/pop-up-buttons)    |         |       | + |      Pull-down buttons    |      [apple](https://developer.apple.com/design/human-interface-guidelines/pull-down-buttons)    |         |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-dropdown--dropdown-nested)    | + |      Segmented buttons    |        |        [MUI](https://m3.material.io/components/segmented-buttons/overview)   |        | + |      Combo boxes    |      [apple](https://developer.apple.com/design/human-interface-guidelines/combo-boxes)    |       |      | + |      Toast    |      [apple](https://developer.apple.com/design/human-interface-guidelines/windows)    |        [MUI](https://m3.material.io/components/snackbar/overview)   |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-toast--basic-usage)    | +# Icons + |  Icons |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Icon buttons    |        |        [MUI](https://m3.material.io/components/icon-buttons/overview)   |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-icons--all-icons)    | +# Menus + |  Menus |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Menus   |      [apple](https://developer.apple.com/design/human-interface-guidelines/menus)    |        [MUI](https://m3.material.io/components/menus/overview)   |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-menu--basic-usage)    | + |      Context menus   |      [apple](https://developer.apple.com/design/human-interface-guidelines/context-menus)    |       |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-list--basic-usage)    | + |      Toolbars    |      [apple](https://developer.apple.com/design/human-interface-guidelines/toolbars)    |        [MUI](https://m3.material.io/components/navigation-bar/overview)   |      | + |      Tap bars    |      [apple](https://developer.apple.com/design/human-interface-guidelines/tab-bars)    |        [MUI](https://m3.material.io/components/navigation-rail/overview)   |      | + |      Dock menus   |      [apple](https://developer.apple.com/design/human-interface-guidelines/dock-menus)    |        |       | + |      Pickers   |      [apple](https://developer.apple.com/design/human-interface-guidelines/pickers)    |        [MUI](https://m3.material.io/components/date-pickers/overview) [MUI](https://m3.material.io/components/time-pickers/overview)   |        | + |      The menu bar   |      [apple](https://developer.apple.com/design/human-interface-guidelines/the-menu-bar)    |        [MUI](https://m3.material.io/components/top-app-bar/overview)   |        | + |      Status bars   |      [apple](https://developer.apple.com/design/human-interface-guidelines/status-bars)    |        |        | + |      Bottom sheets   |      [apple](https://developer.apple.com/design/human-interface-guidelines/activity-views)    |        [MUI](https://m3.material.io/components/bottom-sheets/overview) [MUI](https://m3.material.io/components/side-sheets/overview)  |        | + |      Edit menus    |      [apple](https://developer.apple.com/design/human-interface-guidelines/edit-menus)    |        |       | + |      Sidebars    |      [apple](https://developer.apple.com/design/human-interface-guidelines/sidebars)    |        [MUI](https://m3.material.io/components/navigation-drawer/overview)   |      | +# Selectors + |  Selectors |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Radio buttons    |       |        [MUI](https://m3.material.io/components/radio-button/overview)   |        [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-radio-button--basic-usage) + |      Checkbox    |          |        [MUI](https://m3.material.io/components/checkbox/overview) [MUI](https://m3.material.io/components/chips/overview) |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-checkbox--basic-usage)    | + |      Switch    |      [apple](https://developer.apple.com/design/human-interface-guidelines/toggles)    |        [MUI](https://m3.material.io/components/switch/overview)   |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-switch--basic-usage)    | + |      Toggle    |       |        |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-toggle--toggling-dropdowns)    | +# Tooltip + |  Tooltip |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Tooltip    |        |       [MUI](https://m3.material.io/components/tooltips/overview)  |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-tooltip--basic-usage)    | +# Sliders + |  Sliders |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Sliders   |      [apple](https://developer.apple.com/design/human-interface-guidelines/sliders)    |        [MUI](https://m3.material.io/components/sliders/overview)   |        | +# Indicators + |  Indicators |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Placeholder    |        |        |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-placeholder--basic-usage)    | + |      Progress indicators   |      [apple](https://developer.apple.com/design/human-interface-guidelines/progress-indicators)    |        [MUI](https://m3.material.io/components/progress-indicators/overview)   |   [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-spinner--basic-usage)    | + |      Page controls   |      [apple](https://developer.apple.com/design/human-interface-guidelines/page-controls)    |        |      | +# Inputs + |  Inputs |      Apple     |         MUI       |     Yobta       | + |--------------|-------------|-------------|-------------| + |      Text fields   |      [apple](https://developer.apple.com/design/human-interface-guidelines/text-fields)    |       |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-textarea--text-area-usage)    | + |      Virtual keyboards  |      [apple](https://developer.apple.com/design/human-interface-guidelines/virtual-keyboards#Best-practices)    |        |        | + |      Input    |        |          [MUI](https://m3.material.io/components/text-fields/overview)  |     [Yobta](https://yobta.github.io/ui/?path=/docs/mdx-input--basic-usage)    | + |      Search          | [apple](https://developer.apple.com/design/human-interface-guidelines/search-fields)    |          [MUI](https://m3.material.io/components/search/overview)  |        |