Add tabs components and Dash steps to dns-views

Author: RebeccaTamachiro

src/content/docs/dns/internal-dns/dns-views.mdx

@@ -6,7 +6,7 @@ sidebar:
   label: Views
 ---
 
-import { Details, Render } from "~/components";
+import { Details, Render, Tabs, TabItem } from "~/components";
 
 Internal DNS views are logical groupings of [internal DNS zones](/dns/internal-dns/internal-zones/). As explained in the [architecture overview](/dns/internal-dns/#architecture-overview), DNS views are referenced by [Gateway resolver policies](/cloudflare-one/policies/gateway/resolver-policies/) to define how a specific query should be resolved.
 
@@ -20,16 +20,41 @@ When setting up DNS views, observe the following conditions:
 
 ## Create a view
 
+<Tabs syncKey="dashPlusAPI"> <TabItem label="Dashboard">
+
+1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select an account.
+2. Go to **Internal DNS** > **Views**.
+3. Give your view a descriptive name, observing the [configuration conditions](#configuration-conditions).
+4. Add zones to your view by selecting **Manage zones added(TBD)**. Select the internal zones that should be used to resolve queries sent by Gateway resolver to this view and choose **Save** to confirm.
+
+</TabItem>
+<TabItem label="API">
+
 Use the [Create Internal DNS View](/api/resources/dns/subresources/settings/subresources/account/subresources/views/methods/create/) endpoint. For each view you create, list all the internal zones that should be grouped under that view.
 
-## Delete a view
+</TabItem> </Tabs>
 
-Use the [Delete Internal DNS View](/api/resources/dns/subresources/settings/subresources/account/subresources/views/methods/delete/) endpoint.
+## Delete a view
 
 DNS views can be deleted even if they still have internal zones linked to them. The internal DNS zones will continue to exist but will be unlinked once the view is deleted.
 
 It is also possible to delete a DNS view that is being referenced by a Gateway resolver policy. In this case, queries matching the policy will return SERVFAIL.
 
+<Tabs syncKey="dashPlusAPI"> <TabItem label="Dashboard">
+
+1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select an account.
+2. Go to **Internal DNS** > **Views**.
+3. Find the view you want to delete.
+4. Select the three dots in the corresponding row and choose *Delete*.
+5. In the confirmation dialog, select **Delete** again to proceed.
+
+</TabItem>
+<TabItem label="API">
+
+Use the [Delete Internal DNS View](/api/resources/dns/subresources/settings/subresources/account/subresources/views/methods/delete/) endpoint.
+
+</TabItem> </Tabs>
+
 ## Other actions
 
 - [Update a DNS view](/api/resources/dns/subresources/settings/subresources/account/subresources/views/methods/edit/) (`PATCH`)