diff --git a/docs/breadcrumbs.md b/docs/breadcrumbs.md
index 742875b..20c117f 100644
--- a/docs/breadcrumbs.md
+++ b/docs/breadcrumbs.md
@@ -57,10 +57,14 @@ The code above generates the following HTML:
```
+## Setters
+
+All setters are immutable and return a new instance of the `Yiisoft\Yii\Bulma\Breadcrumbs` class with the specified value.
+
Method | Description | Default
-------|-------------|---------
-`activeItemTemplate(string $value)`| Template used to render each active item in the breadcrumbs. | `
\n`
-`aria-label` | Defines a string value that labels the current element. | `breadcrumbs`
+`activeItemTemplate(string $value)`| Template used to render each active item in the breadcrumbs. | `
\n`
+`ariaLabel` | Defines a string value that labels the current element. | `breadcrumbs`
`attributes(array $value)` | HTML attributes for the widget container nav tag. | `[]`
`autoIdPrefix(string $value)` | Prefix to the automatically generated widget ID. | `w`
`encode()` | Enable/Disable encoding for labels. | `false`
@@ -70,7 +74,7 @@ Method | Description | Default
`itemsAttributes(array $value)` | HTML attributes for the items widget. | `[]`
`itemTemplate(string $value)` | Template used to render each inactive item in the breadcrumbs. | `
{icon}{link}
\n`
-Items structure is an array of the following structure:
+### Items structure is an array of the following structure:
```php
[
diff --git a/docs/dropdown.md b/docs/dropdown.md
index e7b6b6c..6b08521 100644
--- a/docs/dropdown.md
+++ b/docs/dropdown.md
@@ -48,41 +48,71 @@ $this->setJsFiles($assetManager->getJsFiles());
?>
```
-HTML produced is like the following:
+The code above generates the following HTML:
```html
-
```
+## Setters
+
+All setters are immutable and return a new instance of the `Yiisoft\Yii\Bulma\Dropdown` class with the specified value.
+
Method | Description | Default
-------|-------------|---------
-`id(string $value)` | Widget ID. | `''`
+`attributes(array $value)` | Sets the HTML attributes for the dropdown container. | `[]`
`autoIdPrefix(string $value)` | Prefix to the automatically generated widget ID. | `w`
-`buttonLabel(string $value)` | Set label button dropdown. | `''`
-`buttonLabelOptions(array $value)`| The HTML attributes for the button dropdown. | `[]`
-`buttonOptions(array $value)` | The HTML attributes for the widget button tag. | `[]`
-`dividerClass(string $value)` | Divider CSS class. | `dropdown-divider`
-`itemClass(string $value)` | Item CSS class. | `dropdown-item`
-`itemsClass(string $value)` | Item container CSS class. | `dropdown-menu`
-`itemsOptions(array $value)` | HTML attributes for the widget items. | `[]`
-`withoutEncodeLabels()` | Disable encoding for labels. | `false`
-`withoutEncloseByContainer()` | Disable enclosed by container tag dropdown. | `false`
-`items(array $value)` | List of menu items in the dropdown. | `[]`
-`options(array $value)` | HTML attributes for the widget container tag. | `[]`
-`triggerOptions(array $value)` | HTML attributes for the widget container trigger. | `[]`
+`buttonAttributes(array $values)` | The HTML attributes for the dropdown button. | `[]`
+`buttonIconAttributes(array $values)` | The HTML attributes for the dropdown button icon. | `['class' => 'icon is-small']`
+`buttonIconCssClass(string $value)` | Set icon CSS class for the dropdown button. | `''`
+`buttonIconText(string $value)` | Set icon text for the dropdown button. | `'↓'`
+`buttonLabel(string $value)` | Set label for the dropdown button. | `'Click Me'`
+`buttonLabelAttributes(array $values)` | The HTML attributes for the dropdown button label. | `[]`
+`dividerCssClass(string $value)` | Set CSS class for horizontal line separating dropdown items. | `'dropdown-divider'`
+`dropdownCssClass(string $value)` | Set CSS class for the dropdown container. | `'dropdown'`
+`dropdownContentCssClass(string $value)` | Set CSS class for dropdown content. | `'dropdown-content'`
+`dropdownItemActiveCssClass(string $value)` | Set CSS class for active dropdown item. | `'is-active'`
+`dropdownItemCssClass(string $value)` | Set CSS class for dropdown item. | `'dropdown-item'`
+`dropdownItemDisabledStyleCss(string $value)` | Set Style attributes for disabled dropdown item. | `'opacity:.65;pointer-events:none;'`
+`dropdownItemHeaderCssClass(string $value)` | Set CSS class for dropdown item header. | `'dropdown-header'`
+`dropdownMenuCssClass(string $value)` | Set CSS class for dropdown menu. | `'dropdown-menu'`
+`dropdownTriggerCssClass(string $value)` | Set CSS class for dropdown trigger. | `'dropdown-trigger'`
+`id(string $value)` | Set the ID of the dropdown. | `''`
+`items(array $value)` | Set the dropdown items. | `[]`
+`submenu(bool $value)` | Set whether the dropdown is a submenu. | `false`
+`submenuAttributes(array $values)` | The HTML attributes for the dropdown submenu. | `[]`
+`enclosedByContainer(bool $value = false)` | Whether the widget should be enclosed by a container. | `true`
+
+### Items structure is an array of the following structure:
+
+```php
+[
+ [
+ 'label' => '',
+ 'url' => '',
+ 'urlAttributes' => [],
+ 'iconText' => '',
+ 'iconCssClass' => '',
+ 'iconAttributes' => [],
+ 'active' => false,
+ 'disabled' => false,
+ 'enclose' => false,
+ 'submenu' => false,
+ ],
+]
diff --git a/docs/navbar.md b/docs/navbar.md
index f1e833b..4176224 100644
--- a/docs/navbar.md
+++ b/docs/navbar.md
@@ -59,15 +59,15 @@ $this->setJsFiles($assetManager->getJsFiles());
brandLabel('My Project')
+ ->attributes(['class' => 'is-black', 'data-sticky' => '', 'data-sticky-shadow' => ''])
->brandImage('yii-logo.jpg')
+ ->brandText('My Project')
->brandUrl('/')
- ->options(['class' => 'is-black', 'data-sticky' => '', 'data-sticky-shadow' => ''])
- ->itemsOptions(['class' => 'navbar-end'])
->begin()
?>
enclosedByEndMenu()
->items([
[
'label' => 'Setting Account',
@@ -98,25 +98,25 @@ $this->setJsFiles($assetManager->getJsFiles());
```
-HTML produced is like the following:
+The code above generates the following HTML:
```html
-