@coveord/plasma-react
and @coveord/plasma-style
packages. Those packages are deprecated and replaced by the @coveord/plasma-mantine
package. 1import {Button, StickyFooter} from '@coveord/plasma-react';2import {loremIpsum} from 'lorem-ipsum';3import {useState} from 'react';45const lorem = loremIpsum({count: 100});67export default () => {8const [isOpened, setIsOpened] = useState(false);9return (10<>11<Button onClick={() => setIsOpened(true)}>Open Footer</Button>12<div style={{maxHeight: '300px'}} className="overflow-auto mt1">13<div>{lorem}</div>14<StickyFooter isOpened={isOpened}>15<Button onClick={() => setIsOpened(false)}>Cancel</Button>16<Button primary onClick={() => setIsOpened(false)}>17Save18</Button>19</StickyFooter>20</div>21</>22);23};
Name | Type | Default | Description |
---|---|---|---|
isOpened required | boolean | Whether the footer is visible | |
children | ReactNode | ||
className | string | CSS classes to set on the footer element | |
id | string | The unique identifier of the footer |
No guidelines exist for StickyFooter yet.