ExDrawer

<VBox class="sapUiMediumMargin" width="100%">

  <ux7:ExTitle text="Placement" level="h3" variant="section" />
  <FlexBox wrap="Wrap" class="sapUiSmallMarginBottom">
    <ux7:ExButton id="btnOpenRight" text="Sağdan Aç" icon="sap-icon://navigation-right-arrow" type="primary" press="onOpenDrawerRight" class="sapUiSmallMarginEnd" />
    <ux7:ExButton id="btnOpenLeft" text="Soldan Aç" icon="sap-icon://navigation-left-arrow" type="secondary" press="onOpenDrawerLeft" class="sapUiSmallMarginEnd" />
    <ux7:ExButton id="btnOpenBottom" text="Alttan Aç" icon="sap-icon://navigation-down-arrow" type="ghost" press="onOpenDrawerBottom" />
  </FlexBox>

  <ux7:ExDrawer id="drawerRight" title="Sağ Drawer" placement="right" size="380px" closeOnOverlay="true" showCloseButton="true">
    <ux7:ExTitle text="Kişisel Bilgiler" level="h3" variant="section" />
    <ux7:ExInput label="Ad" error="{view>/errors/ad}" placeholder="Adınız" id="inputAd" />
    <ux7:ExInput label="Soyad" placeholder="Soyadınız" />
    <ux7:ExSelect label="sdfdf" items="{view>/cities}">

    </ux7:ExSelect>
    <ux7:footer>
      <ux7:ExButton text="İptal" type="ghost" press="onDrawerClose" />
      <ux7:ExButton text="Kaydet" type="primary" press="onDrawerSave" />
    </ux7:footer>
  </ux7:ExDrawer>

  <ux7:ExDrawer id="drawerLeft" title="Sol Drawer" placement="left" size="320px" closeOnOverlay="true">
    <ux7:ExText text="Sol taraftan açılan drawer." />
    <ux7:ExCheckbox text="Seçenek 1" selected="true" />
    <ux7:ExCheckbox text="Seçenek 2" />
    <ux7:ExCheckbox text="Seçenek 3" />
  </ux7:ExDrawer>

  <ux7:ExDrawer id="drawerBottom" title="Alt Drawer" placement="bottom" size="260px" closeOnOverlay="true">
    <ux7:ExText text="Alttan açılan drawer. Mobil için kullanışlıdır." />
    <ux7:ExProgress value="65" state="success" showValue="true" />
  </ux7:ExDrawer>

  <ux7:ExTitle text="Mode: Push vs Overlay" level="h3" variant="section" />
  <FlexBox wrap="Wrap">
    <ux7:ExButton id="btnOpenPush" text="Push Mode" type="primary" press="onOpenDrawerPush" class="sapUiSmallMarginEnd" />
    <ux7:ExButton id="btnOpenOverlay" text="Overlay Mode" type="secondary" press="onOpenDrawerOverlay" />
  </FlexBox>

  <ux7:ExDrawer id="drawerPush" title="Push Mode Drawer" placement="right" size="300px" mode="push" closeOnOverlay="false">
    <ux7:ExText text="Bu drawer push modda çalışır, sayfa kayar." />
  </ux7:ExDrawer>
  <ux7:ExDrawer id="drawerOverlay" title="Overlay Mode Drawer" placement="right" size="300px" mode="overlay" closeOnOverlay="true">
    <ux7:ExText text="Bu drawer overlay modda çalışır, üzerine gelir." />
  </ux7:ExDrawer>

</VBox>