docs: Update props section

Author: ktquez

README.md

@@ -59,7 +59,7 @@ export default {
     <b-button v-b-modal.modal-1>Launch demo modal</b-button>
 
     <b-modal id="modal-1" title="BootstrapVue">
-      <FocusLoop>
+      <FocusLoop :is-visible="isOpen">
         <b-form @submit="onSubmit" @reset="onReset" v-if="show">
           <b-form-group id="input-group-2" label="Your Name:" label-for="input-1">
             <b-form-input
@@ -89,43 +89,30 @@ export default {
 </template>
 ```
 
-## Disable loop
-
-You can disable the focus trap and activate it only when you really need it.
+## Make the focus-loop container visible and rendered
 
 prop       | type      | default
 ---------- | --------- | ------------
-disabled   | `Boolean` | `false`
-
-For example:
+isVisible  | `Boolean` | `false`
 
 ```html
-
-<FocusLoop disabled>
+<FocusLoop :is-visible="isOpen">
   <!-- your elements here -->
 </FocusLoop>
-
 ```
 
-## Focus in first element
-
-There are 2 ways in which `<FocusLoop>` sets the focus on the first element.
-
-Using `v-if`, for example `<FocusLoop v-if="isSidebarOpen">`, the first element is automatically focused when `mounted`.
+## Disable loop
 
-If you have `<FocusLoop>` mounted, but hidden using CSS, you can set the focus on the first element when visible.
+You can disable the focus trap and activate it only when you really need it.
 
-prop        | type      | default
------------ | --------- | ------------
-isVisible   | `Boolean` | `false`
+prop       | type      | default
+---------- | --------- | ------------
+disabled   | `Boolean` | `false`
 
 For example:
 
 ```html
-<FocusLoop
-  :is-visible="isSidebarOpen"
-  :disabled="!isSidebarOpen"
->
+<FocusLoop :is-visible="isOpen" disabled>
   <!-- your elements here -->
 </FocusLoop>
 ```
@@ -141,7 +128,7 @@ autoFocus   | `Boolean` | `true`
 For example:
 
 ```html
-<FocusLoop :auto-focus="false">
+<FocusLoop :is-visible="isOpen" :auto-focus="false">
   <!-- your elements here -->
 </FocusLoop>
 ```