github-actions[bot]
commented
2 years ago Closed novacbn closed 2 years ago
github-actions[bot]
commented
2 years ago github-actions[bot]
commented
2 years ago github-actions[bot]
commented
2 years ago github-actions[bot]
commented
2 years ago
CHANGELOG
DataSelectAdded new Component! Similar to
DataTable, allows you to provide a list of data structures to create a dropdown of selectable options.<svelte:fragment slot="default" let:index={number} let:item={IDataSelectItem}>— Allows for overriding of the default display option text.<DataSelect items={IDataSelectItem[]}>— Sets the options displayed to the user.IDataSelectItem.disabled: boolean— Controls if the specific option is disabled.IDataSelectItem.id: string— Controls the element ID assigned to the option's<input />element.IDataSelectItem.palette: "auto" | "inverse" | "accent" | "dark" | "light" | "alert" | "affirmative" | "informative" | "negative"— Alters the color palette of the inner<Check>or<Radio>Component.IDataSelectItem.text: string— Controls the text displayed to the user for the option.IDataSelectItem.value: string— Controls the form value associated with the option. If unset,IDataSelectItem.idwill be used.<DataSelect multiple={boolean}>— Controls whether multiple options can be selected by the user.<DataSelect max={number}>— Controls how many multiple choices a user can select when enabled.<DataSelect logic_name={string}>— Controls the form name that prefixes all options.<DataSelect logic_state={string | string[]}>— Controls which options are selected.<DataSelect searching={string}>— Controls the current searching filter in the innerTextInputvalue.<DataSelect searching_algorithm={(item: IDataSelectItem, searching?: string) => boolean}>— Allows implementing of custom search filtering.<DataSelect placeholder={string}>— Alters displayed text while closed or if no options are selected.<DataSelect palette={"auto" | "inverse" | "accent" | "dark" | "light" | "alert" | "affirmative" | "informative" | "negative"}>— Alters the color palette of the innerTextInputComponent.<DataSelect sizing={"nano", "tiny", "small", "medium", "large", "huge", "massive", "${VIEWPORT}:${SIZE}"}>— Alters the sizing of the innerTextInputComponent.<DataSelect variation={"flush"}>— Alters to render the choices inline instead of aPopover.DataTable<DataTable searching_algorithm>— Updated to provide<DataTable searching>instead of needing to bind to retrieve value.<DataTable searching_algorithm={(item: IDataSelectItem) => boolean}>-><DataTable searching_algorithm={(item: IDataSelectItem, searching?: string) => boolean}>Popover<Popover.Container variation="control">— Activates the<Popover.Section>content when sibling content is focused.