---
layout: "docs_api"
version: "unstable"
versionHref: "/docs/unstable"
path: "api/directive/faContainerSurface/"
title: "fa-container-surface"
header_sub_title: "Directive in module famous.angular"
doc: "faContainerSurface"
docType: "directive"
---

<div class="improve-docs">
  <a href='https://github.com/Famous/famous-angular/edit/master/src/scripts/directives/fa-container-surface.js#L1'>
    Improve this doc
  </a>
</div>





<h1 class="api-title">

  fa-container-surface



</h1>





This directive will create a Famo.us ContainerSurface containing the
specified child elements. The provided `options` object
will pass directly through to the Famo.us ContainerSurface's
constructor.  See [https://famo.us/docs/surfaces/ContainerSurface]






  
<h2 id="usage">Usage</h2>
  
```html
<fa-container-surface fa-options="scopeOptionsObject">
  <!-- zero or more render nodes -->
</fa-container-surface>
```