Skip to content

Commit f6a3910

Browse files
committed
Add images of 3rd party customization packages
1 parent c4aa28f commit f6a3910

10 files changed

+27
-7
lines changed

docs/img/drf-m-api-root.png

81.1 KB
Loading

docs/img/drf-m-detail-view.png

121 KB
Loading

docs/img/drf-m-list-view.png

123 KB
Loading

docs/img/drf-r-api-root.png

81.6 KB
Loading

docs/img/drf-r-detail-view.png

118 KB
Loading

docs/img/drf-r-list-view.png

127 KB
Loading

docs/img/drf-rw-api-root.png

76.4 KB
Loading

docs/img/drf-rw-detail-view.png

99 KB
Loading

docs/img/drf-rw-list-view.png

99.7 KB
Loading

docs/topics/browsable-api.md

+27-7
Original file line numberDiff line numberDiff line change
@@ -81,36 +81,46 @@ For more specific CSS tweaks than simply overriding the default bootstrap theme
8181

8282
### Third party packages for customization
8383

84-
You can use a third party package for customization, rather than doing it by yourself. Here is 2 packages for customizing the API:
84+
You can use a third party package for customization, rather than doing it by yourself. Here is 3 packages for customizing the API:
8585

8686
* [drf-restwind][drf-restwind] - a modern re-imagining of the Django REST Framework utilizes TailwindCSS and DaisyUI to provide flexible and customizable UI solutions with minimal coding effort.
8787
* [drf-redesign][drf-redesign] - A package for customizing the API using Bootstrap 5. Modern and sleek design, it comes with the support for dark mode.
8888
* [drf-material][drf-material] - Material design for Django REST Framework.
8989

9090
---
9191

92-
![API Root](https://github.com/user-attachments/assets/5197b47d-8bb6-426b-a62b-232cfc34198d)
92+
![API Root][drf-rw-api-root]
9393

94-
![List View](https://github.com/user-attachments/assets/7665d4c8-e57a-4337-93af-4bb974a4f2d4)
94+
![List View][drf-rw-list-view]
9595

96-
![Detail View](https://github.com/user-attachments/assets/76bddab0-8747-42ae-b79b-b3be7802a729)
96+
![Detail View][drf-rw-detail-view]
9797

9898
*Screenshots of the drf-restwind*
9999

100100
---
101101

102102
---
103103

104-
![Root](https://github.com/user-attachments/assets/7b85732d-c5eb-4c6a-a867-ba9b8d39890a)
104+
![API Root][drf-r-api-root]
105105

106-
![List](https://github.com/user-attachments/assets/3a6b451a-7575-416f-a67f-ff334e70e262)
106+
![List View][drf-r-list-view]
107107

108-
![Detail](https://github.com/user-attachments/assets/76e6c7f3-aa33-4534-882c-ad6619fd660b)
108+
![Detail View][drf-r-detail-view]
109109

110110
*Screenshot of the drf-redesign*
111111

112112
---
113113

114+
![API Root][drf-m-api-root]
115+
116+
![List View][drf-m-api-root]
117+
118+
![Detail View][drf-m-api-root]
119+
120+
*Screenshot of the drf-material*
121+
122+
---
123+
114124
### Blocks
115125

116126
All of the blocks available in the browsable API base template that can be used in your `api.html`.
@@ -208,5 +218,15 @@ There are [a variety of packages for autocomplete widgets][autocomplete-packages
208218
[bcomponentsnav]: https://getbootstrap.com/2.3.2/components.html#navbar
209219
[autocomplete-packages]: https://www.djangopackages.com/grids/g/auto-complete/
210220
[django-autocomplete-light]: https://github.com/yourlabs/django-autocomplete-light
221+
[drf-restwind]: https://github.com/youzarsiph/drf-restwind
222+
[drf-rw-api-root]: ../img/drf-rw-api-root.png
223+
[drf-rw-list-view]: ../img/drf-rw-list-view.png
224+
[drf-rw-detail-view]: ../img/drf-rw-detail-view.png
211225
[drf-redesign]: https://github.com/youzarsiph/drf-redesign
226+
[drf-r-api-root]: ../img/drf-r-api-root.png
227+
[drf-r-list-view]: ../img/drf-r-list-view.png
228+
[drf-r-detail-view]: ../img/drf-r-detail-view.png
212229
[drf-material]: https://github.com/youzarsiph/drf-material
230+
[drf-m-api-root]: ../img/drf-m-api-root.png
231+
[drf-m-list-view]: ../img/drf-m-list-view.png
232+
[drf-m-detail-view]: ../img/drf-m-detail-view.png

0 commit comments

Comments
 (0)