Divider

Divider component is used to semantically and decoratively separate content into groups.


                                                        
                                                        
                                                            <template>
                                                          <w-stack direction="column" gap="medium">
                                                            <w-text type="sectionHeading">
                                                              Primary divider
                                                            </w-text>
                                                        
                                                            <w-divider></w-divider>
                                                        
                                                            <w-text type="sectionHeading">
                                                              Secondary Divider
                                                            </w-text>
                                                            <w-divider variant="secondary"></w-divider>
                                                          </w-stack>
                                                        </template>
                                                        
                                                            

Props

Name

Description

Type

Default

Values

variant

Specifies the color of the divider

string

primary

primary, secondary