<commit_before>`b-splitter` is a split bar that can be used for resizing a sibling element, which is defined by the value of the `direction` attribute. It is to be used with a flexible layout, such as one provided by `b-linear-layout` for instance.

## Demo
<div class="element-demo" id="demo"></div>

## Usage

``` html
<b-linear-layout>
    <div style="min-width: 100px;">Left (min: 100px)</div>
    <b-splitter direction="left"></b-splitter>
    <div expand>Right</div>
</b-linear-layout>
```

In the above sample, the splitter will resize the left element. Since the right element is set to `expand`, it will be automatically resized when the left one is resized. If you specify a `min-width` for the element to be resized, this minimum width will be enforced by the splitter.

When resizing, some element's contents may overflow outside of the element, so you may need to set this element to `overflow: hidden` or `overflow: scroll` depending on your preferences.

## API

### Attributes
- __direction__: specifies the sibling to resize. Possible values: `left`, `right`, `up`, `down` (default: `left`).

<commit_msg>Enhanced b-splitter doc<commit_after>`b-splitter` is a split bar that can be used for resizing a sibling element, which is defined by the value of the `direction` attribute. It is to be used with a flexible layout, such as one provided by `b-linear-layout` for instance.

## Demo
<div class="element-demo" id="demo"></div>

## Usage

``` html
<b-linear-layout>
    <div style="min-width: 100px;">Left (min: 100px)</div>
    <b-splitter direction="left"></b-splitter>
    <div expand>Right</div>
</b-linear-layout>
```

In the above sample, the splitter will resize the left element. Since the right element is set to `expand`, it will be automatically resized when the left one is resized. If you specify a `min-width` for the element to be resized, this minimum width will be enforced by the splitter.

When resizing, some element's contents may overflow outside of the element, so you may need to set this element to `overflow: hidden` or `overflow: scroll` depending on your preferences.

## Accessibility

ARIA authoring practices are automatically handled by the element. The user can use the arrow keys to position the splitter, END to maximize, HOME to minimize.

## API

### Attributes
- __direction__: specifies the sibling to resize. Possible values: `left`, `right`, `up`, `down` (default: `left`).


{'fraction_non_alphanumeric': 0.10398684751335799, 'fraction_numerical': 0.004932182490752158, 'mean_word_length': 4.433035714285714, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1600934', 'n_tokens_mistral': 718, 'n_tokens_neox': 676, 'n_words': 335}