import{_ as r,c as t,a0 as a,o}from"./chunks/framework.P9qPzDnn.js";const p=JSON.parse('{"title":"Interface: BarOptions","description":"","frontmatter":{"editLink":false},"headers":[],"relativePath":"api/features/bars/bar/interfaces/BarOptions.md","filePath":"api/features/bars/bar/interfaces/BarOptions.md","lastUpdated":null}'),i={name:"api/features/bars/bar/interfaces/BarOptions.md"};function s(n,e,l,c,h,d){return o(),t("div",null,e[0]||(e[0]=[a('
Profectus / features/bars/bar / BarOptions
An object that configures a Bar.
optional
baseStyle:MaybeRefOrGetter
<CSSProperties
>
CSS to apply to the bar's base.
profectus/src/features/bars/bar.tsx:25
optional
borderStyle:MaybeRefOrGetter
<CSSProperties
>
CSS to apply to the bar's border.
profectus/src/features/bars/bar.tsx:23
optional
classes:MaybeRefOrGetter
<Record
<string
,boolean
>>
Dictionary of CSS classes to apply to this feature.
direction:
MaybeRefOrGetter
<Direction
>
The direction in which the bar progresses.
profectus/src/features/bars/bar.tsx:21
optional
display:MaybeGetter
<Renderable
>
The display to use for this bar.
profectus/src/features/bars/bar.tsx:33
optional
fillStyle:MaybeRefOrGetter
<CSSProperties
>
CSS to apply to the bar's fill.
profectus/src/features/bars/bar.tsx:29
height:
MaybeRefOrGetter
<number
>
The height of the bar.
profectus/src/features/bars/bar.tsx:19
progress:
MaybeRefOrGetter
<DecimalSource
>
The progress value of the bar, from 0 to 1.
profectus/src/features/bars/bar.tsx:31
optional
style:MaybeRefOrGetter
<CSSProperties
>
CSS to apply to this feature.
optional
textStyle:MaybeRefOrGetter
<CSSProperties
>
CSS to apply to the bar's text.
profectus/src/features/bars/bar.tsx:27
optional
visibility:MaybeRefOrGetter
<boolean | Visibility>
Whether this feature should be visible.
width:
MaybeRefOrGetter
<number
>
The width of the bar.