Package detail

@forter/form-section

forter28Apache-2.01.3.2

form-section from Forter Components

web-components, custom-elements, lit-element, lit-element-2.x

readme

fc-form-section

An element by Forter

Usage

<script>
   import '@forter/form-section';
</script>

<fc-form-section>
  <fc-form-field></fc-form-field>
</fc-form-section>

Properties

Property	Attribute	Type	Default	Description
`align`	`align`	`string`	\| Alignment of the form section (row/column)
`collapsable`	`collapsable`	`boolean`	false	If the section is collapsable
`collapse`	`collapse`	`boolean`	false	If the section is currently collapsed
`dirty`	`dirty`	`boolean`	false	If the section is dirty
`disabled`	`disabled`	`boolean`	false	Internal Observables
`invalidFields`	\| `never[]`	\|
`isCollapsed`	\| `"right" \| "down"`	\|
`isSlottedLabel`	\| `"" \| TemplateResult`	\|
`label`	`label`	`"" \| TemplateResult`	\|
`missingRequiredFields`	\| `never[]`	\|
`model`	\| `{}`	{}
`touched`	`touched`	`boolean`	false	If the section was touched
`valid`	`valid`	`boolean`	false	If the section is valid

Events

Event
`field-added`

CSS Custom Properties

Property	Description
`--fc-form-section-arrow-color`	section label arrow color (when section is collapsable) . default: "var(--fc-gray-700)"
`--fc-form-section-color`	section font color. default: "balck"
`--fc-form-section-label-font-size`	section label font size. default: "12px"
`--fc-form-section-label-font-weight`	section label font weight. default: "normal"
`--fc-form-section-label-invalid-color`	section label color when the section is invalid. default: "var(--fc-red-900)"
`--fc-form-section-label-margin-bottom`	section label margin bottom. default: "0px"
`--fc-form-section-margin-right-item`	section margin right of each field (row alignment only). default: "20px"
`--fc-form-section-padding-left`	section padding left. default: "5px"

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.3.2 (2024-12-12)

Bug Fixes

styles: fixed spacing vars (2714c57)

1.3.1 (2024-11-13)

Bug Fixes

styles: fixed spacing vars (2714c57)

1.3.0 (2022-10-03)

Features

form-section: update var colors (b75691e)

1.2.2 (2021-11-16)

Note: Version bump only for package @forter/form-section

1.2.1 (2021-03-31)

Bug Fixes

input: fix undefined label (#696) (fa54734)

1.2.0 (2021-03-29)

Features

styles: default styles to all componenets (#693) (b8bb414)

1.1.1 (2020-12-22)

Note: Version bump only for package @forter/form-section

1.1.0 (2020-12-07)

Features

overflow: variable for overflow (b386a39)

1.0.11 (2020-11-17)

Note: Version bump only for package @forter/form-section

1.0.10 (2020-11-17)

Note: Version bump only for package @forter/form-section

1.0.9 (2020-10-19)

Note: Version bump only for package @forter/form-section

1.0.8 (2020-07-23)

Note: Version bump only for package @forter/form-section

1.0.7 (2020-07-08)

Bug Fixes

form-section: fix section validation (#450) (366d1cc)

1.0.6 (2020-07-07)

Bug Fixes

form-section: disable fields when collapsed (#448) (7693aea)

1.0.5 (2020-06-02)

Note: Version bump only for package @forter/form-section

1.0.4 (2020-06-02)

Bug Fixes

form-section: allow empty (689ccb4)

1.0.3 (2020-05-31)

Note: Version bump only for package @forter/form-section

1.0.2 (2020-05-24)

Note: Version bump only for package @forter/form-section

1.0.1 (2020-05-21)

Note: Version bump only for package @forter/form-section