1616 </div >
1717</template >
1818
19+ <script lang="ts">
20+ export interface Props extends OUIAProps , VisibilityBreakpointProps , AlignBreakpointProps , GapBreakpointProps , ColumnGapBreakpointProps , RowGapBreakpointProps , RowWrapBreakpointProps , /* @vue-ignore */ HTMLAttributes {
21+ /** A type modifier which modifies spacing specifically depending on the type of group */
22+ variant? : ' filter-group' | ' action-group' | ' action-group-inline' | ' action-group-plain' | ' label-group' ;
23+ /** Vertical alignment of children */
24+ alignItems? : ' start' | ' center' | ' baseline' | ' default' | ' end' | ' stretch' ;
25+ /** Vertical alignment */
26+ alignSelf? : ' start' | ' center' | ' baseline' | ' default' | ' end' | ' stretch' ;
27+ /** Flag that modifies the toolbar group to hide overflow and respond to available space. Used for horizontal navigation. */
28+ overflowContainer? : boolean ;
29+ }
30+ </script >
31+
1932<script lang="ts" setup>
2033import { classesFromBreakpointProps , type AlignBreakpointProps , type VisibilityBreakpointProps , type GapBreakpointProps , type ColumnGapBreakpointProps , type RowGapBreakpointProps , type RowWrapBreakpointProps } from ' ../../breakpoints' ;
2134import { toCamelCase } from ' ../../util' ;
@@ -27,17 +40,6 @@ defineOptions({
2740 name: ' PfToolbarGroup' ,
2841});
2942
30- interface Props extends OUIAProps , VisibilityBreakpointProps , AlignBreakpointProps , GapBreakpointProps , ColumnGapBreakpointProps , RowGapBreakpointProps , RowWrapBreakpointProps , /* @vue-ignore */ HTMLAttributes {
31- /** A type modifier which modifies spacing specifically depending on the type of group */
32- variant? : ' filter-group' | ' action-group' | ' action-group-inline' | ' action-group-plain' | ' label-group' ;
33- /** Vertical alignment of children */
34- alignItems? : ' start' | ' center' | ' baseline' | ' default' | ' end' | ' stretch' ;
35- /** Vertical alignment */
36- alignSelf? : ' start' | ' center' | ' baseline' | ' default' | ' end' | ' stretch' ;
37- /** Flag that modifies the toolbar group to hide overflow and respond to available space. Used for horizontal navigation. */
38- overflowContainer? : boolean ;
39- }
40-
4143const props = defineProps <Props >();
4244const ouiaProps = useOUIAProps ({id: props .ouiaId , safe: props .ouiaSafe });
4345
0 commit comments