Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@forter/checkbox

3.3.0 • Public • Published

fc-checkbox

An checkbox control which is mostly used in forms.

Usage

<script>
  import '@forter/checkbox';
</script> 
 
<fc-checkbox> Checkbox </fc-checkbox>

Examples

<!-- textContent -->
<fc-checkbox>
   Bar
</fc-checkbox>

Properties

Property Attribute Type Default Description
checked checked boolean false Whether the element is checked
disabled disabled boolean false Whether the element is disabled
indeterminate indeterminate boolean false Whether the element is indeterminate
inputId string
intent intent "primary" \| "secondary" \| "success" \| "danger" \| "warn" The button's intent. See Intents in README.

Events

Event Description
change fires once value changed. example: { "target": { "checked": true } }

Slots

Name Description
textContent for the checkbox label

CSS Custom Properties

Property Description
--fc-checkbox-border-radius border radius. default: 8px. example: 20px
--fc-checkbox-checked-color checked color. default: var(--ftr-apply-5)
--fc-checkbox-hover-color background colour when hovered. default: var(--ftr-apply-0)

Install

npm i @forter/checkbox

DownloadsWeekly Downloads

114

Version

3.3.0

License

Apache-2.0

Unpacked Size

70.8 kB

Total Files

46

Last publish

Collaborators

  • avatar
  • avatar
  • avatar