### Install angular-split via npm

Source: https://angular-split.github.io/documentation/index

Installs the angular-split npm module. This is the first step to integrate the library into your Angular project.

```bash
npm install angular-split
```

--------------------------------

### Define Split Layouts in Angular Template

Source: https://angular-split.github.io/documentation/index

Shows how to define a horizontal split layout in an Angular template using the `as-split` and `as-split-area` components. It illustrates setting the overall container size and the relative sizes of the split areas.

```html
<div style="width: 500px; height: 500px; background: yellow;">
  <as-split direction="horizontal">
    <as-split-area [size]="40">
      <p>LEFT</p>
    </as-split-area>
    <as-split-area [size]="60">
      <p>RIGHT</p>
    </as-split-area>
  </as-split>
</div>
```

--------------------------------

### Add CSS Theme for Angular Split

Source: https://angular-split.github.io/documentation/index

Optional step to add CSS theme variables for angular-split to your global styles file (styles.css/scss). This allows for easier customization of the library's appearance.

```css
@use/@import 'angular-split/theme';
```

--------------------------------

### Add Angular Split to NgModule or Standalone Apps

Source: https://angular-split.github.io/documentation/index

Demonstrates how to import and configure Angular Split for both traditional NgModule-based Angular applications and modern standalone component applications. For NgModule apps, import AngularSplitModule. For standalone apps, import SplitComponent and SplitAreaComponent or AngularSplitModule.

```typescript
// For NgModule based apps:
import { AngularSplitModule } from 'angular-split';

@NgModule({
  imports: [
    AngularSplitModule,
    ...
  ],
  ...
})
export class AppModule {}


// For standalone apps
@Component({
  ...
  imports: [SplitComponent, SplitAreaComponent, ...] // Or use AngularSplitModule
})
```

--------------------------------

### Override Global Options for Angular Split

Source: https://angular-split.github.io/documentation/index

Demonstrates how to override global configuration options for angular-split using `provideAngularSplitOptions`. This method allows setting default options at the root injector level and partially overriding them at lower levels, such as route providers.

```typescript
provideAngularSplitOptions({...})
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.